Sass variables
Sass variables are useful for extending existing design without losing design consistancy.
Colors
| Variable name | Value |
|---|---|
$gray-100 |
|
$gray-200 |
|
$gray-300 |
|
$gray-400 |
|
$gray-500 |
|
$gray-600 |
|
$gray-700 |
|
$gray-800 |
|
$gray-900 |
|
$black |
|
$body-bg |
#ffffff
|
$body-color |
darken(desaturate($purple, 60), 30); // ~ #4e4a74
|
$heading-color |
$black
|
$text-muted-color |
$gray-600
|
Theme color
| Variable name | Value |
|---|---|
$primary |
|
$primary-active |
darken($primary, 10) |
$primary-dark |
darken($primary, 15) |
$secondary |
|
$success |
|
$info |
|
$warning |
|
$danger |
|
$light |
|
$dark |
|
$background |
$white |
$body-color |
$black |
$facebook |
rgb(55, 101, 201) |
$google |
rgb(236, 65, 44) |
$twitter |
rgb(3, 159, 245) |