breaking everying (initial martellization groundwork)

mozilla · Apr 4, 2012 · 4df2a61 · 4df2a61
1 parent 05ba6be
commit 4df2a61
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 8 deletions.
diff --git a/media/css/mkt/detail.less b/media/css/mkt/detail.less
@@ -2,7 +2,7 @@
 
 .product-details {
     .actions {
-        .width(2);
+        .width(3);
         float: right;
         margin-bottom: 16px;
         .button {
@@ -11,10 +11,10 @@
         }
     }
     .icon {
-        padding: 4px;
         background: #fff;
         .border-radius(2px);
-        .box-shadow(0 1px 2px #000);
+        .box-shadow(0 1px 2px fadeOut(#000, 50%));
+        .width(2);
     }
     .vitals {
         float: left;

diff --git a/media/css/mkt/lib.less b/media/css/mkt/lib.less
@@ -2,8 +2,8 @@
 // Adaped from Frameless by Joni Korpi <http://framelessgrid.com/>
 // licensed under CC0 <http://creativecommons.org/publicdomain/zero/1.0/>
 
-@column: 72;    // The column-width of your grid in pixels
-@gutter: 36;    // The gutter-width of your grid in pixels
+@column: 48;    // The column-width of your grid in pixels
+@gutter: 24;    // The gutter-width of your grid in pixels
 @px: 1px;       // Multiply by this to make a number in px.
 
 .width(@cols:1) {
@@ -14,9 +14,10 @@
 }
 
 //Breakpoints
-@3col: 440px;
-@4col: 750px;
-@7col: 1100px;
+@3col: 0px;
+@4col: 480px;
+@7col: 480px;
+@10col: 768px;
 
 
 // Colors