fomantic-ui-sass 2.6.4 → 2.7.0

data/app/assets/stylesheets/semantic-ui/collections/_grid.scss

@@ -1,5 +1,5 @@
 /*!
- * # Semantic UI 2.6.4 - Grid
+ * # Semantic UI 2.7.0 - Grid
  * http://github.com/semantic-org/semantic-ui/
  *
  *
@@ -26,7 +26,7 @@
   -webkit-box-align: stretch;
       -ms-flex-align: stretch;
           align-items: stretch;
-  padding: 0em;
+  padding: 0;
 }
 
 /*----------------------
@@ -95,7 +95,7 @@
       -ms-flex-align: stretch;
           align-items: stretch;
   width: 100% !important;
-  padding: 0rem;
+  padding: 0;
   padding-top: 1rem;
   padding-bottom: 1rem;
 }
@@ -111,8 +111,8 @@
   padding-bottom: 1rem;
 }
 .ui.grid > .row > .column {
-  margin-top: 0em;
-  margin-bottom: 0em;
+  margin-top: 0;
+  margin-bottom: 0;
 }
 
 /*-------------------
@@ -131,10 +131,10 @@
 
 /* Collapse Margin on Consecutive Grid */
 .ui.grid > .ui.grid:first-child {
-  margin-top: 0em;
+  margin-top: 0;
 }
 .ui.grid > .ui.grid:last-child {
-  margin-bottom: 0em;
+  margin-bottom: 0;
 }
 
 /* Segment inside Aligned Grid */
@@ -174,17 +174,17 @@
 @media only screen and (max-width: 767px) {
   .ui.page.grid {
     width: auto;
-    padding-left: 0em;
-    padding-right: 0em;
-    margin-left: 0em;
-    margin-right: 0em;
+    padding-left: 0;
+    padding-right: 0;
+    margin-left: 0;
+    margin-right: 0;
   }
 }
 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .ui.page.grid {
     width: auto;
-    margin-left: 0em;
-    margin-right: 0em;
+    margin-left: 0;
+    margin-right: 0;
     padding-left: 2em;
     padding-right: 2em;
   }
