From d791affe3c4c34666a16cf87cd5b12707c588819 2014-03-17 17:40:28
From: Jonathan Frederic <jdfreder@calpoly.edu>
Date: 2014-03-17 17:40:28
Subject: [PATCH] Fix specifity of flex modifier classes

---

diff --git a/IPython/html/static/base/less/flexbox.less b/IPython/html/static/base/less/flexbox.less
index 60874fc..b936026 100644
--- a/IPython/html/static/base/less/flexbox.less
+++ b/IPython/html/static/base/less/flexbox.less
@@ -80,7 +80,8 @@ Browsers not listed, including Safari, are supported via the styling under the
     flex: none;
 }
 
-.reverse {
+.hbox.reverse,
+.vbox.reverse {
     /* Old browsers */
     -webkit-box-direction: reverse;
     -moz-box-direction: reverse;
@@ -90,7 +91,8 @@ Browsers not listed, including Safari, are supported via the styling under the
     flex-direction: row-reverse;
 }
 
-.box-flex0 {
+.hbox.box-flex0,
+.vbox.box-flex0 {
     /* Old browsers */
     -webkit-box-flex: 0;
     -moz-box-flex: 0;
@@ -101,7 +103,8 @@ Browsers not listed, including Safari, are supported via the styling under the
     width: auto;
 }
 
-.box-flex1 {
+.hbox.box-flex1,
+.vbox.box-flex1 {
     /* Old browsers */
     -webkit-box-flex: 1;
     -moz-box-flex: 1;
@@ -111,12 +114,14 @@ Browsers not listed, including Safari, are supported via the styling under the
     flex: 1;
 }
 
-.box-flex {
+.hbox.box-flex,
+.vbox.box-flex {
     /* Old browsers */
     .box-flex1();
 }
 
-.box-flex2 {
+.hbox.box-flex2,
+.vbox.box-flex2 {
     /* Old browsers */
     -webkit-box-flex: 2;
     -moz-box-flex: 2;
@@ -140,7 +145,8 @@ Browsers not listed, including Safari, are supported via the styling under the
     box-flex-group: 2;
 }
 
-.start {
+.hbox.start, 
+.vbox.start {
     /* Old browsers */
     -webkit-box-pack: start;
     -moz-box-pack: start;
@@ -150,7 +156,8 @@ Browsers not listed, including Safari, are supported via the styling under the
     justify-content: flex-start;
 }
 
-.end {
+.hbox.end, 
+.vbox.end {
     /* Old browsers */
     -webkit-box-pack: end;
     -moz-box-pack: end;
@@ -160,7 +167,8 @@ Browsers not listed, including Safari, are supported via the styling under the
     justify-content: flex-end;
 }
 
-.center {
+.hbox.center, 
+.vbox.center {
     /* Old browsers */
     -webkit-box-pack: center;
     -moz-box-pack: center;
@@ -170,7 +178,8 @@ Browsers not listed, including Safari, are supported via the styling under the
     justify-content: center;
 }
 
-.align-start {
+.hbox.align-start, 
+.vbox.align-start {
     /* Old browsers */
     -webkit-box-align: start;
     -moz-box-align: start;
@@ -180,7 +189,8 @@ Browsers not listed, including Safari, are supported via the styling under the
     align-items: flex-start;
 }
 
-.align-end {
+.hbox.align-end, 
+.vbox.align-end {
     /* Old browsers */
     -webkit-box-align: end;
     -moz-box-align: end;
@@ -190,7 +200,8 @@ Browsers not listed, including Safari, are supported via the styling under the
     align-items: flex-end;
 }
 
-.align-center {
+.hbox.align-center, 
+.vbox.align-center {
     /* Old browsers */
     -webkit-box-align: center;
     -moz-box-align: center;