forked from mirror/_s
36 lines
759 B
SCSS
36 lines
759 B
SCSS
|
// Rem output with px fallback
|
||
|
@mixin font-size($sizeValue: 1.6) {
|
||
|
font-size: ($sizeValue * 10) + px;
|
||
|
font-size: $sizeValue + rem;
|
||
|
}
|
||
|
|
||
|
// Box model
|
||
|
@mixin box-sizing($box-model) {
|
||
|
box-sizing: $box-model;
|
||
|
-moz-box-sizing: $box-model; // Firefox <= 19
|
||
|
-webkit-box-sizing: $box-model; // Safari <= 5
|
||
|
}
|
||
|
|
||
|
// Border radius
|
||
|
@mixin border-radius($radius) {
|
||
|
background-clip: padding-box; /* stops bg color from leaking outside the border: */
|
||
|
border-radius: $radius;
|
||
|
-webkit-border-radius: $radius;
|
||
|
}
|
||
|
|
||
|
// Center block
|
||
|
@mixin center-block {
|
||
|
display: block;
|
||
|
margin: 0 auto;
|
||
|
}
|
||
|
|
||
|
// Clearfix
|
||
|
@mixin clearfix() {
|
||
|
content: "";
|
||
|
display: table;
|
||
|
}
|
||
|
|
||
|
// Center after (not all clearfix need this also)
|
||
|
@mixin clearfix-after() {
|
||
|
clear: both;
|
||
|
}
|