@@ -192,8 +192,8 @@
 @media only screen and (min-width: 992px) and (max-width: 1199px) {
   .ui.page.grid {
     width: auto;
-    margin-left: 0em;
-    margin-right: 0em;
+    margin-left: 0;
+    margin-right: 0;
     padding-left: 3%;
     padding-right: 3%;
   }
@@ -201,8 +201,8 @@
 @media only screen and (min-width: 1200px) and (max-width: 1919px) {
   .ui.page.grid {
     width: auto;
-    margin-left: 0em;
-    margin-right: 0em;
+    margin-left: 0;
+    margin-right: 0;
     padding-left: 15%;
     padding-right: 15%;
   }
@@ -210,8 +210,8 @@
 @media only screen and (min-width: 1920px) {
   .ui.page.grid {
     width: auto;
-    margin-left: 0em;
-    margin-right: 0em;
+    margin-left: 0;
+    margin-right: 0;
     padding-left: 23%;
     padding-right: 23%;
   }
@@ -1016,15 +1016,15 @@
 -----------------------*/
 
 .ui.padded.grid:not(.vertically):not(.horizontally) {
-  margin: 0em !important;
+  margin: 0 !important;
 }
 [class*="horizontally padded"].ui.grid {
-  margin-left: 0em !important;
-  margin-right: 0em !important;
+  margin-left: 0 !important;
+  margin-right: 0 !important;
 }
 [class*="vertically padded"].ui.grid {
-  margin-top: 0em !important;
-  margin-bottom: 0em !important;
+  margin-top: 0 !important;
+  margin-bottom: 0 !important;
 }
 
 /*----------------------
@@ -1044,8 +1044,8 @@
 
 .ui.divided.grid:not([class*="vertically divided"]) > .column:not(.row),
 .ui.divided.grid:not([class*="vertically divided"]) > .row > .column {
-  -webkit-box-shadow: -1px 0px 0px 0px rgba(34, 36, 38, 0.15);
-          box-shadow: -1px 0px 0px 0px rgba(34, 36, 38, 0.15);
+  -webkit-box-shadow: -1px 0 0 0 rgba(34, 36, 38, 0.15);
+          box-shadow: -1px 0 0 0 rgba(34, 36, 38, 0.15);
 }
 
 /* Swap from padding to margin on columns to have dividers align */
@@ -1053,12 +1053,12 @@
 .ui[class*="vertically divided"].grid > .row > .column {
   margin-top: 1rem;
   margin-bottom: 1rem;
-  padding-top: 0rem;
-  padding-bottom: 0rem;
+  padding-top: 0;
+  padding-bottom: 0;
 }
 .ui[class*="vertically divided"].grid > .row {
-  margin-top: 0em;
-  margin-bottom: 0em;
+  margin-top: 0;
+  margin-bottom: 0;
 }
 
 /* No divider on first column on row */
@@ -1070,13 +1070,13 @@
 
 /* No space on top of first row */
 .ui[class*="vertically divided"].grid > .row:first-child > .column {
-  margin-top: 0em;
+  margin-top: 0;
 }
 
 /* Divided Row */
 .ui.grid > .divided.row > .column {
-  -webkit-box-shadow: -1px 0px 0px 0px rgba(34, 36, 38, 0.15);
-          box-shadow: -1px 0px 0px 0px rgba(34, 36, 38, 0.15);
+  -webkit-box-shadow: -1px 0 0 0 rgba(34, 36, 38, 0.15);
+          box-shadow: -1px 0 0 0 rgba(34, 36, 38, 0.15);
 }
 .ui.grid > .divided.row > .column:first-child {
   -webkit-box-shadow: none;
@@ -1090,13 +1090,13 @@
 .ui[class*="vertically divided"].grid > .row:before {
   position: absolute;
   content: "";
-  top: 0em;
-  left: 0px;
+  top: 0;
+  left: 0;
   width: calc(100% - 2rem);
   height: 1px;
-  margin: 0% 1rem;
-  -webkit-box-shadow: 0px -1px 0px 0px rgba(34, 36, 38, 0.15);
-          box-shadow: 0px -1px 0px 0px rgba(34, 36, 38, 0.15);
+  margin: 0 1rem;
+  -webkit-box-shadow: 0 -1px 0 0 rgba(34, 36, 38, 0.15);
+          box-shadow: 0 -1px 0 0 rgba(34, 36, 38, 0.15);
 }
 
 /* Padded Horizontally Divided */
@@ -1114,8 +1114,8 @@
 /* Inverted Divided */
 .ui.inverted.divided.grid:not([class*="vertically divided"]) > .column:not(.row),
 .ui.inverted.divided.grid:not([class*="vertically divided"]) > .row > .column {
-  -webkit-box-shadow: -1px 0px 0px 0px rgba(255, 255, 255, 0.1);
-          box-shadow: -1px 0px 0px 0px rgba(255, 255, 255, 0.1);
+  -webkit-box-shadow: -1px 0 0 0 rgba(255, 255, 255, 0.1);
+          box-shadow: -1px 0 0 0 rgba(255, 255, 255, 0.1);
 }
 .ui.inverted.divided.grid:not([class*="vertically divided"]) > .column:not(.row):first-child,
 .ui.inverted.divided.grid:not([class*="vertically divided"]) > .row > .column:first-child {
@@ -1123,8 +1123,8 @@
           box-shadow: none;
 }
 .ui.inverted[class*="vertically divided"].grid > .row:before {
-  -webkit-box-shadow: 0px -1px 0px 0px rgba(255, 255, 255, 0.1);
-          box-shadow: 0px -1px 0px 0px rgba(255, 255, 255, 0.1);
+  -webkit-box-shadow: 0 -1px 0 0 rgba(255, 255, 255, 0.1);
+          box-shadow: 0 -1px 0 0 rgba(255, 255, 255, 0.1);
 }
 
 /* Relaxed */
@@ -1145,21 +1145,21 @@
 
 .ui.celled.grid {
   width: 100%;
-  margin: 1em 0em;
-  -webkit-box-shadow: 0px 0px 0px 1px #D4D4D5;
-          box-shadow: 0px 0px 0px 1px #D4D4D5;
+  margin: 1em 0;
+  -webkit-box-shadow: 0 0 0 1px #D4D4D5;
+          box-shadow: 0 0 0 1px #D4D4D5;
 }
 .ui.celled.grid > .row {
   width: 100% !important;
-  margin: 0em;
-  padding: 0em;
-  -webkit-box-shadow: 0px -1px 0px 0px #D4D4D5;
-          box-shadow: 0px -1px 0px 0px #D4D4D5;
+  margin: 0;
+  padding: 0;
+  -webkit-box-shadow: 0 -1px 0 0 #D4D4D5;
+          box-shadow: 0 -1px 0 0 #D4D4D5;
 }
 .ui.celled.grid > .column:not(.row),
 .ui.celled.grid > .row > .column {
-  -webkit-box-shadow: -1px 0px 0px 0px #D4D4D5;
-          box-shadow: -1px 0px 0px 0px #D4D4D5;
+  -webkit-box-shadow: -1px 0 0 0 #D4D4D5;
+          box-shadow: -1px 0 0 0 #D4D4D5;
 }
 .ui.celled.grid > .column:first-child,
 .ui.celled.grid > .row > .column:first-child {
@@ -1183,7 +1183,7 @@
 .ui[class*="internally celled"].grid {
   -webkit-box-shadow: none;
           box-shadow: none;
-  margin: 0em;
+  margin: 0;
 }
 .ui[class*="internally celled"].grid > .row:first-child {
   -webkit-box-shadow: none;
@@ -1329,108 +1329,94 @@
          Colored
 -----------------------*/
 
-
-/* Red */
+.ui.grid > .primary.row,
+.ui.grid > .primary.column,
+.ui.grid > .row > .primary.column {
+  background-color: #2185D0;
+  color: #FFFFFF;
+}
+.ui.grid > .secondary.row,
+.ui.grid > .secondary.column,
+.ui.grid > .row > .secondary.column {
+  background-color: #1B1C1D;
+  color: #FFFFFF;
+}
 .ui.grid > .red.row,
 .ui.grid > .red.column,
 .ui.grid > .row > .red.column {
-  background-color: #DB2828 !important;
+  background-color: #DB2828;
   color: #FFFFFF;
 }
-
-/* Orange */
 .ui.grid > .orange.row,
 .ui.grid > .orange.column,
 .ui.grid > .row > .orange.column {
-  background-color: #F2711C !important;
+  background-color: #F2711C;
   color: #FFFFFF;
 }
-
-/* Yellow */
 .ui.grid > .yellow.row,
 .ui.grid > .yellow.column,
 .ui.grid > .row > .yellow.column {
-  background-color: #FBBD08 !important;
+  background-color: #FBBD08;
   color: #FFFFFF;
 }
-
-/* Olive */
 .ui.grid > .olive.row,
 .ui.grid > .olive.column,
 .ui.grid > .row > .olive.column {
-  background-color: #B5CC18 !important;
+  background-color: #B5CC18;
   color: #FFFFFF;
 }
-
-/* Green */
 .ui.grid > .green.row,
 .ui.grid > .green.column,
 .ui.grid > .row > .green.column {
-  background-color: #21BA45 !important;
+  background-color: #21BA45;
   color: #FFFFFF;
 }
-
-/* Teal */
 .ui.grid > .teal.row,
 .ui.grid > .teal.column,
 .ui.grid > .row > .teal.column {
-  background-color: #00B5AD !important;
+  background-color: #00B5AD;
   color: #FFFFFF;
 }
-
-/* Blue */
 .ui.grid > .blue.row,
 .ui.grid > .blue.column,
 .ui.grid > .row > .blue.column {
-  background-color: #2185D0 !important;
+  background-color: #2185D0;
   color: #FFFFFF;
 }
-
-/* Violet */
 .ui.grid > .violet.row,
 .ui.grid > .violet.column,
 .ui.grid > .row > .violet.column {
-  background-color: #6435C9 !important;
+  background-color: #6435C9;
   color: #FFFFFF;
 }
-
-/* Purple */
 .ui.grid > .purple.row,
 .ui.grid > .purple.column,
 .ui.grid > .row > .purple.column {
-  background-color: #A333C8 !important;
+  background-color: #A333C8;
   color: #FFFFFF;
 }
-
-/* Pink */
 .ui.grid > .pink.row,
 .ui.grid > .pink.column,
 .ui.grid > .row > .pink.column {
-  background-color: #E03997 !important;
+  background-color: #E03997;
   color: #FFFFFF;
 }
-
-/* Brown */
 .ui.grid > .brown.row,
 .ui.grid > .brown.column,
 .ui.grid > .row > .brown.column {
-  background-color: #A5673F !important;
+  background-color: #A5673F;
   color: #FFFFFF;
 }
-
-/* Grey */
 .ui.grid > .grey.row,
 .ui.grid > .grey.column,
 .ui.grid > .row > .grey.column {
-  background-color: #767676 !important;
+  background-color: #767676;
   color: #FFFFFF;
 }
-
-/* Black */
 .ui.grid > .black.row,
 .ui.grid > .black.column,
 .ui.grid > .row > .black.column {
-  background-color: #1B1C1D !important;
+  background-color: #1B1C1D;
   color: #FFFFFF;
 }
 
@@ -1480,8 +1466,8 @@
 /* Divided Reversed */
   .ui[class*="mobile reversed"].divided.grid:not([class*="vertically divided"]) > .column:first-child,
   .ui[class*="mobile reversed"].divided.grid:not([class*="vertically divided"]) > .row > .column:first-child {
-    -webkit-box-shadow: -1px 0px 0px 0px rgba(34, 36, 38, 0.15);
-            box-shadow: -1px 0px 0px 0px rgba(34, 36, 38, 0.15);
+    -webkit-box-shadow: -1px 0 0 0 rgba(34, 36, 38, 0.15);
+            box-shadow: -1px 0 0 0 rgba(34, 36, 38, 0.15);
   }
   .ui[class*="mobile reversed"].divided.grid:not([class*="vertically divided"]) > .column:last-child,
   .ui[class*="mobile reversed"].divided.grid:not([class*="vertically divided"]) > .row > .column:last-child {
@@ -1491,8 +1477,8 @@
   
 /* Vertically Divided Reversed */
   .ui.grid[class*="vertically divided"][class*="mobile vertically reversed"] > .row:first-child:before {
-    -webkit-box-shadow: 0px -1px 0px 0px rgba(34, 36, 38, 0.15);
-            box-shadow: 0px -1px 0px 0px rgba(34, 36, 38, 0.15);
+    -webkit-box-shadow: 0 -1px 0 0 rgba(34, 36, 38, 0.15);
+            box-shadow: 0 -1px 0 0 rgba(34, 36, 38, 0.15);
   }
   .ui.grid[class*="vertically divided"][class*="mobile vertically reversed"] > .row:last-child:before {
     -webkit-box-shadow: none;
@@ -1501,8 +1487,8 @@
   
 /* Celled Reversed */
   .ui[class*="mobile reversed"].celled.grid > .row > .column:first-child {
-    -webkit-box-shadow: -1px 0px 0px 0px #D4D4D5;
-            box-shadow: -1px 0px 0px 0px #D4D4D5;
+    -webkit-box-shadow: -1px 0 0 0 #D4D4D5;
+            box-shadow: -1px 0 0 0 #D4D4D5;
   }
   .ui[class*="mobile reversed"].celled.grid > .row > .column:last-child {
     -webkit-box-shadow: none;
@@ -1530,8 +1516,8 @@
 /* Divided Reversed */
   .ui[class*="tablet reversed"].divided.grid:not([class*="vertically divided"]) > .column:first-child,
   .ui[class*="tablet reversed"].divided.grid:not([class*="vertically divided"]) > .row > .column:first-child {
-    -webkit-box-shadow: -1px 0px 0px 0px rgba(34, 36, 38, 0.15);
-            box-shadow: -1px 0px 0px 0px rgba(34, 36, 38, 0.15);
+    -webkit-box-shadow: -1px 0 0 0 rgba(34, 36, 38, 0.15);
+            box-shadow: -1px 0 0 0 rgba(34, 36, 38, 0.15);
   }
   .ui[class*="tablet reversed"].divided.grid:not([class*="vertically divided"]) > .column:last-child,
   .ui[class*="tablet reversed"].divided.grid:not([class*="vertically divided"]) > .row > .column:last-child {
@@ -1541,8 +1527,8 @@
   
 /* Vertically Divided Reversed */
   .ui.grid[class*="vertically divided"][class*="tablet vertically reversed"] > .row:first-child:before {
-    -webkit-box-shadow: 0px -1px 0px 0px rgba(34, 36, 38, 0.15);
-            box-shadow: 0px -1px 0px 0px rgba(34, 36, 38, 0.15);
+    -webkit-box-shadow: 0 -1px 0 0 rgba(34, 36, 38, 0.15);
+            box-shadow: 0 -1px 0 0 rgba(34, 36, 38, 0.15);
   }
   .ui.grid[class*="vertically divided"][class*="tablet vertically reversed"] > .row:last-child:before {
     -webkit-box-shadow: none;
@@ -1551,8 +1537,8 @@
   
 /* Celled Reversed */
   .ui[class*="tablet reversed"].celled.grid > .row > .column:first-child {
-    -webkit-box-shadow: -1px 0px 0px 0px #D4D4D5;
-            box-shadow: -1px 0px 0px 0px #D4D4D5;
+    -webkit-box-shadow: -1px 0 0 0 #D4D4D5;
+            box-shadow: -1px 0 0 0 #D4D4D5;
   }
   .ui[class*="tablet reversed"].celled.grid > .row > .column:last-child {
     -webkit-box-shadow: none;
@@ -1580,8 +1566,8 @@
 /* Divided Reversed */
   .ui[class*="computer reversed"].divided.grid:not([class*="vertically divided"]) > .column:first-child,
   .ui[class*="computer reversed"].divided.grid:not([class*="vertically divided"]) > .row > .column:first-child {
-    -webkit-box-shadow: -1px 0px 0px 0px rgba(34, 36, 38, 0.15);
-            box-shadow: -1px 0px 0px 0px rgba(34, 36, 38, 0.15);
+    -webkit-box-shadow: -1px 0 0 0 rgba(34, 36, 38, 0.15);
+            box-shadow: -1px 0 0 0 rgba(34, 36, 38, 0.15);
   }
   .ui[class*="computer reversed"].divided.grid:not([class*="vertically divided"]) > .column:last-child,
   .ui[class*="computer reversed"].divided.grid:not([class*="vertically divided"]) > .row > .column:last-child {
@@ -1591,8 +1577,8 @@
   
 /* Vertically Divided Reversed */
   .ui.grid[class*="vertically divided"][class*="computer vertically reversed"] > .row:first-child:before {
-    -webkit-box-shadow: 0px -1px 0px 0px rgba(34, 36, 38, 0.15);
-            box-shadow: 0px -1px 0px 0px rgba(34, 36, 38, 0.15);
+    -webkit-box-shadow: 0 -1px 0 0 rgba(34, 36, 38, 0.15);
+            box-shadow: 0 -1px 0 0 rgba(34, 36, 38, 0.15);
   }
   .ui.grid[class*="vertically divided"][class*="computer vertically reversed"] > .row:last-child:before {
     -webkit-box-shadow: none;
@@ -1601,8 +1587,8 @@
   
 /* Celled Reversed */
   .ui[class*="computer reversed"].celled.grid > .row > .column:first-child {
-    -webkit-box-shadow: -1px 0px 0px 0px #D4D4D5;
-            box-shadow: -1px 0px 0px 0px #D4D4D5;
+    -webkit-box-shadow: -1px 0 0 0 #D4D4D5;
+            box-shadow: -1px 0 0 0 #D4D4D5;
   }
   .ui[class*="computer reversed"].celled.grid > .row > .column:last-child {
     -webkit-box-shadow: none;
@@ -1622,8 +1608,8 @@
   }
   .ui.grid > .doubling.row,
   .ui.doubling.grid > .row {
-    margin: 0em !important;
-    padding: 0em !important;
+    margin: 0 !important;
+    padding: 0 !important;
   }
   .ui.grid > .doubling.row > .column,
   .ui.doubling.grid > .row > .column {
@@ -1632,7 +1618,7 @@
     padding-bottom: 1rem !important;
     -webkit-box-shadow: none !important;
             box-shadow: none !important;
-    margin: 0em;
+    margin: 0;
   }
   .ui[class*="two column"].doubling.grid > .row > .column,
   .ui[class*="two column"].doubling.grid > .column:not(.row),
@@ -1715,14 +1701,14 @@
 @media only screen and (max-width: 767px) {
   .ui.grid > .doubling.row,
   .ui.doubling.grid > .row {
-    margin: 0em !important;
-    padding: 0em !important;
+    margin: 0 !important;
+    padding: 0 !important;
   }
   .ui.grid > .doubling.row > .column,
   .ui.doubling.grid > .row > .column {
     padding-top: 1rem !important;
     padding-bottom: 1rem !important;
-    margin: 0em !important;
+    margin: 0 !important;
     -webkit-box-shadow: none !important;
             box-shadow: none !important;
   }
@@ -1810,8 +1796,8 @@
 @media only screen and (max-width: 767px) {
   .ui.stackable.grid {
     width: auto;
-    margin-left: 0em !important;
-    margin-right: 0em !important;
+    margin-left: 0 !important;
+    margin-right: 0 !important;
   }
   .ui.stackable.grid > .row > .wide.column,
   .ui.stackable.grid > .wide.column,
@@ -1821,21 +1807,21 @@
   .ui.stackable.grid > .column:not(.row),
   .ui.grid > .stackable.stackable.row > .column {
     width: 100% !important;
-    margin: 0em 0em !important;
+    margin: 0 0 !important;
     -webkit-box-shadow: none !important;
             box-shadow: none !important;
     padding: 1rem 1rem !important;
   }
   .ui.stackable.grid:not(.vertically) > .row {
-    margin: 0em;
-    padding: 0em;
+    margin: 0;
+    padding: 0;
   }
   
 /* Coupling */
   .ui.container > .ui.stackable.grid > .column,
   .ui.container > .ui.stackable.grid > .row > .column {
-    padding-left: 0em !important;
-    padding-right: 0em !important;
+    padding-left: 0 !important;
+    padding-right: 0 !important;
   }
   
 /* Don't pad inside segment or nested grid */
@@ -1874,8 +1860,8 @@
   }
   .ui.stackable.divided:not(.vertically).grid > .column:not(.row),
   .ui.stackable.divided:not(.vertically).grid > .row > .column {
-    padding-left: 0em !important;
-    padding-right: 0em !important;
+    padding-left: 0 !important;
+    padding-right: 0 !important;
   }
 }