2014-07-28 13:35:53 +00:00
|
|
|
// Rem output with px fallback
|
|
|
|
@mixin font-size($sizeValue: 1.6) {
|
2014-08-13 16:38:51 +00:00
|
|
|
font-size: ($sizeValue * 10) + px;
|
|
|
|
font-size: $sizeValue + rem;
|
2014-07-28 13:35:53 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
// Box model
|
|
|
|
@mixin box-sizing($box-model) {
|
2014-08-13 12:03:05 +00:00
|
|
|
-webkit-box-sizing: $box-model; // Safari <= 7
|
|
|
|
-moz-box-sizing: $box-model; // Firefox <= 19
|
|
|
|
box-sizing: $box-model;
|
2014-07-28 13:35:53 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
// Border radius
|
|
|
|
@mixin border-radius($radius) {
|
2014-08-13 16:38:51 +00:00
|
|
|
background-clip: padding-box; /* stops bg color from leaking outside the border: */
|
|
|
|
-webkit-border-radius: $radius;
|
|
|
|
border-radius: $radius;
|
2014-07-28 13:35:53 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
// Center block
|
|
|
|
@mixin center-block {
|
2014-08-13 16:38:51 +00:00
|
|
|
display: block;
|
|
|
|
margin: 0 auto;
|
2014-07-28 13:35:53 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
// Clearfix
|
|
|
|
@mixin clearfix() {
|
2014-08-13 16:38:51 +00:00
|
|
|
content: "";
|
|
|
|
display: table;
|
2014-07-28 13:35:53 +00:00
|
|
|
}
|
|
|
|
|
2014-08-18 15:38:19 +00:00
|
|
|
// Clear after (not all clearfix need this also)
|
2014-07-28 13:35:53 +00:00
|
|
|
@mixin clearfix-after() {
|
2014-08-13 16:38:51 +00:00
|
|
|
clear: both;
|
2014-08-13 12:03:05 +00:00
|
|
|
}
|