Use Sass to customise how SGDS looks and behaves in your project
Working with SGDS's source files
The Sass source files for sgds can be found in the folder node_modules/@govtechsg/sgds/sass
Whenever possible, avoid modifying the core sass files in @govtechsg/sgds/sass/
Importing
In your custom.scss, you can choose to include all sgds-theme files or pick the
components you need. However do note that are some requirements and dependencies across the components.
Include all parts
Include parts of SGDS
If you are using Webpack, u can omit the node_modules directory
Variables
You can find the complete list of variables inside @govtechsg/sgds/sass/_variables.scss or in our SGDS github repo
Here's an example that changes the background-color and color for the body when importing and compiling sgds-theme via npm: