bradrice
3/11/2015 - 1:12 PM

Generated by SassMeister.com.

Generated by SassMeister.com.

SassMeister-output.css
content_copyfile_download
.tool-socket {
  background: url("socket.png") no-repeat;
}

.tool-wrench {
  background: url("wrench.png") no-repeat;
}

.tool-bolt {
  background: url("bolt.png") no-repeat;
}

  /*
  
  .tool-socket {
  background: url('socket.png') no-repeat;
}
.tool-wrench {
  background: url('wrench.png') no-repeat;
}
.tool-bolt {
  background: url('bolt.png') no-repeat;
}
*/
SassMeister-input.scss
content_copyfile_download
// ----
// Sass (v3.4.12)
// Compass (v1.0.3)
// ----

// TODO: simplify with @each
$tools: socket, wrench, bolt;

@each $tool in $tools {
  .tool-#{$tool}{
    background: url('#{$tool}.png') no-repeat;
    }
  }
  
  /*
  
  .tool-socket {
  background: url('socket.png') no-repeat;
}
.tool-wrench {
  background: url('wrench.png') no-repeat;
}
.tool-bolt {
  background: url('bolt.png') no-repeat;
}
*/