2015-01-20 21:25:57 +01:00
|
|
|
/* ==========================================================================
|
2016-03-10 17:13:54 +01:00
|
|
|
MIXINS
|
2015-01-20 21:25:57 +01:00
|
|
|
========================================================================== */
|
|
|
|
|
2016-03-10 17:13:54 +01:00
|
|
|
%tab-focus {
|
|
|
|
// Default
|
|
|
|
outline: thin dotted $warning-color;
|
|
|
|
// Webkit
|
|
|
|
outline: 5px auto $warning-color;
|
2014-07-31 19:09:32 +02:00
|
|
|
outline-offset: -2px;
|
|
|
|
}
|
|
|
|
|
2015-04-17 12:43:36 +02:00
|
|
|
/*
|
2016-03-10 17:13:54 +01:00
|
|
|
em function
|
2015-01-20 21:25:57 +01:00
|
|
|
========================================================================== */
|
|
|
|
|
2016-03-10 17:13:54 +01:00
|
|
|
@function em($target, $context: $doc-font-size) {
|
|
|
|
@return ($target / $context) * 1em;
|
2014-07-31 19:09:32 +02:00
|
|
|
}
|
|
|
|
|
2015-01-20 21:25:57 +01:00
|
|
|
|
2015-04-17 12:43:36 +02:00
|
|
|
/*
|
2016-03-10 17:13:54 +01:00
|
|
|
Bourbon clearfix
|
2015-01-20 21:25:57 +01:00
|
|
|
========================================================================== */
|
2014-07-31 19:09:32 +02:00
|
|
|
|
2016-03-10 17:13:54 +01:00
|
|
|
// 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;
|
|
|
|
// }
|
2014-07-31 19:09:32 +02:00
|
|
|
|
2016-03-10 17:13:54 +01:00
|
|
|
@mixin clearfix {
|
2016-03-11 21:55:06 +01:00
|
|
|
clear: both;
|
2016-03-21 21:36:24 +01:00
|
|
|
|
2016-03-10 17:13:54 +01:00
|
|
|
&::after {
|
|
|
|
clear: both;
|
|
|
|
content: "";
|
|
|
|
display: table;
|
|
|
|
}
|
2016-03-15 17:34:14 +01:00
|
|
|
}
|