fomantic-ui-sass 2.7.8 → 2.8.4

data/app/assets/stylesheets/semantic-ui/elements/_placeholder.scss

@@ -122,12 +122,6 @@
   margin-top: 0.5em;
 }
 
-/* Header Image + 2 Lines */
-.ui.placeholder .header {
-  position: relative;
-  overflow: hidden;
-}
-
 /* Line Outdent */
 .ui.placeholder .line:nth-child(1):after {
   width: 0;
@@ -145,6 +139,12 @@
   width: 65%;
 }
 
+/* Header Image + 2 Lines */
+.ui.placeholder .header {
+  position: relative;
+  overflow: hidden;
+}
+
 /* Header Line 1 & 2*/
 .ui.placeholder .header .line {
   margin-bottom: 0.64285714em;
@@ -234,8 +234,8 @@
 }
 
 /*-------------------
-        Fluid
---------------------*/
+          Fluid
+  --------------------*/
 
 .ui.fluid.placeholder {
   max-width: none;

data/app/assets/stylesheets/semantic-ui/elements/_rail.scss

@@ -39,8 +39,8 @@
 
 
 /*--------------
-     Internal
----------------*/
+       Internal
+  ---------------*/
 
 .ui.left.internal.rail {
   left: 0;
@@ -56,8 +56,8 @@
 }
 
 /*--------------
-    Dividing
----------------*/
+      Dividing
+  ---------------*/
 
 .ui.dividing.rail {
   width: 302.5px;
@@ -74,8 +74,8 @@
 }
 
 /*--------------
-    Distance
----------------*/
+      Distance
+  ---------------*/
 
 .ui.close.rail {
   width: calc(300px + 1em);
@@ -101,8 +101,8 @@
 }
 
 /*--------------
-    Attached
----------------*/
+      Attached
+  ---------------*/
 
 .ui.attached.left.rail,
 .ui.attached.right.rail {
@@ -114,6 +114,9 @@
      Sizing
 ---------------*/
 
+.ui.rail {
+  font-size: 1rem;
+}
 .ui.mini.rail {
   font-size: 0.78571429rem;
 }
@@ -123,9 +126,6 @@
 .ui.small.rail {
   font-size: 0.92857143rem;
 }
-.ui.rail {
-  font-size: 1rem;
-}
 .ui.large.rail {
   font-size: 1.14285714rem;
 }

data/app/assets/stylesheets/semantic-ui/elements/_reveal.scss

@@ -16,7 +16,7 @@
 .ui.reveal {
   display: inherit;
   position: relative !important;
-  font-size: 0 !important;
+  font-size: 0;
 }
 .ui.reveal > .visible.content {
   position: absolute !important;
@@ -44,8 +44,8 @@
 
 
 /*--------------
-      Slide
----------------*/
+        Slide
+  ---------------*/
 
 .ui.slide.reveal {
   position: relative !important;
@@ -131,8 +131,8 @@
 }
 
 /*--------------
-      Fade
----------------*/
+        Fade
+  ---------------*/
 
 .ui.fade.reveal > .visible.content {
   opacity: 1;
@@ -143,8 +143,8 @@
 }
 
 /*--------------
-      Move
----------------*/
+        Move
+  ---------------*/
 
 .ui.move.reveal {
   position: relative !important;
@@ -191,8 +191,8 @@
 }
 
 /*--------------
-     Rotate
----------------*/
+       Rotate
+  ---------------*/
 
 .ui.rotate.reveal > .visible.content {
   -webkit-transition-duration: 0.5s;
@@ -279,7 +279,28 @@
 ---------------*/
 
 .ui.reveal > .content {
-  font-size: 1rem !important;
+  font-size: 1rem;
+}
+.ui.mini.reveal > .content {
+  font-size: 0.78571429rem;
+}
+.ui.tiny.reveal > .content {
+  font-size: 0.85714286rem;
+}
+.ui.small.reveal > .content {
+  font-size: 0.92857143rem;
+}
+.ui.large.reveal > .content {
+  font-size: 1.14285714rem;
+}
+.ui.big.reveal > .content {
+  font-size: 1.28571429rem;
+}
+.ui.huge.reveal > .content {
+  font-size: 1.42857143rem;
+}
+.ui.massive.reveal > .content {
+  font-size: 1.71428571rem;
 }
 
 

data/app/assets/stylesheets/semantic-ui/elements/_segment.scss

@@ -52,7 +52,7 @@
 
 
 /* Header */
-.ui.inverted.segment > .ui.header > .sub.header,
+.ui.inverted.segment > .ui.header .sub.header,
 .ui.inverted.segment > .ui.header {
   color: #FFFFFF;
 }
@@ -110,8 +110,8 @@
 
 
 /*-------------------
-     Placeholder
---------------------*/
+       Placeholder
+  --------------------*/
 
 .ui.placeholder.segment {
   display: -webkit-box;
@@ -172,8 +172,8 @@
 }
 
 /*-------------------
-        Piled
---------------------*/
+          Piled
+  --------------------*/
 
 .ui.piled.segments,
 .ui.piled.segment {
@@ -236,8 +236,8 @@
 }
 
 /*-------------------
-       Stacked
---------------------*/
+         Stacked
+  --------------------*/
 
 .ui.stacked.segment {
   padding-bottom: 1.4em;
@@ -278,8 +278,8 @@
 }
 
 /*-------------------
-       Padded
---------------------*/
+         Padded
+  --------------------*/
 
 .ui.padded.segment {
   padding: 1.5em;
@@ -296,8 +296,8 @@
 }
 
 /*-------------------
-       Compact
---------------------*/
+         Compact
+  --------------------*/
 
 .ui.compact.segment {
   display: table;
@@ -318,8 +318,8 @@
 }
 
 /*-------------------
-       Circular
---------------------*/
+         Circular
+  --------------------*/
 
 .ui.circular.segment {
   display: table-cell;
@@ -330,8 +330,8 @@
 }
 
 /*-------------------
-       Raised
---------------------*/
+         Raised
+  --------------------*/
 
 .ui.raised.raised.segments,
 .ui.raised.raised.segment {
@@ -341,8 +341,8 @@
 
 
 /*******************************
-            Groups
-*******************************/
+              Groups
+  *******************************/
 
 
 /* Group */
@@ -480,8 +480,8 @@
 
 
 /*--------------
-    Disabled
----------------*/
+      Disabled
+  ---------------*/
 
 .ui.disabled.segment {
   opacity: 0.45;
@@ -489,8 +489,8 @@
 }
 
 /*--------------
-    Loading
----------------*/
+      Loading
+  ---------------*/
 
 .ui.loading.segment {
   position: relative;
@@ -536,8 +536,8 @@
 
 
 /*-------------------
-       Basic
---------------------*/
+         Basic
+  --------------------*/
 
 .ui.basic.segment,
 .ui.segments .ui.basic.segment,
@@ -550,8 +550,8 @@
 }
 
 /*-------------------
-       Clearing
---------------------*/
+         Clearing
+  --------------------*/
 
 .ui.clearing.segment:after {
   content: "";
@@ -656,8 +656,8 @@
 }
 
 /*-------------------
-       Aligned
---------------------*/
+         Aligned
+  --------------------*/
 
 .ui[class*="left aligned"].segment {
   text-align: left;
@@ -670,8 +670,8 @@
 }
 
 /*-------------------
-       Floated
---------------------*/
+         Floated
+  --------------------*/
 
 .ui.floated.segment,
 .ui[class*="left floated"].segment {
@@ -684,8 +684,8 @@
 }
 
 /*-------------------
-      Inverted
---------------------*/
+        Inverted
+  --------------------*/
 
 .ui.inverted.segment {
   border: none;
@@ -749,8 +749,8 @@
 }
 
 /*-------------------
-      Attached
---------------------*/
+        Attached
+  --------------------*/
 
 
 /* Middle */
@@ -796,8 +796,8 @@
 }
 
 /*--------------
-     Fitted
----------------*/
+       Fitted
+  ---------------*/
 
 .ui.fitted.segment:not(.horizontally) {
   padding-top: 0;
@@ -812,6 +812,10 @@
         Size
 --------------------*/
 
+.ui.segments .segment,
+.ui.segment {
+  font-size: 1rem;
+}
 .ui.mini.segments .segment,
 .ui.mini.segment {
   font-size: 0.78571429rem;
@@ -824,10 +828,6 @@
 .ui.small.segment {
   font-size: 0.92857143rem;
 }
-.ui.segments .segment,
-.ui.segment {
-  font-size: 1rem;
-}
 .ui.large.segments .segment,
 .ui.large.segment {
   font-size: 1.14285714rem;

data/app/assets/stylesheets/semantic-ui/elements/_step.scss

@@ -96,7 +96,6 @@
   content: '';
   top: 50%;
   right: 0;
-  border: medium none;
   background-color: #FFFFFF;
   width: 1.14285714em;
   height: 1.14285714em;
@@ -192,8 +191,8 @@
 
 
 /*--------------
-     Ordered
----------------*/
+       Ordered
+  ---------------*/
 
 .ui.ordered.steps {
   counter-reset: ordered;
@@ -218,8 +217,8 @@
 }
 
 /*--------------
-    Vertical
----------------*/
+      Vertical
+  ---------------*/
 
 .ui.vertical.steps {
   display: -webkit-inline-box;
@@ -422,8 +421,8 @@
 
 
 /*--------------
-   Stackable
----------------*/
+     Stackable
+  ---------------*/
 
 
 /* Tablet Or Below */
@@ -481,8 +480,8 @@
 }
 
 /*--------------
-      Fluid
----------------*/
+        Fluid
+  ---------------*/
 
 
 /* Fluid */
@@ -494,8 +493,8 @@
 }
 
 /*--------------
-    Attached
----------------*/
+      Attached
+  ---------------*/
 
 
 /* Top */
@@ -578,6 +577,10 @@
        Sizes
 --------------------*/
 
+.ui.steps .step,
+.ui.step {
+  font-size: 1rem;
+}
 .ui.mini.steps .step,
 .ui.mini.step {
   font-size: 0.78571429rem;
@@ -590,10 +593,6 @@
 .ui.small.step {
   font-size: 0.92857143rem;
 }
-.ui.steps .step,
-.ui.step {
-  font-size: 1rem;
-}
 .ui.large.steps .step,
 .ui.large.step {
   font-size: 1.14285714rem;
@@ -612,8 +611,8 @@
 }
 
 /*--------------
-    Inverted
----------------*/
+      Inverted
+  ---------------*/
 
 .ui.inverted.steps {
   border: 1px solid #555555;