Skip to content

Instantly share code, notes, and snippets.

@stowball

stowball/SassMeister-input.scss

Created February 20, 2015 05:50
Show Gist options

  • Select an option

    Learn more about clone URLs
  • Save stowball/f2c5debaa7fdfc2616a8 to your computer and use it in GitHub Desktop.

Select an option

Learn more about clone URLs
Save stowball/f2c5debaa7fdfc2616a8 to your computer and use it in GitHub Desktop.
Download ZIP
Generated by SassMeister.com.
Raw
SassMeister-input.scss
// ----
// Sass (v3.4.12)
// Compass (v1.0.3)
// ----
$camp-prog-co1-snapshot: (
name: 'camp-prog-co1-snapshot',
x: 0px,
y: 40px,
offset_x: 0px,
offset_y: -40px,
width: 395px,
height: 40px,
total_width: 790px,
total_height: 680px,
image: '../img/gend/misc/camp-prog.png?150220162721'
);
$camp-prog-co1: (
name: 'camp-prog-co1',
x: 395px,
y: 80px,
offset_x: -395px,
offset_y: -80px,
width: 395px,
height: 40px,
total_width: 790px,
total_height: 680px,
image: '../img/gend/misc/camp-prog.png?150220162721'
);
$camp-prog-co2-snapshot: (
name: 'camp-prog-co2-snapshot',
x: 395px,
y: 40px,
offset_x: -395px,
offset_y: -40px,
width: 395px,
height: 40px,
total_width: 790px,
total_height: 680px,
image: '../img/gend/misc/camp-prog.png?150220162721'
);
$camp-prog-co2: (
name: 'camp-prog-co2',
x: 0px,
y: 240px,
offset_x: 0px,
offset_y: -240px,
width: 395px,
height: 40px,
total_width: 790px,
total_height: 680px,
image: '../img/gend/misc/camp-prog.png?150220162721'
);
$camp-prog-co3-snapshot: (
name: 'camp-prog-co3-snapshot',
x: 0px,
y: 80px,
offset_x: 0px,
offset_y: -80px,
width: 395px,
height: 40px,
total_width: 790px,
total_height: 680px,
image: '../img/gend/misc/camp-prog.png?150220162721'
);
$camp-prog-co3: (
name: 'camp-prog-co3',
x: 0px,
y: 120px,
offset_x: 0px,
offset_y: -120px,
width: 395px,
height: 40px,
total_width: 790px,
total_height: 680px,
image: '../img/gend/misc/camp-prog.png?150220162721'
);
$camp-prog-co4-snapshot: (
name: 'camp-prog-co4-snapshot',
x: 0px,
y: 160px,
offset_x: 0px,
offset_y: -160px,
width: 395px,
height: 40px,
total_width: 790px,
total_height: 680px,
image: '../img/gend/misc/camp-prog.png?150220162721'
);
$camp-prog-co4: (
name: 'camp-prog-co4',
x: 0px,
y: 200px,
offset_x: 0px,
offset_y: -200px,
width: 395px,
height: 40px,
total_width: 790px,
total_height: 680px,
image: '../img/gend/misc/camp-prog.png?150220162721'
);
$camp-prog-co5-snapshot: (
name: 'camp-prog-co5-snapshot',
x: 0px,
y: 0px,
offset_x: 0px,
offset_y: 0px,
width: 395px,
height: 40px,
total_width: 790px,
total_height: 680px,
image: '../img/gend/misc/camp-prog.png?150220162721'
);
$camp-prog-co5: (
name: 'camp-prog-co5',
x: 0px,
y: 280px,
offset_x: 0px,
offset_y: -280px,
width: 395px,
height: 40px,
total_width: 790px,
total_height: 680px,
image: '../img/gend/misc/camp-prog.png?150220162721'
);
$camp-prog-co6-snapshot: (
name: 'camp-prog-co6-snapshot',
x: 0px,
y: 320px,
offset_x: 0px,
offset_y: -320px,
width: 395px,
height: 40px,
total_width: 790px,
total_height: 680px,
image: '../img/gend/misc/camp-prog.png?150220162721'
);
$camp-prog-co6: (
name: 'camp-prog-co6',
x: 395px,
y: 0px,
offset_x: -395px,
offset_y: 0px,
width: 395px,
height: 40px,
total_width: 790px,
total_height: 680px,
image: '../img/gend/misc/camp-prog.png?150220162721'
);
$camp-prog-cp0: (
name: 'camp-prog-cp0',
x: 0px,
y: 560px,
offset_x: 0px,
offset_y: -560px,
width: 258px,
height: 40px,
total_width: 790px,
total_height: 680px,
image: '../img/gend/misc/camp-prog.png?150220162721'
);
$camp-prog-cp1-a: (
name: 'camp-prog-cp1-a',
x: 583px,
y: 440px,
offset_x: -583px,
offset_y: -440px,
width: 204px,
height: 40px,
total_width: 790px,
total_height: 680px,
image: '../img/gend/misc/camp-prog.png?150220162721'
);
$camp-prog-cp1-b-delivery: (
name: 'camp-prog-cp1-b-delivery',
x: 720px,
y: 200px,
offset_x: -720px,
offset_y: -200px,
width: 54px,
height: 40px,
total_width: 790px,
total_height: 680px,
image: '../img/gend/misc/camp-prog.png?150220162721'
);
$camp-prog-cp1-b: (
name: 'camp-prog-cp1-b',
x: 720px,
y: 120px,
offset_x: -720px,
offset_y: -120px,
width: 70px,
height: 40px,
total_width: 790px,
total_height: 680px,
image: '../img/gend/misc/camp-prog.png?150220162721'
);
$camp-prog-cp1-c: (
name: 'camp-prog-cp1-c',
x: 720px,
y: 160px,
offset_x: -720px,
offset_y: -160px,
width: 54px,
height: 40px,
total_width: 790px,
total_height: 680px,
image: '../img/gend/misc/camp-prog.png?150220162721'
);
$camp-prog-cp1-snapshot: (
name: 'camp-prog-cp1-snapshot',
x: 516px,
y: 480px,
offset_x: -516px,
offset_y: -480px,
width: 258px,
height: 40px,
total_width: 790px,
total_height: 680px,
image: '../img/gend/misc/camp-prog.png?150220162721'
);
$camp-prog-cp1-test: (
name: 'camp-prog-cp1-test',
x: 395px,
y: 240px,
offset_x: -395px,
offset_y: -240px,
width: 325px,
height: 40px,
total_width: 790px,
total_height: 680px,
image: '../img/gend/misc/camp-prog.png?150220162721'
);
$camp-prog-cp1: (
name: 'camp-prog-cp1',
x: 258px,
y: 520px,
offset_x: -258px,
offset_y: -520px,
width: 258px,
height: 40px,
total_width: 790px,
total_height: 680px,
image: '../img/gend/misc/camp-prog.png?150220162721'
);
$camp-prog-cp2-snapshot: (
name: 'camp-prog-cp2-snapshot',
x: 516px,
y: 520px,
offset_x: -516px,
offset_y: -520px,
width: 258px,
height: 40px,
total_width: 790px,
total_height: 680px,
image: '../img/gend/misc/camp-prog.png?150220162721'
);
$camp-prog-cp2: (
name: 'camp-prog-cp2',
x: 0px,
y: 520px,
offset_x: 0px,
offset_y: -520px,
width: 258px,
height: 40px,
total_width: 790px,
total_height: 680px,
image: '../img/gend/misc/camp-prog.png?150220162721'
);
$camp-prog-cp3-snapshot: (
name: 'camp-prog-cp3-snapshot',
x: 258px,
y: 560px,
offset_x: -258px,
offset_y: -560px,
width: 258px,
height: 40px,
total_width: 790px,
total_height: 680px,
image: '../img/gend/misc/camp-prog.png?150220162721'
);
$camp-prog-cp3: (
name: 'camp-prog-cp3',
x: 325px,
y: 440px,
offset_x: -325px,
offset_y: -440px,
width: 258px,
height: 40px,
total_width: 790px,
total_height: 680px,
image: '../img/gend/misc/camp-prog.png?150220162721'
);
$camp-prog-cp4-snapshot: (
name: 'camp-prog-cp4-snapshot',
x: 0px,
y: 480px,
offset_x: 0px,
offset_y: -480px,
width: 258px,
height: 40px,
total_width: 790px,
total_height: 680px,
image: '../img/gend/misc/camp-prog.png?150220162721'
);
$camp-prog-cp4: (
name: 'camp-prog-cp4',
x: 258px,
y: 480px,
offset_x: -258px,
offset_y: -480px,
width: 258px,
height: 40px,
total_width: 790px,
total_height: 680px,
image: '../img/gend/misc/camp-prog.png?150220162721'
);
$camp-prog-sf1-snapshot: (
name: 'camp-prog-sf1-snapshot',
x: 395px,
y: 320px,
offset_x: -395px,
offset_y: -320px,
width: 325px,
height: 40px,
total_width: 790px,
total_height: 680px,
image: '../img/gend/misc/camp-prog.png?150220162721'
);
$camp-prog-sf1: (
name: 'camp-prog-sf1',
x: 0px,
y: 360px,
offset_x: 0px,
offset_y: -360px,
width: 325px,
height: 40px,
total_width: 790px,
total_height: 680px,
image: '../img/gend/misc/camp-prog.png?150220162721'
);
$camp-prog-sf2-snapshot: (
name: 'camp-prog-sf2-snapshot',
x: 325px,
y: 360px,
offset_x: -325px,
offset_y: -360px,
width: 325px,
height: 40px,
total_width: 790px,
total_height: 680px,
image: '../img/gend/misc/camp-prog.png?150220162721'
);
$camp-prog-sf2: (
name: 'camp-prog-sf2',
x: 0px,
y: 400px,
offset_x: 0px,
offset_y: -400px,
width: 325px,
height: 40px,
total_width: 790px,
total_height: 680px,
image: '../img/gend/misc/camp-prog.png?150220162721'
);
$camp-prog-sf3-snapshot: (
name: 'camp-prog-sf3-snapshot',
x: 325px,
y: 400px,
offset_x: -325px,
offset_y: -400px,
width: 325px,
height: 40px,
total_width: 790px,
total_height: 680px,
image: '../img/gend/misc/camp-prog.png?150220162721'
);
$camp-prog-sf3: (
name: 'camp-prog-sf3',
x: 395px,
y: 280px,
offset_x: -395px,
offset_y: -280px,
width: 325px,
height: 40px,
total_width: 790px,
total_height: 680px,
image: '../img/gend/misc/camp-prog.png?150220162721'
);
$camp-prog-sf4-snapshot: (
name: 'camp-prog-sf4-snapshot',
x: 395px,
y: 200px,
offset_x: -395px,
offset_y: -200px,
width: 325px,
height: 40px,
total_width: 790px,
total_height: 680px,
image: '../img/gend/misc/camp-prog.png?150220162721'
);
$camp-prog-sf4: (
name: 'camp-prog-sf4',
x: 395px,
y: 160px,
offset_x: -395px,
offset_y: -160px,
width: 325px,
height: 40px,
total_width: 790px,
total_height: 680px,
image: '../img/gend/misc/camp-prog.png?150220162721'
);
$camp-prog-sf5-snapshot: (
name: 'camp-prog-sf5-snapshot',
x: 395px,
y: 120px,
offset_x: -395px,
offset_y: -120px,
width: 325px,
height: 40px,
total_width: 790px,
total_height: 680px,
image: '../img/gend/misc/camp-prog.png?150220162721'
);
$camp-prog-sf5: (
name: 'camp-prog-sf5',
x: 0px,
y: 440px,
offset_x: 0px,
offset_y: -440px,
width: 325px,
height: 40px,
total_width: 790px,
total_height: 680px,
image: '../img/gend/misc/camp-prog.png?150220162721'
);
$camp-prog-tr1-snapshot: (
name: 'camp-prog-tr1-snapshot',
x: 516px,
y: 560px,
offset_x: -516px,
offset_y: -560px,
width: 181px,
height: 40px,
total_width: 790px,
total_height: 680px,
image: '../img/gend/misc/camp-prog.png?150220162721'
);
$camp-prog-tr1: (
name: 'camp-prog-tr1',
x: 0px,
y: 600px,
offset_x: 0px,
offset_y: -600px,
width: 181px,
height: 40px,
total_width: 790px,
total_height: 680px,
image: '../img/gend/misc/camp-prog.png?150220162721'
);
$camp-prog-tr2-snapshot: (
name: 'camp-prog-tr2-snapshot',
x: 181px,
y: 600px,
offset_x: -181px,
offset_y: -600px,
width: 181px,
height: 40px,
total_width: 790px,
total_height: 680px,
image: '../img/gend/misc/camp-prog.png?150220162721'
);
$camp-prog-tr2: (
name: 'camp-prog-tr2',
x: 362px,
y: 600px,
offset_x: -362px,
offset_y: -600px,
width: 181px,
height: 40px,
total_width: 790px,
total_height: 680px,
image: '../img/gend/misc/camp-prog.png?150220162721'
);
$camp-prog-tr3-snapshot: (
name: 'camp-prog-tr3-snapshot',
x: 543px,
y: 600px,
offset_x: -543px,
offset_y: -600px,
width: 181px,
height: 40px,
total_width: 790px,
total_height: 680px,
image: '../img/gend/misc/camp-prog.png?150220162721'
);
$camp-prog-tr3: (
name: 'camp-prog-tr3',
x: 0px,
y: 640px,
offset_x: 0px,
offset_y: -640px,
width: 181px,
height: 40px,
total_width: 790px,
total_height: 680px,
image: '../img/gend/misc/camp-prog.png?150220162721'
);
$camp-prog: (
width: 790px,
height: 680px,
image: '../img/gend/misc/camp-prog.png?150220162721',
sprites: $camp-prog-co1-snapshot $camp-prog-co1 $camp-prog-co2-snapshot $camp-prog-co2 $camp-prog-co3-snapshot $camp-prog-co3 $camp-prog-co4-snapshot $camp-prog-co4 $camp-prog-co5-snapshot $camp-prog-co5 $camp-prog-co6-snapshot $camp-prog-co6 $camp-prog-cp0 $camp-prog-cp1-a $camp-prog-cp1-b-delivery $camp-prog-cp1-b $camp-prog-cp1-c $camp-prog-cp1-snapshot $camp-prog-cp1-test $camp-prog-cp1 $camp-prog-cp2-snapshot $camp-prog-cp2 $camp-prog-cp3-snapshot $camp-prog-cp3 $camp-prog-cp4-snapshot $camp-prog-cp4 $camp-prog-sf1-snapshot $camp-prog-sf1 $camp-prog-sf2-snapshot $camp-prog-sf2 $camp-prog-sf3-snapshot $camp-prog-sf3 $camp-prog-sf4-snapshot $camp-prog-sf4 $camp-prog-sf5-snapshot $camp-prog-sf5 $camp-prog-tr1-snapshot $camp-prog-tr1 $camp-prog-tr2-snapshot $camp-prog-tr2 $camp-prog-tr3-snapshot $camp-prog-tr3
);
@mixin sprite-position($sprite) {
background-position: map-get($sprite, 'offset_x') map-get($sprite, 'offset_y');
}
@mixin sprite-image($sprite) {
background-image: url(map-get($sprite, 'image'));
}
@mixin sprite($sprite, $output-image: false) {
@if ($output-image) {
@include sprite-image($sprite);
}
@include sprite-position($sprite);
}
@mixin sprites-background($sprites) {
$selectors: ();
$first-name: false;
$first-loop: true;
@each $sprite in $sprites {
$sprite-name: map-get($sprite, name);
$selectors: append($selectors, $sprite-name, comma);
@if ($first-loop == true) {
$first-loop: false;
$first-name: $sprite;
}
}
#{$selectors} { background-image: map-get($first-name, image); }
}
@mixin sprites($sprites) {
@each $sprite in $sprites {
$sprite-name: map-get($sprite, 'name');
.#{$sprite-name} {
@include sprite($sprite, true);
}
}
}
@include sprites-background(map-get($camp-prog, 'sprites'));
//@include sprites(map-get($camp-prog, 'sprites'));
Raw
SassMeister-output.css
camp-prog-co1-snapshot, camp-prog-co1, camp-prog-co2-snapshot, camp-prog-co2, camp-prog-co3-snapshot, camp-prog-co3, camp-prog-co4-snapshot, camp-prog-co4, camp-prog-co5-snapshot, camp-prog-co5, camp-prog-co6-snapshot, camp-prog-co6, camp-prog-cp0, camp-prog-cp1-a, camp-prog-cp1-b-delivery, camp-prog-cp1-b, camp-prog-cp1-c, camp-prog-cp1-snapshot, camp-prog-cp1-test, camp-prog-cp1, camp-prog-cp2-snapshot, camp-prog-cp2, camp-prog-cp3-snapshot, camp-prog-cp3, camp-prog-cp4-snapshot, camp-prog-cp4, camp-prog-sf1-snapshot, camp-prog-sf1, camp-prog-sf2-snapshot, camp-prog-sf2, camp-prog-sf3-snapshot, camp-prog-sf3, camp-prog-sf4-snapshot, camp-prog-sf4, camp-prog-sf5-snapshot, camp-prog-sf5, camp-prog-tr1-snapshot, camp-prog-tr1, camp-prog-tr2-snapshot, camp-prog-tr2, camp-prog-tr3-snapshot, camp-prog-tr3 {
background-image: "../img/gend/misc/camp-prog.png?150220162721";
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment