Skip to content

Instantly share code, notes, and snippets.

@thelemondropkid
Created September 22, 2021 21:29
Show Gist options
  • Save thelemondropkid/f6683220a43529818237e5db2f8e8f1b to your computer and use it in GitHub Desktop.
Save thelemondropkid/f6683220a43529818237e5db2f8e8f1b to your computer and use it in GitHub Desktop.
Generated by SassMeister.com.
$colors: (
"primary": #FAFEFF,
);
@each $key, $val in $colors {
.text-#{$key} {
color: $val;
}
@for $i from 1 through 9 {
.text-#{$key}-#{$i}00 {
color: mix(black, $val, $i * 10);
}
}
}
.text-primary {
color: #FAFEFF;
}
.text-primary-100 {
color: #e1e5e6;
}
.text-primary-200 {
color: #c8cbcc;
}
.text-primary-300 {
color: #afb2b3;
}
.text-primary-400 {
color: #969899;
}
.text-primary-500 {
color: #7d7f80;
}
.text-primary-600 {
color: #646666;
}
.text-primary-700 {
color: #4b4c4d;
}
.text-primary-800 {
color: #323333;
}
.text-primary-900 {
color: #19191a;
}
{
"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