From 9ab311140712de9f83694be3094d4fb5dbbcdc33 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E2=82=8D=CB=84=E0=B8=B8=2E=CD=A1=CB=B3=CC=AB=2E=CB=84?=
 =?UTF-8?q?=E0=B8=B8=E2=82=8E?= <jina@sushiandrobots.com>
Date: Thu, 17 Oct 2013 00:20:58 -0700
Subject: [PATCH] improve hero layout

---
 source/assets/css/components/_hero-image.scss | 19 ++++++++++++-------
 source/assets/css/foundation/_media.scss      |  2 ++
 2 files changed, 14 insertions(+), 7 deletions(-)

diff --git a/source/assets/css/components/_hero-image.scss b/source/assets/css/components/_hero-image.scss
index bc77f2b8a..ba21f4df6 100644
--- 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
index 9741c841b..dd6da76b3 100644
--- 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; }