Skip to content

Instantly share code, notes, and snippets.

@matheusagcosta

matheusagcosta/sass-maps.scss

Created April 25, 2017 14:28
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 matheusagcosta/892186fa4f2433e4903bb0da5b46e84e to your computer and use it in GitHub Desktop.
Save matheusagcosta/892186fa4f2433e4903bb0da5b46e84e to your computer and use it in GitHub Desktop.
Download ZIP
Sass Maps
Raw
sass-maps.scss
$map: (
small: (38px, 2.5px),
medium: (56px, 5px),
big: (96px, 15px)
);
.class {
@each $size, $value in $map {
&--#{$size} {
height: #{nth($value, 1)};
padding: #{nth($value, 2)};
width: #{nth($value, 1)};
}
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment