sass-media-query-mixins
Features of using this file:
- mixins for (min-width) media query.
- mixins for (max-width) media query.
- mixins for specific screens (min-width && max-width) media query.
- you can also change the breakpoints of your devices
How to use it
- Download the file.
- Import it in your main scss file.
- In your scss main file write like a code below:
@import url"media.mixin"
- Use the mixins in the mixin file write the below code:
@include mobile-sm {
.elment__here{
property: value;
}
}
@include to-mobile-sm {
.elment__here{
property: value;
}
}
@include from-mobile-sm {
.elment__here{
property: value;
}
}
How to customize breakpoints:
- in the _media.mixin.scss only change the variables
- you can also make your mixins adding your breakpoints and go on.