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
white
$rainbow-color--white
#FFFFFF
rgba(255, 255, 255, 1)
Aa
white-transparent
$rainbow-color--white--transparent
#FFFFFF
rgba(255, 255, 255, 0.4)
Aa
green
$rainbow-color--green
#3ECF8E
rgba(62, 207, 142, 1)
Aa
blue
$rainbow-color--blue
#2196F3
rgba(33, 150, 243, 1)
Aa
lighter-blue
$rainbow-color--lighter--blue
#2196F3
rgba(33, 150, 243, 0.1)
Aa
red
$rainbow-color--red
#FF5252
rgba(255, 82, 82, 1)