Sass
Sass is a CSS pre-processor, meaning that it extends the CSS language, adding features that allow variables, mixins, functions. Pages support Sass and is purely built on top of Sass
Sass Files are found under pages/src/sass
sass
modules
themes
mixin.scss
color.scss
modules.scss
pages.scss
responsive.scss
var.scss
Modules
The separation of modules help you to remove what's not necessary and build your own custom pages CSS. You can specify which module you need and do not need in modules.scss file.
Variables
Variables help to generate themes, you can custom build your very own theme. The variables will be included inside a specific theme e.g: scss/themes/default/var.scss by changing the few 5 main color variables you can create your color palette
Creating your own Color Pallets
By simply changing the following variables the entire color palette mention here will change Color Palette
Main Base color
$color-contrast-lower
$color-contrast-higher
Primary Colors
$color-success
$color-complete
$color-primary
$color-warning
$color-danger
$color-info
Mixins
We have made a wide variety of mixins that can be used in scss,
mixins can be found under pages/src/scss/mixin.scss
Last updated