Syntax

Indented Syntax Ability to omit curly braces {} and semicolons ; SugarSS

Variables

basic Ability to declare variables and use them later simple-vars

default Default variables are overwritten by regular ones, no matter when they are declared

lazy Variable Hoisting, variables can be declared after being used

lookup Use the value of a previously declared property elsewhere property-lookup, mathjs

scoped Restrict the scope of variables nested-vars

Variable Interpolation

basic Use variables as parts of selectors, properties, or values simple-vars

calc Use variables as inside calc() values simple-vars

selectors Place a set of selectors into a variable and reuse it simple-vars

selectors nested Nest a set of selectors with parent reference below another selector

Mixins

basic Support inclusion of mixins mixins

params Mixins that can receive parameters passed to them mixins

params-named Mixins that have named placeholders for each parameter passed to them, allows to pass parameters in any order

arguments Mixins with an unknown number of arguments passed to them mixins

Conditionals

basic If statement within a declaration unusual syntax conditionals

ternary Ternary operator x > 0 ? true : false unusual syntax

property Interpolate if statements inside property names

selector Interpolate if statements inside selectors requires additional variable

Rounding Numbers

round functions Use of Round, Floor, and Ceil functions to convert a decimal to an integer mathjs

custom precision Customize the precision for a particular decimal number requires custom function mathjs, simple-vars

custom global precision Customize the global precision for calculations resulting in decimal numbers

Random Number

basic Generate a random number with upper and lower limits requires custom function 3.3.0+ requires custom function mathjs

cache Append the random number to a resource as a query string to invalidate the cache requires custom function 3.3.0+ requires custom function mathjs

color Generate different colors with a random Hue or other color components requires custom function 3.3.0+ requires custom function mathjs

Parent Reference

append Append selector to the parent when nesting &:hover , &.active nested

extend name Extend the name of the parent selector &--modifier-class 3.3.0+ nested

parent Allows to set a parent of the current nested selector .ie7 & nested

prepend Prepend a selector, a nested ol& below .test returns ol.test 3.4.0+ requires the @at-root directive nested

multiple Ability to more than one parent reference in a selector & + & nested

explosion Generate all possible permutations of selectors from a list requires additional variable requires additional variable

root Root directive/reference removes parent selectors for everything below it 3.3.0+ 0.42.0+ simple-vars, atroot

Placeholder Selectors

basic Reusable components that are outputted only if used somewhere, also known as silent classes extend

Content Directive

basic Mixins accept style declarations inside it, useful if reusing selectors 3.2.0+ 0.41.0+ mixins, nested

media Mixins accept both style declarations and parameters, useful for simpler media queries 3.2.0+ 0.41.0+ mixins

placeholder text Ability to reuse the content block in several selectors, useful for placeholder-text mixin 3.2.0+ 0.41.0+ mixins

Loops

basic Loops that can increment values need to call the function for, mathjs

intermediate Loops that iterate though items in a list need to call the function each

Image Helpers

dimensions Ability to get the width/height of a given image 2.2.0+ compass assets

inline Encode a given image to base64 1.4.0+ compass requires function definition assets

Sourcemaps

basic Generate a source map file that defines a mapping between CSS declarations and the corresponding line of the source file 1.5.0+ 3.3.0+ 0.48.0+

Color Extract

RGB Extract the Red, Green, or Blue components from a color

HSL Extract the Hue, Saturation, or Lightness components from a color

HSV Extract the Hue, Saturation, or Value/Brightness components from a color requires custom function

alpha Extract the value of the alpha channel from a color

luma/luminosity 0.47.0+

luminance

contrast 0.47.0+

Color Test

dark Returns true if the color is dark requires custom function requires custom function