public
Last active

Generated by SassMeister.com, the Sass playground.

  • Download Gist
SassMeister-input.scss
SCSS
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16
// Sass v3.2.3
// Stipe v0.0.5.4/n/n@import "./sass/stipe";
 
.block {
width: 80em;
@media #{$mobile} {
width: 100%;
}
}
 
.foo {
background: orange;
@media #{$mobile} {
background: green;
}
}
SassMeister-output.css
CSS
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17
.block {
width: 80em;
}
@media screen and (max-width: 40em) {
.block {
width: 100%;
}
}
 
.foo {
background: orange;
}
@media screen and (max-width: 40em) {
.foo {
background: green;
}
}

Please sign in to comment on this gist.

Something went wrong with that request. Please try again.