/* ==========================================================================
MIXINS ========================================================================== */
%tab-focus {
/* Default*/ outline: thin dotted $warning-color; /* Webkit*/ outline: 5px auto $warning-color; outline-offset: -2px;
}
/*
em function ========================================================================== */
@function em($target, $context: $doc-font-size) {
@return ($target / $context) * 1em;
}
/*
Bourbon clearfix ========================================================================== */
/*
* Provides an easy way to include a clearfix for containing floats. * link http://cssmojo.com/latest_new_clearfix_so_far/ * * example scss - Usage * * .element { * @include clearfix; * } * * example css - CSS Output * * .element::after { * clear: both; * content: ""; * display: table; * }
*/
@mixin clearfix {
clear: both; &::after { clear: both; content: ""; display: table; }
}