Skip to content

Instantly share code, notes, and snippets.

@Pickra
Created November 8, 2022 15:51
Show Gist options
  • Save Pickra/3f476bf201f6bb540e85ec6a2953a4e4 to your computer and use it in GitHub Desktop.
Save Pickra/3f476bf201f6bb540e85ec6a2953a4e4 to your computer and use it in GitHub Desktop.
Generated by SassMeister.com.
$breakpoints: (
xs: 0em,
sm: 37em,
md: 64em,
lg: 90em
);
.cool {
.stuff {
@media only screen and (min-width: map-get($breakpoints, sm)) {
max-width: 480px;
&--stacked {
width: 480px;
}
}
@media only screen and (max-width: map-get($breakpoints, sm)) {
max-width: 100%;
}
}
}
}
@media only screen and (min-width: 37em) {
.cool .stuff {
max-width: 480px;
}
.cool .stuff--stacked {
width: 480px;
}
}
@media only screen and (max-width: 37em) {
.cool .stuff {
max-width: 100%;
}
}
{
"sass": {
"compiler": "dart-sass/1.32.12",
"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