Skip to content

Instantly share code, notes, and snippets.

@mjsxi
Created September 8, 2014 21:09
Show Gist options
  • Save mjsxi/0627f7b32501b9ea4416 to your computer and use it in GitHub Desktop.
Save mjsxi/0627f7b32501b9ea4416 to your computer and use it in GitHub Desktop.
Generated by SassMeister.com.
// ----
// Sass (v3.3.14)
// Compass (v1.0.1)
// ----
//maybe this can be written better...not sure
$numbers: one, two, three, four, five, six, seve, eight, nine, ten,
eleven, twelve, thirteen, fourteen, fiftenn, sixteen, seventeen,
eighteen, nineteen, twenty;
@for $i from 1 through 20 {
@each $number in $numbers {
.#{$number + '-img'} {
background-image: url($i + '.jpg');
}
}
}
.one-img {
background-image: url("1.jpg");
}
.two-img {
background-image: url("1.jpg");
}
.three-img {
background-image: url("1.jpg");
}
.four-img {
background-image: url("1.jpg");
}
.five-img {
background-image: url("1.jpg");
}
.six-img {
background-image: url("1.jpg");
}
.seve-img {
background-image: url("1.jpg");
}
.eight-img {
background-image: url("1.jpg");
}
.nine-img {
background-image: url("1.jpg");
}
.ten-img {
background-image: url("1.jpg");
}
.eleven-img {
background-image: url("1.jpg");
}
.twelve-img {
background-image: url("1.jpg");
}
.thirteen-img {
background-image: url("1.jpg");
}
.fourteen-img {
background-image: url("1.jpg");
}
.fiftenn-img {
background-image: url("1.jpg");
}
.sixteen-img {
background-image: url("1.jpg");
}
.seventeen-img {
background-image: url("1.jpg");
}
.eighteen-img {
background-image: url("1.jpg");
}
.nineteen-img {
background-image: url("1.jpg");
}
.twenty-img {
background-image: url("1.jpg");
}
.one-img {
background-image: url("2.jpg");
}
.two-img {
background-image: url("2.jpg");
}
.three-img {
background-image: url("2.jpg");
}
.four-img {
background-image: url("2.jpg");
}
.five-img {
background-image: url("2.jpg");
}
.six-img {
background-image: url("2.jpg");
}
.seve-img {
background-image: url("2.jpg");
}
.eight-img {
background-image: url("2.jpg");
}
.nine-img {
background-image: url("2.jpg");
}
.ten-img {
background-image: url("2.jpg");
}
.eleven-img {
background-image: url("2.jpg");
}
.twelve-img {
background-image: url("2.jpg");
}
.thirteen-img {
background-image: url("2.jpg");
}
.fourteen-img {
background-image: url("2.jpg");
}
.fiftenn-img {
background-image: url("2.jpg");
}
.sixteen-img {
background-image: url("2.jpg");
}
.seventeen-img {
background-image: url("2.jpg");
}
.eighteen-img {
background-image: url("2.jpg");
}
.nineteen-img {
background-image: url("2.jpg");
}
.twenty-img {
background-image: url("2.jpg");
}
.one-img {
background-image: url("3.jpg");
}
.two-img {
background-image: url("3.jpg");
}
.three-img {
background-image: url("3.jpg");
}
.four-img {
background-image: url("3.jpg");
}
.five-img {
background-image: url("3.jpg");
}
.six-img {
background-image: url("3.jpg");
}
.seve-img {
background-image: url("3.jpg");
}
.eight-img {
background-image: url("3.jpg");
}
.nine-img {
background-image: url("3.jpg");
}
.ten-img {
background-image: url("3.jpg");
}
.eleven-img {
background-image: url("3.jpg");
}
.twelve-img {
background-image: url("3.jpg");
}
.thirteen-img {
background-image: url("3.jpg");
}
.fourteen-img {
background-image: url("3.jpg");
}
.fiftenn-img {
background-image: url("3.jpg");
}
.sixteen-img {
background-image: url("3.jpg");
}
.seventeen-img {
background-image: url("3.jpg");
}
.eighteen-img {
background-image: url("3.jpg");
}
.nineteen-img {
background-image: url("3.jpg");
}
.twenty-img {
background-image: url("3.jpg");
}
.one-img {
background-image: url("4.jpg");
}
.two-img {
background-image: url("4.jpg");
}
.three-img {
background-image: url("4.jpg");
}
.four-img {
background-image: url("4.jpg");
}
.five-img {
background-image: url("4.jpg");
}
.six-img {
background-image: url("4.jpg");
}
.seve-img {
background-image: url("4.jpg");
}
.eight-img {
background-image: url("4.jpg");
}
.nine-img {
background-image: url("4.jpg");
}
.ten-img {
background-image: url("4.jpg");
}
.eleven-img {
background-image: url("4.jpg");
}
.twelve-img {
background-image: url("4.jpg");
}
.thirteen-img {
background-image: url("4.jpg");
}
.fourteen-img {
background-image: url("4.jpg");
}
.fiftenn-img {
background-image: url("4.jpg");
}
.sixteen-img {
background-image: url("4.jpg");
}
.seventeen-img {
background-image: url("4.jpg");
}
.eighteen-img {
background-image: url("4.jpg");
}
.nineteen-img {
background-image: url("4.jpg");
}
.twenty-img {
background-image: url("4.jpg");
}
.one-img {
background-image: url("5.jpg");
}
.two-img {
background-image: url("5.jpg");
}
.three-img {
background-image: url("5.jpg");
}
.four-img {
background-image: url("5.jpg");
}
.five-img {
background-image: url("5.jpg");
}
.six-img {
background-image: url("5.jpg");
}
.seve-img {
background-image: url("5.jpg");
}
.eight-img {
background-image: url("5.jpg");
}
.nine-img {
background-image: url("5.jpg");
}
.ten-img {
background-image: url("5.jpg");
}
.eleven-img {
background-image: url("5.jpg");
}
.twelve-img {
background-image: url("5.jpg");
}
.thirteen-img {
background-image: url("5.jpg");
}
.fourteen-img {
background-image: url("5.jpg");
}
.fiftenn-img {
background-image: url("5.jpg");
}
.sixteen-img {
background-image: url("5.jpg");
}
.seventeen-img {
background-image: url("5.jpg");
}
.eighteen-img {
background-image: url("5.jpg");
}
.nineteen-img {
background-image: url("5.jpg");
}
.twenty-img {
background-image: url("5.jpg");
}
.one-img {
background-image: url("6.jpg");
}
.two-img {
background-image: url("6.jpg");
}
.three-img {
background-image: url("6.jpg");
}
.four-img {
background-image: url("6.jpg");
}
.five-img {
background-image: url("6.jpg");
}
.six-img {
background-image: url("6.jpg");
}
.seve-img {
background-image: url("6.jpg");
}
.eight-img {
background-image: url("6.jpg");
}
.nine-img {
background-image: url("6.jpg");
}
.ten-img {
background-image: url("6.jpg");
}
.eleven-img {
background-image: url("6.jpg");
}
.twelve-img {
background-image: url("6.jpg");
}
.thirteen-img {
background-image: url("6.jpg");
}
.fourteen-img {
background-image: url("6.jpg");
}
.fiftenn-img {
background-image: url("6.jpg");
}
.sixteen-img {
background-image: url("6.jpg");
}
.seventeen-img {
background-image: url("6.jpg");
}
.eighteen-img {
background-image: url("6.jpg");
}
.nineteen-img {
background-image: url("6.jpg");
}
.twenty-img {
background-image: url("6.jpg");
}
.one-img {
background-image: url("7.jpg");
}
.two-img {
background-image: url("7.jpg");
}
.three-img {
background-image: url("7.jpg");
}
.four-img {
background-image: url("7.jpg");
}
.five-img {
background-image: url("7.jpg");
}
.six-img {
background-image: url("7.jpg");
}
.seve-img {
background-image: url("7.jpg");
}
.eight-img {
background-image: url("7.jpg");
}
.nine-img {
background-image: url("7.jpg");
}
.ten-img {
background-image: url("7.jpg");
}
.eleven-img {
background-image: url("7.jpg");
}
.twelve-img {
background-image: url("7.jpg");
}
.thirteen-img {
background-image: url("7.jpg");
}
.fourteen-img {
background-image: url("7.jpg");
}
.fiftenn-img {
background-image: url("7.jpg");
}
.sixteen-img {
background-image: url("7.jpg");
}
.seventeen-img {
background-image: url("7.jpg");
}
.eighteen-img {
background-image: url("7.jpg");
}
.nineteen-img {
background-image: url("7.jpg");
}
.twenty-img {
background-image: url("7.jpg");
}
.one-img {
background-image: url("8.jpg");
}
.two-img {
background-image: url("8.jpg");
}
.three-img {
background-image: url("8.jpg");
}
.four-img {
background-image: url("8.jpg");
}
.five-img {
background-image: url("8.jpg");
}
.six-img {
background-image: url("8.jpg");
}
.seve-img {
background-image: url("8.jpg");
}
.eight-img {
background-image: url("8.jpg");
}
.nine-img {
background-image: url("8.jpg");
}
.ten-img {
background-image: url("8.jpg");
}
.eleven-img {
background-image: url("8.jpg");
}
.twelve-img {
background-image: url("8.jpg");
}
.thirteen-img {
background-image: url("8.jpg");
}
.fourteen-img {
background-image: url("8.jpg");
}
.fiftenn-img {
background-image: url("8.jpg");
}
.sixteen-img {
background-image: url("8.jpg");
}
.seventeen-img {
background-image: url("8.jpg");
}
.eighteen-img {
background-image: url("8.jpg");
}
.nineteen-img {
background-image: url("8.jpg");
}
.twenty-img {
background-image: url("8.jpg");
}
.one-img {
background-image: url("9.jpg");
}
.two-img {
background-image: url("9.jpg");
}
.three-img {
background-image: url("9.jpg");
}
.four-img {
background-image: url("9.jpg");
}
.five-img {
background-image: url("9.jpg");
}
.six-img {
background-image: url("9.jpg");
}
.seve-img {
background-image: url("9.jpg");
}
.eight-img {
background-image: url("9.jpg");
}
.nine-img {
background-image: url("9.jpg");
}
.ten-img {
background-image: url("9.jpg");
}
.eleven-img {
background-image: url("9.jpg");
}
.twelve-img {
background-image: url("9.jpg");
}
.thirteen-img {
background-image: url("9.jpg");
}
.fourteen-img {
background-image: url("9.jpg");
}
.fiftenn-img {
background-image: url("9.jpg");
}
.sixteen-img {
background-image: url("9.jpg");
}
.seventeen-img {
background-image: url("9.jpg");
}
.eighteen-img {
background-image: url("9.jpg");
}
.nineteen-img {
background-image: url("9.jpg");
}
.twenty-img {
background-image: url("9.jpg");
}
.one-img {
background-image: url("10.jpg");
}
.two-img {
background-image: url("10.jpg");
}
.three-img {
background-image: url("10.jpg");
}
.four-img {
background-image: url("10.jpg");
}
.five-img {
background-image: url("10.jpg");
}
.six-img {
background-image: url("10.jpg");
}
.seve-img {
background-image: url("10.jpg");
}
.eight-img {
background-image: url("10.jpg");
}
.nine-img {
background-image: url("10.jpg");
}
.ten-img {
background-image: url("10.jpg");
}
.eleven-img {
background-image: url("10.jpg");
}
.twelve-img {
background-image: url("10.jpg");
}
.thirteen-img {
background-image: url("10.jpg");
}
.fourteen-img {
background-image: url("10.jpg");
}
.fiftenn-img {
background-image: url("10.jpg");
}
.sixteen-img {
background-image: url("10.jpg");
}
.seventeen-img {
background-image: url("10.jpg");
}
.eighteen-img {
background-image: url("10.jpg");
}
.nineteen-img {
background-image: url("10.jpg");
}
.twenty-img {
background-image: url("10.jpg");
}
.one-img {
background-image: url("11.jpg");
}
.two-img {
background-image: url("11.jpg");
}
.three-img {
background-image: url("11.jpg");
}
.four-img {
background-image: url("11.jpg");
}
.five-img {
background-image: url("11.jpg");
}
.six-img {
background-image: url("11.jpg");
}
.seve-img {
background-image: url("11.jpg");
}
.eight-img {
background-image: url("11.jpg");
}
.nine-img {
background-image: url("11.jpg");
}
.ten-img {
background-image: url("11.jpg");
}
.eleven-img {
background-image: url("11.jpg");
}
.twelve-img {
background-image: url("11.jpg");
}
.thirteen-img {
background-image: url("11.jpg");
}
.fourteen-img {
background-image: url("11.jpg");
}
.fiftenn-img {
background-image: url("11.jpg");
}
.sixteen-img {
background-image: url("11.jpg");
}
.seventeen-img {
background-image: url("11.jpg");
}
.eighteen-img {
background-image: url("11.jpg");
}
.nineteen-img {
background-image: url("11.jpg");
}
.twenty-img {
background-image: url("11.jpg");
}
.one-img {
background-image: url("12.jpg");
}
.two-img {
background-image: url("12.jpg");
}
.three-img {
background-image: url("12.jpg");
}
.four-img {
background-image: url("12.jpg");
}
.five-img {
background-image: url("12.jpg");
}
.six-img {
background-image: url("12.jpg");
}
.seve-img {
background-image: url("12.jpg");
}
.eight-img {
background-image: url("12.jpg");
}
.nine-img {
background-image: url("12.jpg");
}
.ten-img {
background-image: url("12.jpg");
}
.eleven-img {
background-image: url("12.jpg");
}
.twelve-img {
background-image: url("12.jpg");
}
.thirteen-img {
background-image: url("12.jpg");
}
.fourteen-img {
background-image: url("12.jpg");
}
.fiftenn-img {
background-image: url("12.jpg");
}
.sixteen-img {
background-image: url("12.jpg");
}
.seventeen-img {
background-image: url("12.jpg");
}
.eighteen-img {
background-image: url("12.jpg");
}
.nineteen-img {
background-image: url("12.jpg");
}
.twenty-img {
background-image: url("12.jpg");
}
.one-img {
background-image: url("13.jpg");
}
.two-img {
background-image: url("13.jpg");
}
.three-img {
background-image: url("13.jpg");
}
.four-img {
background-image: url("13.jpg");
}
.five-img {
background-image: url("13.jpg");
}
.six-img {
background-image: url("13.jpg");
}
.seve-img {
background-image: url("13.jpg");
}
.eight-img {
background-image: url("13.jpg");
}
.nine-img {
background-image: url("13.jpg");
}
.ten-img {
background-image: url("13.jpg");
}
.eleven-img {
background-image: url("13.jpg");
}
.twelve-img {
background-image: url("13.jpg");
}
.thirteen-img {
background-image: url("13.jpg");
}
.fourteen-img {
background-image: url("13.jpg");
}
.fiftenn-img {
background-image: url("13.jpg");
}
.sixteen-img {
background-image: url("13.jpg");
}
.seventeen-img {
background-image: url("13.jpg");
}
.eighteen-img {
background-image: url("13.jpg");
}
.nineteen-img {
background-image: url("13.jpg");
}
.twenty-img {
background-image: url("13.jpg");
}
.one-img {
background-image: url("14.jpg");
}
.two-img {
background-image: url("14.jpg");
}
.three-img {
background-image: url("14.jpg");
}
.four-img {
background-image: url("14.jpg");
}
.five-img {
background-image: url("14.jpg");
}
.six-img {
background-image: url("14.jpg");
}
.seve-img {
background-image: url("14.jpg");
}
.eight-img {
background-image: url("14.jpg");
}
.nine-img {
background-image: url("14.jpg");
}
.ten-img {
background-image: url("14.jpg");
}
.eleven-img {
background-image: url("14.jpg");
}
.twelve-img {
background-image: url("14.jpg");
}
.thirteen-img {
background-image: url("14.jpg");
}
.fourteen-img {
background-image: url("14.jpg");
}
.fiftenn-img {
background-image: url("14.jpg");
}
.sixteen-img {
background-image: url("14.jpg");
}
.seventeen-img {
background-image: url("14.jpg");
}
.eighteen-img {
background-image: url("14.jpg");
}
.nineteen-img {
background-image: url("14.jpg");
}
.twenty-img {
background-image: url("14.jpg");
}
.one-img {
background-image: url("15.jpg");
}
.two-img {
background-image: url("15.jpg");
}
.three-img {
background-image: url("15.jpg");
}
.four-img {
background-image: url("15.jpg");
}
.five-img {
background-image: url("15.jpg");
}
.six-img {
background-image: url("15.jpg");
}
.seve-img {
background-image: url("15.jpg");
}
.eight-img {
background-image: url("15.jpg");
}
.nine-img {
background-image: url("15.jpg");
}
.ten-img {
background-image: url("15.jpg");
}
.eleven-img {
background-image: url("15.jpg");
}
.twelve-img {
background-image: url("15.jpg");
}
.thirteen-img {
background-image: url("15.jpg");
}
.fourteen-img {
background-image: url("15.jpg");
}
.fiftenn-img {
background-image: url("15.jpg");
}
.sixteen-img {
background-image: url("15.jpg");
}
.seventeen-img {
background-image: url("15.jpg");
}
.eighteen-img {
background-image: url("15.jpg");
}
.nineteen-img {
background-image: url("15.jpg");
}
.twenty-img {
background-image: url("15.jpg");
}
.one-img {
background-image: url("16.jpg");
}
.two-img {
background-image: url("16.jpg");
}
.three-img {
background-image: url("16.jpg");
}
.four-img {
background-image: url("16.jpg");
}
.five-img {
background-image: url("16.jpg");
}
.six-img {
background-image: url("16.jpg");
}
.seve-img {
background-image: url("16.jpg");
}
.eight-img {
background-image: url("16.jpg");
}
.nine-img {
background-image: url("16.jpg");
}
.ten-img {
background-image: url("16.jpg");
}
.eleven-img {
background-image: url("16.jpg");
}
.twelve-img {
background-image: url("16.jpg");
}
.thirteen-img {
background-image: url("16.jpg");
}
.fourteen-img {
background-image: url("16.jpg");
}
.fiftenn-img {
background-image: url("16.jpg");
}
.sixteen-img {
background-image: url("16.jpg");
}
.seventeen-img {
background-image: url("16.jpg");
}
.eighteen-img {
background-image: url("16.jpg");
}
.nineteen-img {
background-image: url("16.jpg");
}
.twenty-img {
background-image: url("16.jpg");
}
.one-img {
background-image: url("17.jpg");
}
.two-img {
background-image: url("17.jpg");
}
.three-img {
background-image: url("17.jpg");
}
.four-img {
background-image: url("17.jpg");
}
.five-img {
background-image: url("17.jpg");
}
.six-img {
background-image: url("17.jpg");
}
.seve-img {
background-image: url("17.jpg");
}
.eight-img {
background-image: url("17.jpg");
}
.nine-img {
background-image: url("17.jpg");
}
.ten-img {
background-image: url("17.jpg");
}
.eleven-img {
background-image: url("17.jpg");
}
.twelve-img {
background-image: url("17.jpg");
}
.thirteen-img {
background-image: url("17.jpg");
}
.fourteen-img {
background-image: url("17.jpg");
}
.fiftenn-img {
background-image: url("17.jpg");
}
.sixteen-img {
background-image: url("17.jpg");
}
.seventeen-img {
background-image: url("17.jpg");
}
.eighteen-img {
background-image: url("17.jpg");
}
.nineteen-img {
background-image: url("17.jpg");
}
.twenty-img {
background-image: url("17.jpg");
}
.one-img {
background-image: url("18.jpg");
}
.two-img {
background-image: url("18.jpg");
}
.three-img {
background-image: url("18.jpg");
}
.four-img {
background-image: url("18.jpg");
}
.five-img {
background-image: url("18.jpg");
}
.six-img {
background-image: url("18.jpg");
}
.seve-img {
background-image: url("18.jpg");
}
.eight-img {
background-image: url("18.jpg");
}
.nine-img {
background-image: url("18.jpg");
}
.ten-img {
background-image: url("18.jpg");
}
.eleven-img {
background-image: url("18.jpg");
}
.twelve-img {
background-image: url("18.jpg");
}
.thirteen-img {
background-image: url("18.jpg");
}
.fourteen-img {
background-image: url("18.jpg");
}
.fiftenn-img {
background-image: url("18.jpg");
}
.sixteen-img {
background-image: url("18.jpg");
}
.seventeen-img {
background-image: url("18.jpg");
}
.eighteen-img {
background-image: url("18.jpg");
}
.nineteen-img {
background-image: url("18.jpg");
}
.twenty-img {
background-image: url("18.jpg");
}
.one-img {
background-image: url("19.jpg");
}
.two-img {
background-image: url("19.jpg");
}
.three-img {
background-image: url("19.jpg");
}
.four-img {
background-image: url("19.jpg");
}
.five-img {
background-image: url("19.jpg");
}
.six-img {
background-image: url("19.jpg");
}
.seve-img {
background-image: url("19.jpg");
}
.eight-img {
background-image: url("19.jpg");
}
.nine-img {
background-image: url("19.jpg");
}
.ten-img {
background-image: url("19.jpg");
}
.eleven-img {
background-image: url("19.jpg");
}
.twelve-img {
background-image: url("19.jpg");
}
.thirteen-img {
background-image: url("19.jpg");
}
.fourteen-img {
background-image: url("19.jpg");
}
.fiftenn-img {
background-image: url("19.jpg");
}
.sixteen-img {
background-image: url("19.jpg");
}
.seventeen-img {
background-image: url("19.jpg");
}
.eighteen-img {
background-image: url("19.jpg");
}
.nineteen-img {
background-image: url("19.jpg");
}
.twenty-img {
background-image: url("19.jpg");
}
.one-img {
background-image: url("20.jpg");
}
.two-img {
background-image: url("20.jpg");
}
.three-img {
background-image: url("20.jpg");
}
.four-img {
background-image: url("20.jpg");
}
.five-img {
background-image: url("20.jpg");
}
.six-img {
background-image: url("20.jpg");
}
.seve-img {
background-image: url("20.jpg");
}
.eight-img {
background-image: url("20.jpg");
}
.nine-img {
background-image: url("20.jpg");
}
.ten-img {
background-image: url("20.jpg");
}
.eleven-img {
background-image: url("20.jpg");
}
.twelve-img {
background-image: url("20.jpg");
}
.thirteen-img {
background-image: url("20.jpg");
}
.fourteen-img {
background-image: url("20.jpg");
}
.fiftenn-img {
background-image: url("20.jpg");
}
.sixteen-img {
background-image: url("20.jpg");
}
.seventeen-img {
background-image: url("20.jpg");
}
.eighteen-img {
background-image: url("20.jpg");
}
.nineteen-img {
background-image: url("20.jpg");
}
.twenty-img {
background-image: url("20.jpg");
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment