todos-contra-el-fuego-web/imports/ui/stylesheets/_mixins.scss
2017-05-23 20:05:46 -05:00

23 lines
569 B
SCSS

@mixin breakpoint($point) {
@if $point == desktop-large {
@media (min-width: 1200px) { @content; }
} @else if $point == desktop {
@media (min-width: 1024px) { @content; }
} @else if $point == tablet {
@media (min-width: 768px) { @content; }
} @else if $point == handheld-large {
@media (min-width: 480px) { @content; }
} @else {
@media (min-width: $point) { @content; }
}
}
@mixin ie {
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
@content;
}
@supports (-ms-accelerator:true) {
@content;
}
}