All Supported Functions, Mixins, and Addons
@
denotes a mixin and must be prefaced with @include
.
Mixins
{% highlight scss %}
animation
@ animation(*args)
@ animation-delay(*args)
@ animation-direction(*args)
@ animation-duration(*args)
@ animation-fill-mode(*args)
@ animation-iteration-count(*args)
@ animation-name(*args)
@ animation-play-state(*args)
@ animation-timing-function(*args)
@ appearance(*args)
@ background-image(*args)
@ background-size(*args)
@ border-image(*args)
border-radius
@ border-radius(*args)
@ border-top-radius(*args)
@ border-top-left-radius(*args)
@ border-top-right-radius(*args)
@ border-bottom-radius(*args)
@ border-bottom-left-radius(*args)
@ border-bottom-right-radius(*args)
@ border-left-radius(*args)
@ border-right-radius(*args)
@ box-shadow(*args)
@ box-sizing(*args)
columns
@columns(*args)
@column-count(*args)
@column-fill(*args)
@column-gap(*args)
@column-rule(*args)
@column-rule-color(*args)
@column-rule-style(*args)
@column-rule-width(*args)
@column-span(*args)
@column-width(*args)
flex-box
@ box(*args)
@ box-align(*args)
@ box-direction(*args)
@ box-flex(*args)
@ box-flex-group(*args)
@ box-lines(*args)
@ box-ordinal-group(*args)
@ box-orient(*args)
@ box-pack(*args)
@ display-box
@ inline-block
@ linear-gradient(*args)
@ radial-gradient(*args)
transform
@ transform(*args)
@ transform-origin(*args)
transition
@ transition(*args)
@ transition-delay(*args)
@ transition-duration(*args)
@ transition-property(*args)
@ transition-timing-function(*args)
@ user-select
{% endhighlight %}
Functions
{% highlight scss %}
compact(*args)
flex-grid(*args)
golden-ratio(*args)
grid-width(*args)
linear-gradient(*args)
modular-scale(*args)
radial-gradient(*args)
shade(*args)
tint(*args)
{% endhighlight %}
Addons
{% highlight scss %}
@ button(*args)
@ clearfix
@ hide-text
HTML5 Inputs
#{$all-text-inputs}
font-family
$georgia
$helvetica
$lucida-grande
$monospace
$verdana
timing-functions
$ease-in-*
$ease-out-*
$ease-in-out-*
* = quad, cubic, quart, quint, sine, expo, circ, back
{% endhighlight %}