- $breakpoint-small: $breakpoint-mobile - 0.0625em;
- $breakpoint-medium: $breakpoint-mobile;
- @mixin small {
- @media only screen and (max-width: $breakpoint-small) {
- @content;
- }
- }
- @mixin medium {
- @media only screen and (min-width: $breakpoint-medium) {
- @content;
- }
- }
|