Guidelines
Colors | _variables.scss
/Brand Colors
-
Brand black -
primary -
primary-dark
Colors | _variables.scss
/Brand Grey
-
brand-grey-50 -
brand-grey-100 -
brand-grey-200 -
brand-grey-300 -
brand-grey-400 -
brand-grey-500 -
brand-grey-500
Colors | _variables.scss
/Neutrals
-
white -
grey-50 -
grey-100 -
grey-200 -
grey-300 -
grey-400 -
grey-500 -
black
Colors | _variables.scss
/Utils
-
success -
info -
warning -
danger
Titles | _title.scss
@mixin title($level: 1, $color: inherit, $uppercase: false)
Paragraphs | _paragraph.scss
@mixin paragraph($type: "normal", $color: inherit)
Body/Regular/Text1
Body/Regular/Text2
Body/Regular/Text3
Body/Regular/Text4
Body/Bold/Text1
Body/Bold/Text2
Body/Bold/Text3
Body/Bold/Text4
Caption/Regular/Caption1
Caption/Regular/Caption2
Caption/Regular/Caption3
Caption/Bold/Caption1
Caption/Bold/Caption2
Caption/Bold/Caption3
Box-shadow | _variables.scss
/Shadows
-
Box shadow 1 -
Box shadow 2 -
Box shadow 3 -
Box shadow 4 -
Box shadow 5
Buttons | _button.scss
@mixin button($type: "normal", $color: inherit, $background: inherit)
Buttons primary
Buttons secondary
Buttons small
Links | _link.scss
@mixin link($type: "normal", $color: inherit)