Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- @mixin for-phone-only {
- @media (max-width: 599px) { @content; }
- }
- @mixin for-tablet-portrait-up {
- @media (min-width: 600px) { @content; }
- }
- @mixin for-tablet-landscape-up {
- @media (min-width: 900px) { @content; }
- }
- @mixin for-desktop-up {
- @media (min-width: 1200px) { @content; }
- }
- @mixin for-big-desktop-up {
- @media (min-width: 1800px) { @content; }
- }
- // usage
- .my-box {
- padding: 10px;
- @include for-desktop-up {
- padding: 20px;
- }
- }
Add Comment
Please, Sign In to add comment