feat(layout.css): BREAKING, deprecated fluid-container, col-fluid, an…

…d other relevant classes
Spiderpig86 · Mar 21, 2019 · 7cdfb56 · 7cdfb56
1 parent 0b08bf1
commit 7cdfb56
Show file tree

Hide file tree

Showing 5 changed files with 32 additions and 32 deletions.
diff --git a/dist/cirrus-core.css b/dist/cirrus-core.css
@@ -2093,7 +2093,7 @@ space.x-large {
 .row .col {
     display: block;
     flex: 1;
-    padding: 0.75rem;
+    padding: .15rem .75rem;
 }
 
 .row .col-1 {
@@ -2194,29 +2194,29 @@ space.x-large {
 }
 
 /* Auto align col-n to left in fluid-container */
-.fluid-container .offset-right {
+.row .offset-right {
     margin-left: 0;
     margin-right: auto;
 }
 
 /* Auto align col-n to middle in fluid-container */
-.fluid-container .offset-center {
+.row .offset-center {
     margin-left: auto;
     margin-right: auto;
 }
 /* Auto align col-n to right in fluid-container */
-.fluid-container .offset-left {
+.row .offset-left {
     margin-left: auto;
     margin-right: 0;
 }
 
-/* Use in parent div of fluid col */
+/* Use in parent div of fluid col
 .fluid-container {
     display: flex;
     overflow: auto;
 }
 
-/* Wrap controls instead on overflow */
+/* Wrap controls instead on overflow 
 .fluid-container.wrap {
     -webkit-align-items: center;
     align-items: center;
@@ -2228,7 +2228,7 @@ space.x-large {
     flex-wrap: wrap;
 }
 
-/* Resizes elements in a row equally given the number of elements located in it */
+/* Resizes elements in a row equally given the number of elements located in it 
 .fluid-container .col-fluid {
     display: block;
     -ms-flex-preferred-size: 0;
@@ -2240,14 +2240,14 @@ space.x-large {
     flex-shrink: 1;
 }
 
-/* No expansion for specific col-fluid columns */
+/* No expansion for specific col-fluid columns 
 .fluid-container .col-fluid.no-flex {
     flex-grow: 0;
     flex-shrink: 0;
     -webkit-box-flex: 0;
     -ms-flex-positive: 0;
     -ms-flex-negative: 0;
-}
+} */
 
 /* Some offset values */
 .row [class^="col-"],

diff --git a/dist/cirrus-core.min.css b/dist/cirrus-core.min.css
diff --git a/dist/cirrus.css b/dist/cirrus.css
@@ -2093,7 +2093,7 @@ space.x-large {
 .row .col {
     display: block;
     flex: 1;
-    padding: 0.75rem;
+    padding: .15rem .75rem;
 }
 
 .row .col-1 {
@@ -2194,29 +2194,29 @@ space.x-large {
 }
 
 /* Auto align col-n to left in fluid-container */
-.fluid-container .offset-right {
+.row .offset-right {
     margin-left: 0;
     margin-right: auto;
 }
 
 /* Auto align col-n to middle in fluid-container */
-.fluid-container .offset-center {
+.row .offset-center {
     margin-left: auto;
     margin-right: auto;
 }
 /* Auto align col-n to right in fluid-container */
-.fluid-container .offset-left {
+.row .offset-left {
     margin-left: auto;
     margin-right: 0;
 }
 
-/* Use in parent div of fluid col */
+/* Use in parent div of fluid col
 .fluid-container {
     display: flex;
     overflow: auto;
 }
 
-/* Wrap controls instead on overflow */
+/* Wrap controls instead on overflow 
 .fluid-container.wrap {
     -webkit-align-items: center;
     align-items: center;
@@ -2228,7 +2228,7 @@ space.x-large {
     flex-wrap: wrap;
 }
 
-/* Resizes elements in a row equally given the number of elements located in it */
+/* Resizes elements in a row equally given the number of elements located in it 
 .fluid-container .col-fluid {
     display: block;
     -ms-flex-preferred-size: 0;
@@ -2240,14 +2240,14 @@ space.x-large {
     flex-shrink: 1;
 }
 
-/* No expansion for specific col-fluid columns */
+/* No expansion for specific col-fluid columns 
 .fluid-container .col-fluid.no-flex {
     flex-grow: 0;
     flex-shrink: 0;
     -webkit-box-flex: 0;
     -ms-flex-positive: 0;
     -ms-flex-negative: 0;
-}
+} */
 
 /* Some offset values */
 .row [class^="col-"],

diff --git a/dist/cirrus.min.css b/dist/cirrus.min.css
diff --git a/src/core/layout.css b/src/core/layout.css
@@ -158,7 +158,7 @@ space.x-large {
 .row .col {
     display: block;
     flex: 1;
-    padding: 0.75rem;
+    padding: .15rem .75rem;
 }
 
 .row .col-1 {
@@ -258,30 +258,30 @@ space.x-large {
     margin-left: 100%;
 }
 
-/* Auto align col-n to left in fluid-container */
-.fluid-container .offset-right {
+/* Auto align col to left in row */
+.row .offset-right {
     margin-left: 0;
     margin-right: auto;
 }
 
-/* Auto align col-n to middle in fluid-container */
-.fluid-container .offset-center {
+/* Auto align col to middle in row */
+.row .offset-center {
     margin-left: auto;
     margin-right: auto;
 }
-/* Auto align col-n to right in fluid-container */
-.fluid-container .offset-left {
+/* Auto align col to right in row */
+.row .offset-left {
     margin-left: auto;
     margin-right: 0;
 }
 
-/* Use in parent div of fluid col */
+/* Use in parent div of fluid col
 .fluid-container {
     display: flex;
     overflow: auto;
 }
 
-/* Wrap controls instead on overflow */
+/* Wrap controls instead on overflow 
 .fluid-container.wrap {
     -webkit-align-items: center;
     align-items: center;
@@ -293,7 +293,7 @@ space.x-large {
     flex-wrap: wrap;
 }
 
-/* Resizes elements in a row equally given the number of elements located in it */
+/* Resizes elements in a row equally given the number of elements located in it 
 .fluid-container .col-fluid {
     display: block;
     -ms-flex-preferred-size: 0;
@@ -305,14 +305,14 @@ space.x-large {
     flex-shrink: 1;
 }
 
-/* No expansion for specific col-fluid columns */
+/* No expansion for specific col-fluid columns 
 .fluid-container .col-fluid.no-flex {
     flex-grow: 0;
     flex-shrink: 0;
     -webkit-box-flex: 0;
     -ms-flex-positive: 0;
     -ms-flex-negative: 0;
-}
+} */
 
 /* Some offset values */
 .row [class^="col-"],