sass_media-queries.scss
@mixin large {
@media only screen and (max-width: 60em) {
@content;
}
}
@mixin medium {
@media only screen and (max-width: 40em) {
@content;
}
}
@mixin small {
@media only screen and (max-width: 30em) {
@content;
}
}
//Usage
@include small {
width: 100%;
float: none;
margin: 0;
}