Skip to content

Instantly share code, notes, and snippets.

@Pickra
Last active May 26, 2017 02:07
Show Gist options
  • Save Pickra/20a5465c857af6b50f10cc5f7e57ccd9 to your computer and use it in GitHub Desktop.
Save Pickra/20a5465c857af6b50f10cc5f7e57ccd9 to your computer and use it in GitHub Desktop.
Generated by SassMeister.com.
$my-colours: (
'cyan': (#B2EBF2 #80DEEA #4DD0E1 #26C6DA #00BCD4 #00ACC1),
'blue': (#B2EBF2 #80DEEA #4DD0E1 #26C6DA #00BCD4 #00ACC1)
);
@each $map in $my-colours {
$name: nth($map, 1);
$list: map-get($my-colours, $name);
@for $i from 1 through length($list) {
.color-#{$name}-#{$i}00 {
color: nth($list, $i);
}
}
}
.color-cyan-100 {
color: #B2EBF2;
}
.color-cyan-200 {
color: #80DEEA;
}
.color-cyan-300 {
color: #4DD0E1;
}
.color-cyan-400 {
color: #26C6DA;
}
.color-cyan-500 {
color: #00BCD4;
}
.color-cyan-600 {
color: #00ACC1;
}
.color-blue-100 {
color: #B2EBF2;
}
.color-blue-200 {
color: #80DEEA;
}
.color-blue-300 {
color: #4DD0E1;
}
.color-blue-400 {
color: #26C6DA;
}
.color-blue-500 {
color: #00BCD4;
}
.color-blue-600 {
color: #00ACC1;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment