Skip to content

Instantly share code, notes, and snippets.

@bradrice

bradrice/SassMeister-input-HTML.html

Created May 7, 2015 12:32
Show Gist options
  • Save bradrice/a05143bb48232e4316e0 to your computer and use it in GitHub Desktop.
Save bradrice/a05143bb48232e4316e0 to your computer and use it in GitHub Desktop.
Download ZIP
Generated by SassMeister.com.
Raw
SassMeister-input-HTML.html
<div class="profile-brad"></div>
<div class="profile-alex"></div>
<div class="profile-chris"></div>
<div class="profile-anthony"></div>
Raw
SassMeister-input.scss
// ----
// Sass (v3.4.13)
// Compass (v1.0.3)
// ----
$profiles: brad, alex, chris, anthony;
@each $guy in $profiles {
.profile-#{$guy} {
background-picture: url(#{$guy}.png);
}
}
Raw
SassMeister-output.css
.profile-brad {
background-picture: url(brad.png);
}
.profile-alex {
background-picture: url(alex.png);
}
.profile-chris {
background-picture: url(chris.png);
}
.profile-anthony {
background-picture: url(anthony.png);
}
Raw
SassMeister-rendered.html
<div class="profile-brad"></div>
<div class="profile-alex"></div>
<div class="profile-chris"></div>
<div class="profile-anthony"></div>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment