Nuclides
Table of content
What are Nuclides?

Nuclides are parts of the stylesheet source that are not directly useable on their own. This could be mixins, variables like colors and sizes, or settings.

To mark a variable or mixin as a nuclide, annotate it with the @nuclide tag, followed by the name of the nuclide.

Special forms are @color and @mixin.

Colors
Color
Variable
Hex
RGBA
Aa
Brand Color
$color-brand
#F29400
rgba(242, 148, 0, 1)
Aa
Secondary Color
$color-brand-secondary
#8FB5C3
rgba(143, 181, 195, 1)
Aa
Tertiary Color
$color-brand-tertiary
#FFBE00
rgba(255, 190, 0, 1)
Aa
Quaternary Color
$color-brand-quaternary
#A59969
rgba(165, 153, 105, 1)
Aa
Grey Dark
$color-grey-dark
#72797F
rgba(114, 121, 127, 1)
Aa
Grey
$color-grey
#A4AAAF
rgba(164, 170, 175, 1)
Aa
Grey Light
$color-grey-light
#D9DADB
rgba(217, 218, 219, 1)
Aa
White
$color-white
#FFFFFF
rgba(255, 255, 255, 1)
Aa
Bodytext
$color-body-text
#333333
rgba(51, 51, 51, 1)