Skip to content

Instantly share code, notes, and snippets.

@mdo
Created Aug 4, 2021
Embed
What would you like to do?
Generated by SassMeister.com.
$theme-colors: (
"primary": blue,
"secondary": gray,
"success": green
) !default;
$theme-colors: map-merge($theme-colors, (
"disabled": gray,
));
@each $color, $value in $theme-colors {
.text-#{$color} { color: $value; }
}
.text-primary {
color: blue;
}
.text-secondary {
color: gray;
}
.text-success {
color: green;
}
.text-disabled {
color: gray;
}
{
"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