Using SASS breakpoint mixin
One of the SASS mixins that I used a lot is the breakpoint. It makes the media queries in SASS simple and elegant. But first get the mixin at https://github.com/at-import/breakpoint. We can now write our media queries in SASS in the following manner:
@import "stylesheets/breakpoint";
.menu {
@include breakpoint($screen-xs) {
font-size: 1em;
}
font-size: 1.4em;
}
The CSS output: