improve hero layout

sass · Oct 17, 2013 · 9ab3111 · 9ab3111
1 parent db7b76f
commit 9ab3111
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 7 deletions.
diff --git a/source/assets/css/components/_hero-image.scss b/source/assets/css/components/_hero-image.scss
@@ -5,18 +5,23 @@
 
 @include breakpoint($tablet-large) {
   .hero-lockup {
-    @extend %clear-fix-tablet-large;
-    margin-top: -4em;
+    @extend %table-layout-tablet-large;
+    margin: {
+      top: -4em;
+      bottom: -4em;
+    }
 
     .hero-image {
-      @include span(6);
-      @include padding-leader;
-      padding-right: 1em;
+      @extend %table-layout-cell-tablet-large;
+      padding: {
+        right: 2em;
+        bottom: 0;
+      }
     }
 
     .introduction {
-      @include span(6 omega);
-      @include padding-leader;
+      @extend %table-layout-cell-tablet-large;
+      padding: 0;
       text-align: left;
     }
   }

diff --git a/source/assets/css/foundation/_media.scss b/source/assets/css/foundation/_media.scss
@@ -17,3 +17,5 @@ hr {
     top: 1px solid $color-border;
   }
 }
+
+svg:not(:root) { overflow: hidden; }