Some browsers ignore the max-width property on children of elements with display: table. See http://www.carsonshold.com/2014/07/css-display-table-cell-child-width-bug-in-firefox-and-ie/
23 lines
390 B
SCSS
23 lines
390 B
SCSS
// Rem output with px fallback
|
|
@mixin font-size($sizeValue: 1.6) {
|
|
font-size: ($sizeValue * 10) + px;
|
|
font-size: $sizeValue + rem;
|
|
}
|
|
|
|
// Center block
|
|
@mixin center-block {
|
|
display: block;
|
|
margin: 0 auto;
|
|
}
|
|
|
|
// Clearfix
|
|
@mixin clearfix() {
|
|
content: "";
|
|
display: table;
|
|
table-layout: fixed;
|
|
}
|
|
|
|
// Clear after (not all clearfix need this also)
|
|
@mixin clearfix-after() {
|
|
clear: both;
|
|
}
|