Skip to content

Instantly share code, notes, and snippets.

@kfrank
Created September 26, 2014 16:15
Show Gist options
  • Save kfrank/8e75cccbeb4c802f472f to your computer and use it in GitHub Desktop.
Save kfrank/8e75cccbeb4c802f472f to your computer and use it in GitHub Desktop.
Color loop for buttons
$btn-colors: (primary, $orange),
(secondary, $yellow),
(tertiary, $blue),
(quaternary, $green);
@each $name, $value in $btn-colors {
&--#{$name} {
background: $value;
}
&--ghost {
border-style: solid;
border-width: 2px;
background: transparent;
&.btn--#{$name} {
border-color: $value;
color: $value;
}
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment