$: variables
  • References/CSS/Sass/SassScript

Variables: $ The most straightforward way to use SassScript is to use variables. Variables begin with dollar signs, and are set

2025-01-10 15:47:30
Interactive shell
  • References/CSS/Sass/SassScript

Interactive Shell You can easily experiment with SassScript using the interactive shell. To launch the shell run the sass command-line with

2025-01-10 15:47:30
Operations
  • References/CSS/Sass/SassScript

Operations All types support equality operations (== and !=). In addition, each type has its own operations that it

2025-01-10 15:47:30
& in sassScript
  • References/CSS/Sass/SassScript

& in SassScript Just like when it’s used in selectors, & in SassScript refers to the current parent selector

2025-01-10 15:47:30
!
  • References/CSS/Sass/SassScript

Variable Defaults: !default You can assign to variables if they aren’t already assigned by adding the !default flag

2025-01-10 15:47:30
Data types
  • References/CSS/Sass/SassScript

Data Types SassScript supports seven main data types: numbers (e.g. 1.2, 13,

2025-01-10 15:47:30
Parentheses
  • References/CSS/Sass/SassScript

Parentheses Parentheses can be used to affect the order of operations: p

2025-01-10 15:47:30
Functions
  • References/CSS/Sass/SassScript

Functions SassScript defines some useful functions that are called using the normal CSS function syntax:

2025-01-10 15:47:30
#{}
  • References/CSS/Sass/SassScript

Interpolation: #{} You can also use SassScript variables in selectors and property names using #{} interpolation

2025-01-10 15:47:30