Skip to content

Instantly share code, notes, and snippets.

@ambienttraffic
Created March 26, 2014 22:26
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 ambienttraffic/9795064 to your computer and use it in GitHub Desktop.
Save ambienttraffic/9795064 to your computer and use it in GitHub Desktop.
compiled CSS of LESS mixins for sandwich layers
.layer-12 {
z-index: 12;
}
.layer-11 {
z-index: 11;
}
.layer-10 {
z-index: 10;
}
.layer-9 {
z-index: 9;
}
.layer-8 {
z-index: 8;
}
.layer-7 {
z-index: 7;
}
.layer-6 {
z-index: 6;
}
.layer-5 {
z-index: 5;
}
.layer-4 {
z-index: 4;
}
.layer-3 {
z-index: 3;
}
.layer-2 {
z-index: 2;
}
#vegetable .layer-13 {
z-index: 0;
}
#vegetable .layer-11 {
margin-top: -10%;
}
#vegetable .layer-7 {
margin-top: -4%;
}
#vegetable .layer-6 {
margin-top: -3%;
}
#vegetable .layer-5 {
margin-top: -6%;
}
#vegetable .layer-4 {
margin-top: -7%;
}
#vegetable .layer-3 {
margin-top: -7%;
}
#vegetable .layer-2 {
margin-top: -4%;
}
#vegetable .layer-1 {
margin-top: -10%;
}
#vegetable .falling.layer-13 {
-moz-animation-delay: 1.95s;
-webkit-animation-delay: 1.95s;
}
#vegetable .falling.layer-12 {
-moz-animation-delay: 1.7999999999999998s;
-webkit-animation-delay: 1.7999999999999998s;
}
#vegetable .falling.layer-11 {
-moz-animation-delay: 1.65s;
-webkit-animation-delay: 1.65s;
}
#vegetable .falling.layer-10 {
-moz-animation-delay: 1.5s;
-webkit-animation-delay: 1.5s;
}
#vegetable .falling.layer-9 {
-moz-animation-delay: 1.3499999999999999s;
-webkit-animation-delay: 1.3499999999999999s;
}
#vegetable .falling.layer-8 {
-moz-animation-delay: 1.2s;
-webkit-animation-delay: 1.2s;
}
#vegetable .falling.layer-7 {
-moz-animation-delay: 1.05s;
-webkit-animation-delay: 1.05s;
}
#vegetable .falling.layer-6 {
-moz-animation-delay: 0.8999999999999999s;
-webkit-animation-delay: 0.8999999999999999s;
}
#vegetable .falling.layer-5 {
-moz-animation-delay: 0.75s;
-webkit-animation-delay: 0.75s;
}
#vegetable .falling.layer-4 {
-moz-animation-delay: 0.6s;
-webkit-animation-delay: 0.6s;
}
#vegetable .falling.layer-3 {
-moz-animation-delay: 0.44999999999999996s;
-webkit-animation-delay: 0.44999999999999996s;
}
#vegetable .falling.layer-2 {
-moz-animation-delay: 0.3s;
-webkit-animation-delay: 0.3s;
}
#vegetable .falling.layer-1 {
-moz-animation-delay: 0.15s;
-webkit-animation-delay: 0.15s;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment