53 lines
1 KiB
SCSS
53 lines
1 KiB
SCSS
|
/* ==========================================================================
|
||
|
|
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;
|
||
|
|
}
|
||
|
|
}
|