| /* ========================================================================== |
| 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; |
| } |
| } |