add .stretch for equally stretched child elements

2014-07-07 12:29:58 +02:00 · 2014-07-07 12:29:58 +02:00 · 436340aece
commit 436340aece
parent b5f3d35a94
1 changed files with 9 additions and 1 deletions
--- a/app/assets/stylesheets/layout.css
+++ b/app/assets/stylesheets/layout.css
@ -38,6 +38,15 @@
  flex-direction: column-reverse;
 }

+.vertical.stretch > *,
+.horizontal.stretch > * {
+  -webkit-box-flex: 1;
+  -ms-flex: 1;
+  -moz-flex: 1;
+  -webkit-flex: 1;
+  flex: 1;
+}
+
 .fullHeight {
  min-height: 100%;
 }
@ -106,7 +115,6 @@ body.fit {
  flex: 3;
 }

-
 .justify-start {
  -webkit-box-pack: start;
  -ms-flex-pack: start;