Created
May 8, 2019 18:00
-
-
Save alexboots/4f72176d74fac8dd0204903e5c969318 to your computer and use it in GitHub Desktop.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| // until 768px | |
| @include mobile { | |
| div { | |
| background: pink; | |
| } | |
| } | |
| // from 769px | |
| @include tablet { | |
| div { | |
| background: orange; | |
| } | |
| } | |
| // from 769px and until 1023px | |
| // @include tablet-only { | |
| // div { | |
| // background: green; | |
| // } | |
| // } | |
| // until 1023px | |
| // @include touch { | |
| // div { | |
| // background: orange; | |
| // } | |
| // } | |
| // from 1024px | |
| @include desktop { | |
| div { | |
| background: brown; | |
| } | |
| } | |
| // from 1024px and until 1215px | |
| // @include desktop-only { | |
| // div { | |
| // background: blue; | |
| // } | |
| // } | |
| // from 1216px | |
| @include widescreen { | |
| div { | |
| background: green; | |
| } | |
| } | |
| // from 1216px and until 1407px | |
| // @include widescreen-only { | |
| // div { | |
| // background: green; | |
| // } | |
| // } | |
| // from 1408px | |
| @include fullhd { | |
| div { | |
| background: yellow; | |
| } | |
| } |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment