2 #permalink Tools

Default mixins and functions

Example
@include clearfix();
@include clearfix();

2.2 #2.container-padding Container padding

Add container padding accross resolutions with the ability to set multiplicator for top and bottom padding.

Example
@include container-padding(1.5);
@include container-padding(1.5);

2.3 #2.hide-text Hide text

Moves text off screen for background image purposes.

Example
@include hide-text;
@include hide-text;

2.4 #2.list-reset List reset

Resets basic list styles (margin, padding etc.).

Example
@include list-reset;
@include list-reset;

2.5 #2.show-text Show text

Resets hide-text mixin.

Example
@include show-text;
@include show-text;
Example
@include transition-fast;
@include transition-fast;
Example
@include transition-normal;
@include transition-normal;
Example
@include transition-slow;
@include transition-slow;

2.9 #2.visually-hidden Visually Hidden

Hides element visually but keeps it visible for screen readers. More information http://webaim.org/techniques/css/invisiblecontent/

Example
@include visually-hidden;
@include visually-hidden;

2.10 #2.visually-visible Visually Visible

Resets visually hidden element.

Example
@include visually-visible;
@include visually-visible;