2015-07-12 21:01:42 +02:00
|
|
|
// Responsive breakpoint control
|
|
|
|
@mixin smaller-than($size) {
|
|
|
|
@media screen and (max-width: $size) { @content; }
|
|
|
|
}
|
|
|
|
@mixin larger-than($size) {
|
|
|
|
@media screen and (min-width: $size) { @content; }
|
|
|
|
}
|
2018-10-16 19:49:16 +02:00
|
|
|
@mixin between($min, $max) {
|
|
|
|
@media screen and (min-width: $min) and (max-width: $max) { @content; }
|
|
|
|
}
|
2015-07-12 21:01:42 +02:00
|
|
|
@mixin clearfix() {
|
|
|
|
&:after {
|
|
|
|
display: block;
|
|
|
|
content: '';
|
|
|
|
font-size: 0;
|
|
|
|
clear: both;
|
|
|
|
position: relative;
|
|
|
|
}
|
|
|
|
}
|