Reusable Sass mixins to help build standard and custom components.

Some components also have more specific local mixins.

@include button-base;

Include in any component that needs to function similar to a button with the structural and size properties used by e.g. Btn.

@include clearfix;

Include in any container that needs to clear floats.

@include custom-arrow($width);

Include in components with a custom arrow, such as select lists and menu components. Default width is .4em

@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.

@include loading-icon;

Include this in components that should display a rotating loading icon (such as loading message and overlay)

@include normal-text;

Include this in any component that should have the standard normal text size.

@include overlay;

Include this in components that should cover the entire screen (overlays)

@include separator($color);

Include in components with a dashed border-top, default color is rgba($color-black, .1);

@include small-text;

Include this in any component that should have the standard small text size.

@include uipanel-base;

Include in ui panels (tabs, modals) to get the base style correct