mirror of
https://github.com/danog/sass-site.git
synced 2024-12-15 02:47:36 +01:00
38 lines
1.3 KiB
Markdown
38 lines
1.3 KiB
Markdown
---
|
|
title: Values
|
|
introduction: >
|
|
Sass supports a number of value types, most of which come straight from CSS.
|
|
Every [expression](syntax/structure#expressions) produces a value,
|
|
[variables](variables) hold values. Most value types come straight from CSS:
|
|
overview: true
|
|
---
|
|
|
|
* [Numbers](values/numbers), which may or may not have units, like `12` or
|
|
`100px`.
|
|
|
|
* [Strings](values/strings), which may or may not have quotes, like
|
|
`"Helvetica Neue"` or `bold`.
|
|
|
|
* [Colors](values/colors), which can be referred to by their hex representation
|
|
or by name, like `#c6538c` or `blue`, or returned from functions, like
|
|
`rgb(107, 113, 127)` or `hsl(210, 100%, 20%)`.
|
|
|
|
* [Lists of values](values/lists), 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/booleans) values `true` and `false`.
|
|
|
|
* The singleton [`null`](values/null) value.
|
|
|
|
* [Maps](values/maps) that associate values with keys, like
|
|
`("background": red, "foreground": pink)`.
|
|
|
|
* [Function references](values/functions) returned by [`get-function()`][] and
|
|
called with [`call()`][].
|
|
|
|
[`get-function()`]: modules/meta#get-function
|
|
[`call()`]: modules/meta#call
|