This repository has been archived on 2020-05-08. You can view files and clone it, but cannot push or open issues or pull requests.
_s/sass/mixins/_mixins-master.scss

36 lines
759 B
SCSS
Raw Normal View History

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