Sass mixins
Reusable Sass mixins to help build standard and custom components.
Some components also have more specific local mixins.
clearfix
@include clearfix;
Include in any container that needs to clear floats.
custom-arrow
@include custom-arrow($width);
Include in components with a custom arrow, such as select lists and menu components. Default width is .4em
icon-base
@include icon-base;
Include this in any component that needs to use an icon from atomicons but has requirements (e.g. sizing and spacing) that cannot be fulfilled by using a regular Icon
.
loading-icon
@include loading-icon;
Include this in components that should display a rotating loading icon (such as loading message and overlay)
normal-text
@include normal-text;
Include this in any component that should have the standard normal text size.
overlay
@include overlay;
Include this in components that should cover the entire screen (overlays)
separator
@include separator($color);
Include in components with a dashed border-top, default color is rgba($color-black, .1)
;
small-text
@include small-text;
Include this in any component that should have the standard small text size.
uipanel-base
@include uipanel-base;
Include in ui panels (tabs, modals) to get the base style correct