Skip to content

Instantly share code, notes, and snippets.

@ronipl
Last active September 3, 2019 02:49
Show Gist options
  • Save ronipl/966867b3a9e8dda1fe8176c17c6d5b5c to your computer and use it in GitHub Desktop.
Save ronipl/966867b3a9e8dda1fe8176c17c6d5b5c to your computer and use it in GitHub Desktop.
@mixin w1580 {
@media only screen and (max-width: 1580px) {
@content;
}
}
@mixin w1480 {
@media only screen and (max-width: 1480px) {
@content;
}
}
@mixin w1380 {
@media only screen and (max-width: 1380px) {
@content;
}
}
@mixin w1280 {
@media only screen and (max-width: 1280px) {
@content;
}
}
@mixin w1200 {
@media only screen and (max-width: 1200px) {
@content;
}
}
@mixin w1120 {
@media only screen and (max-width: 1120px) {
@content;
}
}
@mixin w1080 {
@media only screen and (max-width: 1080px) {
@content;
}
}
@mixin w1024 {
@media only screen and (max-width: 1024px) {
@content;
}
}
@mixin h820 {
@media only screen and (max-height: 820px) and (min-width: 1000px) {
@content;
}
}
@mixin min1000 {
@media only screen and (min-width: 1000px) {
@content;
}
}
@mixin w1000 {
@media only screen and (max-width: 1000px) {
@content;
}
}
@mixin w960 {
@media only screen and (max-width: 960px) {
@content;
}
}
@mixin w860 {
@media only screen and (max-width: 860px) {
@content;
}
}
@mixin w768 {
@media only screen and (max-width: 768px) {
@content;
}
}
@mixin w740 {
@media only screen and (max-width: 740px) {
@content;
}
}
@mixin w640 {
@media only screen and (max-width: 640px) {
@content;
}
}
@mixin w480 {
@media only screen and (max-width: 480px) {
@content;
}
}
@mixin w375 {
@media only screen and (max-width: 375px) {
@content;
}
}
@mixin w320 {
@media only screen and (max-width: 320px) {
@content;
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment