Skip to content

Instantly share code, notes, and snippets.

Embed
What would you like to do?
$my-color-names: ( 'inchworm', 'sunglow', 'scarlet');
$my-colors: ( #a5de37, #ffd426, #ff4351 );
@each $name in $my-color-names {
$index: index($my-color-names, $name);
$color: nth($my-colors, $index);
%my-#{$name}-background-color { background-color: $color; }
%my-#{$name}-border-color { border-color: $color; }
}
@function sub($string, $replace, $value) {
$replace-len: str-length($replace);
$replace-start: str-index($string, $replace);
$string-len: str-length($string);
$string-left: str-slice($string, 1, $replace-start - 1);
$string-right: str-slice($string, $replace-start + $replace-len);
@return #{$string-left}#{$value}#{$string-right};
}
@function parse-template($template, $value) {
@return sub($template, 'VALUE', $value);
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
You can’t perform that action at this time.