jvortmann: adding a shadow effect.

thiagotnunes · Apr 22, 2012 · d652df6 · d652df6
1 parent c1375cf
commit d652df6
Showing 1 changed file with 8 additions and 8 deletions.
diff --git a/public/stylesheets/sass/easy_retro.scss b/public/stylesheets/sass/easy_retro.scss
@@ -31,6 +31,13 @@ $post_it_font_size: 12px;
   box-shadow: 0 1px 2px rgba(29, 41, 41, 0.5);
 }
 
+@mixin create-big-box-shadow {
+  -webkit-box-shadow: 0 4px 8px rgba(29, 41, 41, 0.5);
+  -mox-box-shadow: 0 4px 8px rgba(29, 41, 41, 0.5);
+  -o-box-shadow: 0 4px 8px rgba(29, 41, 41, 0.5);
+  box-shadow: 0 4px 8px rgba(29, 41, 41, 0.5);
+}
+
 @mixin post-it-color($color) {
   background-color: rgba($color, 0.95);
   color: $pen_color;
@@ -54,13 +61,6 @@ $post_it_font_size: 12px;
   color: $color;
 }
 
-@mixin flip-horizontally {
-  -webkit-transform: rotateY(180deg);
-  -mox-transform: rotateY(180deg);
-  -o-transform: rotateY(180deg);
-  transform: rotateY(180deg);
-}
-
 body {
   font: 12px "Lucida Grande", Verdana, Arial, "Bitstream Vera Sans", sans-serif;
   background: #F2F2F2 url("../images/whiteboard.png") top center;
@@ -81,7 +81,6 @@ body {
   cursor: pointer;
   @include create-box-shadow;
 }
-
 .post_it {
   width         : $post_it_side;
   height        : $post_it_side;
@@ -118,6 +117,7 @@ body {
   }
 
   &:hover {
+    @include create-big-box-shadow;
     .header {
       .icon {
         opacity: 0.3;