Skip to content
Browse files

SASS weight loss diet

  • Loading branch information...
1 parent 61d5afd commit 9de2567927baccac191d9f936bd487e75d5a879b @coldhead committed Sep 1, 2012
Showing with 6,624 additions and 7,963 deletions.
  1. +6,612 −7,953 css/kaleidoscope.css
  2. +12 −10 css/kaleidoscope.scss
View
14,565 css/kaleidoscope.css
6,612 additions, 7,953 deletions not shown because the diff is too large. Please use a local Git client to view these changes.
View
22 css/kaleidoscope.scss
@@ -45,6 +45,16 @@ body {
height: 100%;
width: 50%;
@include transform-origin(right, top);
+
+ .image {
+ position: relative;
+ top: 0;
+ left: 100%;
+ height: 100%;
+ width: 100%;
+ background-image: url(../img/butterfly-montage.jpg); // Apologies to Damien Hirst.
+ @include transform-origin();
+ }
}
$max_segments: 32;
@@ -59,29 +69,21 @@ body {
&.n#{$segments} {
.tile {
+ display: block;
+
@while $i < $segments * 2 {
&.t#{$i} {
- display: block;
@include transform-rotate($angle + $step);
}
&.t#{$i+1} {
- display: block;
@include transform-mirror-rotate($angle + $step);
}
$angle: $angle + ($step * 2);
$i: $i + 2;
}
-
.image {
- position: relative;
- top: 0;
- left: 100%;
- height: 100%;
- width: 100%;
- background-image: url(../img/butterfly-montage.jpg); // Apologies to Damien Hirst.
- @include transform-origin();
@include transform-rotate($step);
}
}

0 comments on commit 9de2567

Please sign in to comment.
Something went wrong with that request. Please try again.