Compass Mixins
A
-
adjust-font-size-to($to-size, $lines, $from-size)
-
adjust-leading-to($lines, $font-size)
-
align-content($align-content)
-
align-items($align-items)
-
align-self($align-self)
-
alternating-rows-and-columns($even-row-color, $odd-row-color, $dark-intersection, $header-color, $footer-color)
-
animation
-
animation-delay
-
animation-direction
-
animation-duration
-
animation-fill-mode
-
animation-iteration-count
-
animation-name
-
animation-play-state
-
animation-timing-function
-
appearance($appearance)
-
apply-origin($origin, $only3d)
-
apply-side-rhythm-border($side, $width, $lines, $font-size, $border-style)
B
C
-
clearfix
-
color-interpolation-filters($value)
-
column-break($type, $value)
-
column-break-after($value)
-
column-break-before($value)
-
column-break-inside($value)
-
column-count($count)
-
column-fill($fill)
-
column-gap($width)
-
column-grid-background($total, $column, $gutter, $offset, $column-color, $gutter-color, $force-fluid)
-
column-rule($width, $style, $color)
-
column-rule-color($color)
-
column-rule-style($style)
-
column-rule-width($width)
-
column-span($columns)
-
column-span($span)
-
column-width($width)
-
columns($width-and-count)
-
comma-delimited-list
-
content($value)
-
contrasted($background-color, $dark, $light, $threshold)
-
create-transform($perspective, $scale-x, $scale-y, $scale-z, $rotate-x, $rotate-y, $rotate-z, $rotate3d, $trans-x, $trans-y, $trans-z, $skew-x, $skew-y, $origin-x, $origin-y, $origin-z, $only3d)
D
E
F
-
filter($filters)
-
filter-gradient($start-color, $end-color, $orientation)
-
filter-margin($widths)
-
filter-margin-bottom($width)
-
filter-margin-left($width)
-
filter-margin-right($width)
-
filter-margin-top($width)
-
flex($flex)
-
flex-basis($flex-basis)
-
flex-direction($direction)
-
flex-flow($flow)
-
flex-grow($flex-grow)
-
flex-shrink($flex-shrink)
-
flex-wrap($wrap)
-
flexbox($properties, $version)
-
float($side)
-
float-left
-
float-right
-
flow-from($target)
-
flow-into($target)
-
font-face($name, $font-files, $eot, $weight, $style)
-
for-legacy-browser($browser, $min-version, $max-version, $threshold, $ranges)
-
for-legacy-browsers($browsers, $threshold)
-
force-wrap
G
H
I
J
K
L
M
N
O
P
-
padding-leader($lines, $font-size)
-
padding-trailer($lines, $font-size)
-
perspective($p)
-
perspective-origin($origin)
-
pie-clearfix
-
prefix-prop($property, $value, $prefix)
-
prefixed-properties($capability, $threshold, $properties, $capability-options)
-
pretty-bullets($bullet-icon, $width, $height, $line-height, $padding)
-
print-utilities($media)
R
-
replace-text($img, $x, $y)
-
replace-text-with-dimensions($img, $x, $y, $inline)
-
reset-baseline($font-size)
-
reset-body
-
reset-body
-
reset-box-model
-
reset-box-model
-
reset-display($selector, $important)
-
reset-display($selector, $important)
-
reset-float($display)
-
reset-focus
-
reset-focus
-
reset-font
-
reset-font
-
reset-html5
-
reset-html5
-
reset-image-anchor-border
-
reset-image-anchor-border
-
reset-list-style
-
reset-list-style
-
reset-quotation
-
reset-quotation
-
reset-table
-
reset-table
-
reset-table-cell
-
reset-table-cell
-
rhythm($leader, $padding-leader, $padding-trailer, $trailer, $font-size)
-
rhythm-borders($width, $lines, $font-size, $border-style)
-
rhythm-margins($leader, $trailer, $font-size)
-
rhythm-padding($padding-leader, $padding-trailer, $font-size)
-
rotate($rotate, $perspective, $only3d)
-
rotate3d($vector-x, $vector-y, $vector-z, $rotate, $perspective)
-
rotateX($rotate, $perspective)
-
rotateY($rotate, $perspective)
-
rotateZ($rotate, $perspective, $only3d)
S
-
scale($scale-x, $scale-y, $perspective, $only3d)
-
scale3d($scale-x, $scale-y, $scale-z, $perspective)
-
scaleX($scale, $perspective, $only3d)
-
scaleY($scale, $perspective, $only3d)
-
scaleZ($scale, $perspective)
-
selection($background-color, $color)
-
simple-transform($scale, $rotate, $trans-x, $trans-y, $skew-x, $skew-y, $origin-x, $origin-y)
-
single-box-shadow($hoff, $voff, $blur, $spread, $color, $inset)
-
single-text-shadow($hoff, $voff, $blur, $spread, $color)
-
single-transition($property, $duration, $function, $delay)
-
skew($skew-x, $skew-y, $only3d)
-
skewX($skew-x, $only3d)
-
skewY($skew-y, $only3d)
-
sprite($map, $sprite, $dimensions, $offset-x, $offset-y, $use-percentages, $use-magic-selectors, $separator)
-
sprite-background($img, $width, $height)
-
sprite-background-position($map, $sprite, $offset-x, $offset-y, $use-percentages)
-
sprite-background-rectangle($img, $width, $height)
-
sprite-column($col, $width, $margin)
-
sprite-dimensions($map, $sprite)
-
sprite-img($img, $col, $row, $width, $height, $margin)
-
sprite-position($col, $row, $width, $height, $margin)
-
sprite-replace-text($map, $sprite, $dimensions, $offset-x, $offset-y)
-
sprite-replace-text-with-dimensions($map, $sprite, $offset-x, $offset-y)
-
sprite-row($row, $height, $margin)
-
sprites($map, $sprite-names, $base-class, $dimensions, $prefix, $offset-x, $offset-y, $use-percentages, $separator)
-
squish-text
-
sticky-footer($footer-height, $root-selector, $root-footer-selector, $footer-selector)
-
stretch($offset-top, $offset-right, $offset-bottom, $offset-left)
-
stretch-x($offset-left, $offset-right)
-
stretch-y($offset-top, $offset-bottom)
T
-
table-scaffolding
-
tag-cloud($base-size)
-
text-shadow
-
trailer($lines, $font-size, $property)
-
trailing-border($width, $lines, $font-size, $border-style)
-
transform($transform, $only3d)
-
transform-origin($origin-x, $origin-y, $origin-z, $only3d)
-
transform-style($style)
-
transform2d($trans)
-
transform3d($trans)
-
transition
-
transition-delay
-
transition-duration
-
transition-property
-
transition-timing-function
-
translate($translate-x, $translate-y, $perspective, $only3d)
-
translate3d($translate-x, $translate-y, $translate-z, $perspective)
-
translateX($trans-x, $perspective, $only3d)
-
translateY($trans-y, $perspective, $only3d)
-
translateZ($trans-z, $perspective)
-
transparent
U
W