Skip to content

Instantly share code, notes, and snippets.

@jackmcpickle
Last active December 19, 2020 22:47
Show Gist options
  • Save jackmcpickle/55ccaadd6b613727d671e1c53d9dd434 to your computer and use it in GitHub Desktop.
Save jackmcpickle/55ccaadd6b613727d671e1c53d9dd434 to your computer and use it in GitHub Desktop.
Playing with orientation in include-media - Generated by SassMeister.com.
@import "include-media";
.thing {
@include media( '>phone', 'landscape') {
padding: 0 1.5em;
}
@include media( '>phone', 'portrait' ) {
padding: 2em 3em 1em 3em;
}
}
@media (min-width: 321px) and (orientation: landscape) {
.thing {
padding: 0 1.5em;
}
}
@media (min-width: 321px) and (orientation: portrait) {
.thing {
padding: 2em 3em 1em 3em;
}
}
{
"sass": {
"compiler": "libsass/3.5.5",
"extensions": {},
"syntax": "SCSS",
"outputStyle": "expanded"
},
"autoprefixer": false
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment