fixes issue GumbyFramework#264, valign class not matching css used on…

… the site
Toddses · Apr 2, 2015 · 2cafeca · 2cafeca
1 parent ef8d2c5
commit 2cafeca
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 10 deletions.
diff --git a/css/gumby.css b/css/gumby.css
@@ -1222,8 +1222,8 @@ img { -ms-interpolation-mode: bicubic; }
 .row:before, .row:after { content: ""; display: table; }
 .row:after { clear: both; }
 
-.valign:before { content: ' '; display: inline-block; height: 400px; vertical-align: middle; margin-right: -0.25em; }
-.valign > div, .valign > article, .valign > section, .valign > figure { display: inline-block; vertical-align: middle; }
+.valign { display: table; width: 100%; }
+.valign > div, .valign > article, .valign > section, .valign > figure { display: table-cell; vertical-align: middle; }
 
 /* Mobile */
 @media only screen and (max-width: 767px) { body { -webkit-text-size-adjust: none; -ms-text-size-adjust: none; width: 100%; min-width: 0; }

diff --git a/sass/_grid.scss b/sass/_grid.scss
@@ -265,15 +265,11 @@ img {
 // vertically align stuff
 
 .valign {
-	&:before {
-		content:' ';
-		display: inline-block;
-		height: 400px;
-		vertical-align: middle;
-		margin-right: -0.25em;
-	}
+	display: table;
+    width: 100%;
+
 	> div, > article, > section, > figure {
-		display: inline-block;
+		display: table-cell;
 		vertical-align: middle;
 	}
 }