General

mixins

carousel

@mixin carousel($items, $speed: 6) { ... }

Description

Set up image carousels.

Parameters

parameterName	parameterDescription	parameterType	parameterDefault value
`$items`	the number of items	`Int`	—none
`$speed`	the duration of each item in seconds	`Int`	`6`

element-invisible

@mixin element-invisible() { ... }

Description

Makes an element visually hidden, but accessible. See http://snook.ca/archives/html_and_css/hiding-content-for-accessibility

Parameters

None.

Used by

[mixin] element-focusable

element-invisible-off

@mixin element-invisible-off() { ... }

Description

Turns off the element-invisible effect.

Parameters

None.

Used by

[mixin] element-focusable

element-focusable

@mixin element-focusable() { ... }

Description

Makes an element visually hidden by default, but visible when focused.

Parameters

None.

hide-text

@mixin hide-text() { ... }

Description

Hide text of an element, for example when applying an image sprite.

Parameters

None.

breakpoint

@mixin breakpoint() { ... }

Description

Breakpoints

Parameters

None.

Content

This mixin allows extra content to be passed (through the @content directive).

icon-inline

@mixin icon-inline() { ... }

Description

Set up an icon to display inline-block.

Parameters

None.

icon-block

@mixin icon-block() { ... }

Description

Set up an icon to display as a block.

Parameters

None.

tile

@mixin tile() { ... }

Description

A square block with a translucent heading over it.

Parameters

None.

tiles

@mixin tiles() { ... }

Description

A set of tiles.

Parameters

None.

glossary

@mixin glossary() { ... }

Description

Navigation for a glossary.

Parameters

None.

functions

em

@function em() { ... }

Description

Convert a pixel value to ems.

Parameters

None.