Values
Sass supports a number of value types, most of which come straight from CSS. Every expression produces a value, variables hold values. Most value types come straight from CSS:
Numbers, which may or may not have units, like
12
or100px
.Strings, which may or may not have quotes, like
"Helvetica Neue"
orbold
.Colors, which can be referred to by their hex representation or by name, like
#c6538c
orblue
, or returned from functions, likergb(107, 113, 127)
orhsl(210, 100%, 20%)
.Lists of values, which may be separated by spaces or commas and which may be enclosed in square brackets or no brackets at all, like
1.5em 1em 0 2em
,Helvetica, Arial, sans-serif
, or[col1-start]
.
A few more are specific to Sass:
The boolean values
true
andfalse
.The singleton
null
value.Maps that associate values with keys, like
("background": red, "foreground": pink)
.Function references returned by
get-function()
and called withcall()
.