Skip to content

Instantly share code, notes, and snippets.

@opdavies

opdavies/sass-map-each-loop.scss

Created March 15, 2017 19:10
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 opdavies/9126a92c867fe4529c396e68e2348780 to your computer and use it in GitHub Desktop.
Save opdavies/9126a92c867fe4529c396e68e2348780 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
sass-map-each-loop.scss
$icons: (
camera: 'factsheet_bg.png',
ebook: 'library_bg.png',
newsletter: 'newsletter_bg.png',
pages: 'project_results_bg.png',
publications: 'publications_bg.png',
youtube: 'youtube_bg.png',
);
@each $class, $filename in $icons {
li.icon-#{$class} {
background: url('../images/#{$filename}') no-repeat 0 50% !important;
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment