Navigation Menu

Skip to content

Instantly share code, notes, and snippets.

@barning

barning/variant-generation.scss

Created August 30, 2018 07:43
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save barning/3449bdbcf44de16b2fb4080fde22b2f5 to your computer and use it in GitHub Desktop.
Save barning/3449bdbcf44de16b2fb4080fde22b2f5 to your computer and use it in GitHub Desktop.
Download ZIP
Generates a list of bem modifiers
Raw
variant-generation.scss
$list: (
xsmall: 12px,
small: 16px,
medium: 24px,
large: 32px
);
@each $name, $size in $list {
.element--#{$name} {
width: $size;
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment