semantic-ui-sass 0.8.1.0 → 0.8.2.0

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

@@ -16,11 +16,9 @@
 .ui.grid {
   display: block;
   text-align: left;
-
   font-size: 0em;
   margin: 0% -1.5%;
   padding: 0%;
-
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   -ms-box-sizing: border-box;
@@ -47,19 +45,15 @@ body > .ui.grid {
 
 .ui.grid > .column,
 .ui.grid > .row > .column {
-
   display: inline-block;
   text-align: left;
   font-size: 1rem;
-
   padding-left: 1.5%;
   padding-right: 1.5%;
-
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   -ms-box-sizing: border-box;
   box-sizing: border-box;
-
   vertical-align: top;
 }
 
@@ -74,6 +68,7 @@ body > .ui.grid {
   padding: 1.5% 0% 0%;
   font-size: 0rem;
 }
+
 .ui.grid > .row:first-child {
   padding-top: 0rem;
   margin-top: 0rem;
@@ -92,12 +87,10 @@ body > .ui.grid {
   margin: 0em;
 }
 
-
 /*******************************
            Variations
 *******************************/
 
-
 /*-----------------------
   Page Grid (Responsive)
 -------------------------*/
@@ -113,21 +106,25 @@ body > .ui.grid {
     padding: 0% 4%;
   }
 }
+
 @media only screen and (min-width : 998px) {
   .ui.page.grid {
     padding: 0% 8%;
   }
 }
+
 @media only screen and (min-width : 1500px) {
   .ui.page.grid {
     padding: 0% 13%;
   }
 }
+
 @media only screen and (min-width : 1750px) {
   .ui.page.grid {
     padding: 0% 18%;
   }
 }
+
 @media only screen and (min-width : 2000px) {
   .ui.page.grid {
     padding: 0% 23%;
@@ -139,66 +136,82 @@ body > .ui.grid {
 --------------------*/
 
 /* Sizing Combinations */
+
 .ui.grid > .row > .one.wide.column,
 .ui.grid > .one.wide.column {
   width: 6.25%;
 }
+
 .ui.grid > .row > .two.wide.column,
 .ui.grid > .two.wide.column {
   width: 12.5%;
 }
+
 .ui.grid > .row > .three.wide.column,
 .ui.grid > .three.wide.column {
   width: 18.75%;
 }
+
 .ui.grid > .row > .four.wide.column,
 .ui.grid > .four.wide.column {
   width: 25%;
 }
+
 .ui.grid > .row > .five.wide.column,
 .ui.grid > .five.wide.column {
   width: 31.25%;
 }
+
 .ui.grid > .row > .six.wide.column,
 .ui.grid > .six.wide.column {
   width: 37.5%;
 }
+
 .ui.grid > .row > .seven.wide.column,
 .ui.grid > .seven.wide.column {
   width: 43.75%;
 }
+
 .ui.grid > .row > .eight.wide.column,
 .ui.grid > .eight.wide.column {
   width: 50%;
 }
+
 .ui.grid > .row > .nine.wide.column,
 .ui.grid > .nine.wide.column {
   width: 56.25%;
 }
+
 .ui.grid > .row > .ten.wide.column,
 .ui.grid > .ten.wide.column {
   width: 62.5%;
 }
+
 .ui.grid > .row > .eleven.wide.column,
 .ui.grid > .eleven.wide.column {
   width: 68.75%;
 }
+
 .ui.grid > .row > .twelve.wide.column,
 .ui.grid > .twelve.wide.column {
   width: 75%;
 }
+
 .ui.grid > .row > .thirteen.wide.column,
 .ui.grid > .thirteen.wide.column {
   width: 81.25%;
 }
+
 .ui.grid > .row > .fourteen.wide.column,
 .ui.grid > .fourteen.wide.column {
   width: 87.5%;
 }
+
 .ui.grid > .row > .fifteen.wide.column,
 .ui.grid > .fifteen.wide.column {
   width: 93.75%;
 }
+
 .ui.grid > .row > .sixteen.wide.column,
 .ui.grid > .sixteen.wide.column {
   width: 100%;
@@ -209,87 +222,104 @@ body > .ui.grid {
 --------------------*/
 
 /* Standard */
+
 .ui.grid > .column,
 .ui.grid > .row > .column {
   width: 6.25%;
 }
 
 /* Assume full width with one column */
+
 .ui.one.column.grid > .row > .column,
 .ui.one.column.grid > .column,
 .ui.grid > .one.column.row > .column {
   width: 100%;
 }
+
 .ui.two.column.grid > .row > .column,
 .ui.two.column.grid > .column,
 .ui.grid > .two.column.row > .column {
   width: 50%;
 }
+
 .ui.three.column.grid > .row > .column,
 .ui.three.column.grid > .column,
 .ui.grid > .three.column.row > .column {
   width: 33.3333%;
 }
+
 .ui.four.column.grid > .row > .column,
 .ui.four.column.grid > .column,
 .ui.grid > .four.column.row > .column {
   width: 25%;
 }
+
 .ui.five.column.grid > .row > .column,
 .ui.five.column.grid > .column,
 .ui.grid > .five.column.row > .column {
   width: 20%;
 }
+
 .ui.six.column.grid > .row > .column,
 .ui.six.column.grid > .column,
 .ui.grid > .six.column.row > .column {
   width: 16.66667%;
 }
+
 .ui.seven.column.grid > .row > .column,
 .ui.seven.column.grid > .column,
 .ui.grid > .seven.column.row > .column {
   width: 14.2857%;
 }
+
 .ui.eight.column.grid > .row > .column,
 .ui.eight.column.grid > .column,
 .ui.grid > .eight.column.row > .column {
   width: 12.5%;
 }
+
 .ui.nine.column.grid > .row > .column,
 .ui.nine.column.grid > .column,
 .ui.grid > .nine.column.row > .column {
   width: 11.1111%;
 }
+
 .ui.ten.column.grid > .row > .column,
 .ui.ten.column.grid > .column,
 .ui.grid > .ten.column.row > .column {
   width: 10%;
 }
+
 .ui.eleven.column.grid > .row > .column,
 .ui.eleven.column.grid > .column,
 .ui.grid > .eleven.column.row > .column {
   width: 9.0909%;
 }
+
 .ui.twelve.column.grid > .row > .column,
 .ui.twelve.column.grid > .column,
 .ui.grid > .twelve.column.row > .column {
   width: 8.3333%;
 }
+
 .ui.thirteen.column.grid > .row > .column,
 .ui.thirteen.column.grid > .column,
 .ui.grid > .thirteen.column.row > .column {
   width: 7.6923%;
 }
+
 .ui.fourteen.column.grid > .row > .column,
 .ui.fourteen.column.grid > .column,
 .ui.grid > .fourteen.column.row > .column {
   width: 7.1428%;
 }
+
 .ui.fifteen.column.grid > .row > .column,
 .ui.fifteen.column.grid > .column,
 .ui.grid > .fifteen.column.row > .column {
   width: 6.6666%;
 }
+
 .ui.sixteen.column.grid > .row > .column,
 .ui.sixteen.column.grid > .column,
 .ui.grid > .sixteen.column.row > .column {
@@ -297,12 +327,12 @@ body > .ui.grid {
 }
 
 /* Assume full width with one column */
+
 .ui.grid > .column:only-child,
 .ui.grid > .row > .column:only-child {
   width: 100%;
 }
 
-
 /*----------------------
         Relaxed
 -----------------------*/
@@ -310,13 +340,13 @@ body > .ui.grid {
 .ui.relaxed.grid {
   margin: 0% -2.5%;
 }
+
 .ui.relaxed.grid > .column,
 .ui.relaxed.grid > .row > .column {
   padding-left: 2.5%;
   padding-right: 2.5%;
 }
 
-
 /*----------------------
        "Floated"
 -----------------------*/
@@ -324,11 +354,11 @@ body > .ui.grid {
 .ui.grid .left.floated.column {
   float: left;
 }
+
 .ui.grid .right.floated.column {
   float: right;
 }
 
-
 /*----------------------
         Divided
 -----------------------*/
@@ -340,56 +370,42 @@ body > .ui.grid {
   margin-left: 0% !important;
   margin-right: 0% !important;
 }
+
 .ui.divided.grid > .column:not(.row),
 .ui.divided.grid > .row > .column {
   display: table-cell;
-  -webkit-box-shadow:
-    -1px 0px 0px 0px rgba(0, 0, 0, 0.1),
-    -2px 0px 0px 0px rgba(255, 255, 255, 0.8)
-  ;
-  -moz-box-shadow:
-    -1px 0px 0px 0px rgba(0, 0, 0, 0.1),
-    -2px 0px 0px 0px rgba(255, 255, 255, 0.8)
-  ;
-  box-shadow:
-    -1px 0px 0px 0px rgba(0, 0, 0, 0.1),
-    -2px 0px 0px 0px rgba(255, 255, 255, 0.8)
-  ;
+  -webkit-box-shadow: -1px 0px 0px 0px rgba(0, 0, 0, 0.1),
+    -2px 0px 0px 0px rgba(255, 255, 255, 0.8);
+  box-shadow: -1px 0px 0px 0px rgba(0, 0, 0, 0.1),
+    -2px 0px 0px 0px rgba(255, 255, 255, 0.8);
 }
+
 .ui.divided.grid > .column.row {
   display: table;
 }
+
 .ui.divided.grid > .column:first-child,
 .ui.divided.grid > .row > .column:first-child {
   -webkit-box-shadow: none;
-  -moz-box-shadow: none;
   box-shadow: none;
 }
 
 /* Vertically Divided */
+
 .ui.vertically.divided.grid > .row {
-  -webkit-box-shadow:
-    0px -1px 0px 0px rgba(0, 0, 0, 0.1),
-    0px -2px 0px 0px rgba(255, 255, 255, 0.8) !important
-  ;
-  -moz-box-shadow:
-    0px -1px 0px 0px rgba(0, 0, 0, 0.1),
-    0px -2px 0px 0px rgba(255, 255, 255, 0.8) !important
-  ;
-  box-shadow:
-    0px -1px 0px 0px rgba(0, 0, 0, 0.1),
-    0px -2px 0px 0px rgba(255, 255, 255, 0.8) !important
-  ;
+  -webkit-box-shadow: 0px -1px 0px 0px rgba(0, 0, 0, 0.1),
+    0px -2px 0px 0px rgba(255, 255, 255, 0.8) !important;
+  box-shadow: 0px -1px 0px 0px rgba(0, 0, 0, 0.1),
+    0px -2px 0px 0px rgba(255, 255, 255, 0.8) !important;
 }
+
 .ui.vertically.divided.grid > .row > .column,
 .ui.vertically.divided.grid > .column:not(.row),
 .ui.vertically.divided.grid > .row:first-child {
   -webkit-box-shadow: none !important;
-  -moz-box-shadow: none !important;
   box-shadow: none !important;
 }
 
-
 /*----------------------
          Celled
 -----------------------*/
@@ -400,9 +416,9 @@ body > .ui.grid {
   margin-left: 0% !important;
   margin-right: 0% !important;
   -webkit-box-shadow: 0px 0px 0px 1px #DFDFDF;
-  -moz-box-shadow: 0px 0px 0px 1px #DFDFDF;
   box-shadow: 0px 0px 0px 1px #DFDFDF;
 }
+
 .ui.celled.grid > .row,
 .ui.celled.grid > .column.row,
 .ui.celled.grid > .column.row:first-child {
@@ -411,27 +427,25 @@ body > .ui.grid {
   margin-top: 0em;
   padding-top: 0em;
   -webkit-box-shadow: 0px -1px 0px 0px #DFDFDF;
-  -moz-box-shadow: 0px -1px 0px 0px #DFDFDF;
   box-shadow: 0px -1px 0px 0px #DFDFDF;
 }
+
 .ui.celled.grid > .column:not(.row),
 .ui.celled.grid > .row > .column {
   display: table-cell;
   padding: 0.75em;
   -webkit-box-shadow: -1px 0px 0px 0px #DFDFDF;
-  -moz-box-shadow: -1px 0px 0px 0px #DFDFDF;
   box-shadow: -1px 0px 0px 0px #DFDFDF;
 }
+
 .ui.celled.grid > .column:first-child,
 .ui.celled.grid > .row > .column:first-child {
   -webkit-box-shadow: none;
-  -moz-box-shadow: none;
   box-shadow: none;
 }
 
 .ui.celled.page.grid {
   -webkit-box-shadow: none;
-  -moz-box-shadow: none;
   box-shadow: none;
 }
 
@@ -440,6 +454,7 @@ body > .ui.grid {
 -----------------------*/
 
 /* Vertical Centered */
+
 .ui.left.aligned.grid,
 .ui.left.aligned.grid > .row > .column,
 .ui.left.aligned.grid > .column,
@@ -447,6 +462,7 @@ body > .ui.grid {
 .ui.grid > .left.aligned.row > .column {
   text-align: left;
 }
+
 .ui.center.aligned.grid,
 .ui.center.aligned.grid > .row > .column,
 .ui.center.aligned.grid > .column,
@@ -454,6 +470,7 @@ body > .ui.grid {
 .ui.grid > .center.aligned.row > .column {
   text-align: center;
 }
+
 .ui.right.aligned.grid,
 .ui.right.aligned.grid > .row > .column,
 .ui.right.aligned.grid > .column,
@@ -462,12 +479,12 @@ body > .ui.grid {
   text-align: right;
 }
 
-
 /*----------------------
   Vertically Centered
 -----------------------*/
 
 /* Vertical Centered */
+
 .ui.top.aligned.grid,
 .ui.top.aligned.grid > .row > .column,
 .ui.top.aligned.grid > .column,
@@ -475,6 +492,7 @@ body > .ui.grid {
 .ui.grid > .top.aligned.row > .column {
   vertical-align: top;
 }
+
 .ui.middle.aligned.grid,
 .ui.middle.aligned.grid > .row > .column,
 .ui.middle.aligned.grid > .column,
@@ -482,6 +500,7 @@ body > .ui.grid {
 .ui.grid > .middle.aligned.row > .column {
   vertical-align: middle;
 }
+
 .ui.bottom.aligned.grid,
 .ui.bottom.aligned.grid > .row > .column,
 .ui.bottom.aligned.grid > .column,
@@ -498,24 +517,27 @@ body > .ui.grid {
   display: table;
   width: 100%;
 }
+
 .ui.grid > .equal.height.row > .column {
   display: table-cell;
 }
 
-
 /*----------------------
      Only (Device)
 -----------------------*/
 
 /* Mobile Only */
+
 @media only screen and (max-width : 768px) {
   .ui.mobile.only.grid,
   .ui.grid > .mobile.only.row {
     display: block !important;
   }
+
   .ui.grid > .row > .mobile.only.column {
     display: inline-block !important;
   }
+
   .ui.divided.mobile.only.grid,
   .ui.celled.mobile.only.grid,
   .ui.divided.mobile.only.grid .row,
@@ -523,9 +545,10 @@ body > .ui.grid {
   .ui.divided.grid .mobile.only.row,
   .ui.celled.grid .mobile.only.row,
   .ui.grid .mobile.only.equal.height.row,
-  .ui.mobile.only.grid .equal.height.row  {
+  .ui.mobile.only.grid .equal.height.row {
     display: table !important;
   }
+
   .ui.divided.grid > .row > .mobile.only.column,
   .ui.celled.grid > .row > .mobile.only.column,
   .ui.divided.mobile.only.grid > .row > .column,
@@ -535,6 +558,7 @@ body > .ui.grid {
     display: table-cell !important;
   }
 }
+
 @media only screen and (min-width : 768px) {
   .ui.mobile.only.grid,
   .ui.grid > .mobile.only.row,
@@ -542,15 +566,19 @@ body > .ui.grid {
     display: none;
   }
 }
+
 /* Tablet Only */
+
 @media only screen and (min-width : 768px) and (max-width : 998px) {
   .ui.tablet.only.grid,
   .ui.grid > .tablet.only.row {
     display: block !important;
   }
+
   .ui.grid > .row > .tablet.only.column {
     display: inline-block !important;
   }
+
   .ui.divided.tablet.only.grid,
   .ui.celled.tablet.only.grid,
   .ui.divided.tablet.only.grid .row,
@@ -558,9 +586,10 @@ body > .ui.grid {
   .ui.divided.grid .tablet.only.row,
   .ui.celled.grid .tablet.only.row,
   .ui.grid .tablet.only.equal.height.row,
-  .ui.tablet.only.grid .equal.height.row  {
+  .ui.tablet.only.grid .equal.height.row {
     display: table !important;
   }
+
   .ui.divided.grid > .row > .tablet.only.column,
   .ui.celled.grid > .row > .tablet.only.column,
   .ui.divided.tablet.only.grid > .row > .column,
@@ -570,6 +599,7 @@ body > .ui.grid {
     display: table-cell !important;
   }
 }
+
 @media only screen and (max-width : 768px), (min-width: 998px) {
   .ui.tablet.only.grid,
   .ui.grid > .tablet.only.row,
@@ -577,15 +607,19 @@ body > .ui.grid {
     display: none;
   }
 }
+
 /* Computer Only */
+
 @media only screen and (min-width : 998px) {
   .ui.computer.only.grid,
   .ui.grid > .computer.only.row {
     display: block !important;
   }
+
   .ui.grid > .row > .computer.only.column {
     display: inline-block !important;
   }
+
   .ui.divided.computer.only.grid,
   .ui.celled.computer.only.grid,
   .ui.divided.computer.only.grid .row,
@@ -593,9 +627,10 @@ body > .ui.grid {
   .ui.divided.grid .computer.only.row,
   .ui.celled.grid .computer.only.row,
   .ui.grid .computer.only.equal.height.row,
-  .ui.computer.only.grid .equal.height.row  {
+  .ui.computer.only.grid .equal.height.row {
     display: table !important;
   }
+
   .ui.divided.grid > .row > .computer.only.column,
   .ui.celled.grid > .row > .computer.only.column,
   .ui.divided.computer.only.grid > .row > .column,
@@ -605,6 +640,7 @@ body > .ui.grid {
     display: table-cell !important;
   }
 }
+
 @media only screen and (max-width : 998px) {
   .ui.computer.only.grid,
   .ui.grid > .computer.only.row,
@@ -613,7 +649,6 @@ body > .ui.grid {
   }
 }
 
-
 /*-------------------
        Stackable
 --------------------*/
@@ -623,27 +658,28 @@ body > .ui.grid {
     display: block !important;
     padding: 0em;
   }
+
   .ui.stackable.grid > .row > .column,
   .ui.stackable.grid > .column {
     display: block !important;
     width: auto !important;
-
     margin: 1.5em 5% 0em !important;
     padding: 1.5em 0em 0em !important;
-
     -webkit-box-shadow: none !important;
-    -moz-box-shadow: none !important;
     box-shadow: none !important;
   }
+
   .ui.stackable.divided.grid .column,
   .ui.stackable.celled.grid .column {
     border-top: 1px dotted rgba(0, 0, 0, 0.1);
   }
+
   .ui.stackable.grid > .row:first-child > .column:first-child,
   .ui.stackable.grid > .column:first-child {
     margin-top: 0em !important;
     padding-top: 0em !important;
   }
+
   .ui.stackable.divided.grid > .row:first-child > .column:first-child,
   .ui.stackable.celled.grid > .row:first-child > .column:first-child,
   .ui.stackable.divided.grid > .column:first-child,
@@ -652,8 +688,8 @@ body > .ui.grid {
   }
 
   /* Remove pointers from vertical menus */
+
   .ui.stackable.grid .vertical.pointing.menu .item:after {
     display: none;
   }
-
 }