Skip to content

Instantly share code, notes, and snippets.

@mdo
Created January 26, 2021 21:27
Show Gist options
  • Save mdo/851211cbbbd6c72969ec9bdd946d31a2 to your computer and use it in GitHub Desktop.
Save mdo/851211cbbbd6c72969ec9bdd946d31a2 to your computer and use it in GitHub Desktop.
Generated by SassMeister.com.
$map: (
"a": "one",
"b": "two",
"c": "three"
);
$variable: inline;
$variable: block !default;
$map: (
1: "one",
2: "two",
3: "three"
) !default;
.component {
display: $variable;
}
@each $number, $value in $map {
.map-#{$value} { column-count: $number; }
}
.component {
display: inline;
}
.map-one {
column-count: "a";
}
.map-two {
column-count: "b";
}
.map-three {
column-count: "c";
}
{
"sass": {
"compiler": "dart-sass/1.26.11",
"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