fomantic-ui-sass 2.7.8 → 2.8.1

data/app/assets/stylesheets/semantic-ui/views/_ad.scss

@@ -62,8 +62,8 @@
 }
 
 /*--------------
-     Square
----------------*/
+       Square
+  ---------------*/
 
 
 /* Square */
@@ -79,8 +79,8 @@
 }
 
 /*--------------
-    Rectangle
----------------*/
+      Rectangle
+  ---------------*/
 
 
 /* Small Rectangle */
@@ -96,8 +96,8 @@
 }
 
 /*--------------
-     Button
----------------*/
+       Button
+  ---------------*/
 
 .ui.button.ad {
   width: 120px;
@@ -113,8 +113,8 @@
 }
 
 /*--------------
-   Skyscrapers
----------------*/
+     Skyscrapers
+  ---------------*/
 
 
 /* Skyscraper */
@@ -129,8 +129,8 @@
 }
 
 /*--------------
-     Banners
----------------*/
+       Banners
+  ---------------*/
 
 
 /* Banner */
@@ -175,8 +175,8 @@
 }
 
 /*--------------
-    Panorama
----------------*/
+      Panorama
+  ---------------*/
 
 
 /* Panorama */
@@ -186,8 +186,8 @@
 }
 
 /*--------------
-     Netboard
----------------*/
+       Netboard
+  ---------------*/
 
 
 /* Netboard */
@@ -197,8 +197,8 @@
 }
 
 /*--------------
-     Mobile
----------------*/
+       Mobile
+  ---------------*/
 
 
 /* Large Mobile Banner */

data/app/assets/stylesheets/semantic-ui/views/_card.scss

@@ -437,8 +437,8 @@
 
 
 /*-------------------
-      Horizontal
---------------------*/
+        Horizontal
+  --------------------*/
 
 .ui.horizontal.cards > .card,
 .ui.card.horizontal {
@@ -448,7 +448,7 @@
           flex-direction: row;
   -ms-flex-wrap: wrap;
       flex-wrap: wrap;
-  min-width: 400px;
+  min-width: 270px;
   width: 400px;
   max-width: 100%;
 }
@@ -475,6 +475,10 @@
   height: 100%;
   border-radius: 0.28571429rem 0 0 0.28571429rem;
 }
+.ui.horizontal.cards > .card > .image:last-child > img,
+.ui.card.horizontal > .image:last-child > img {
+  border-radius: 0 0.28571429rem 0.28571429rem 0;
+}
 .ui.horizontal.cards > .card > .content,
 .ui.horizontal.card > .content {
   -ms-flex-preferred-size: 1px;
@@ -487,8 +491,8 @@
 }
 
 /*-------------------
-       Raised
---------------------*/
+         Raised
+  --------------------*/
 
 .ui.raised.cards > .card,
 .ui.raised.card {
@@ -504,8 +508,8 @@ a.ui.raised.card:hover,
 }
 
 /*-------------------
-       Centered
---------------------*/
+         Centered
+  --------------------*/
 
 .ui.centered.cards {
   -webkit-box-pack: center;
@@ -518,8 +522,8 @@ a.ui.raised.card:hover,
 }
 
 /*-------------------
-        Fluid
---------------------*/
+          Fluid
+  --------------------*/
 
 .ui.fluid.card {
   width: 100%;
@@ -527,8 +531,8 @@ a.ui.raised.card:hover,
 }
 
 /*-------------------
-        Link
---------------------*/
+          Link
+  --------------------*/
 
 .ui.cards a.card,
 .ui.link.cards .card,
@@ -1012,8 +1016,8 @@ a.ui.card:hover,
 }
 
 /*-------------------
-      Doubling
---------------------*/
+        Doubling
+  --------------------*/
 
 
 /* Mobile Only */
@@ -1187,8 +1191,8 @@ a.ui.card:hover,
 }
 
 /*-------------------
-      Stackable
---------------------*/
+        Stackable
+  --------------------*/
 
 @media only screen and (max-width: 767.98px) {
   .ui.stackable.cards {
@@ -1213,10 +1217,31 @@ a.ui.card:hover,
 .ui.cards > .card {
   font-size: 1em;
 }
+.ui.mini.cards .card {
+  font-size: 0.78571429rem;
+}
+.ui.tiny.cards .card {
+  font-size: 0.85714286rem;
+}
+.ui.small.cards .card {
+  font-size: 0.92857143rem;
+}
+.ui.large.cards .card {
+  font-size: 1.14285714rem;
+}
+.ui.big.cards .card {
+  font-size: 1.28571429rem;
+}
+.ui.huge.cards .card {
+  font-size: 1.42857143rem;
+}
+.ui.massive.cards .card {
+  font-size: 1.71428571rem;
+}
 
 /*-----------------
-      Inverted
-------------------*/
+        Inverted
+  ------------------*/
 
 .ui.inverted.cards > .card,
 .ui.inverted.card {

data/app/assets/stylesheets/semantic-ui/views/_comment.scss

@@ -200,8 +200,8 @@
 
 
 /*--------------------
-        Threaded
----------------------*/
+          Threaded
+  ---------------------*/
 
 .ui.threaded.comments .comment > .comments {
   margin: -1.5em 0 -1em 1.25em;
@@ -211,8 +211,8 @@
 }
 
 /*--------------------
-        Minimal
----------------------*/
+          Minimal
+  ---------------------*/
 
 .ui.minimal.comments .comment .actions {
   opacity: 0;
@@ -233,6 +233,9 @@
         Sizes
 --------------------*/
 
+.ui.comments {
+  font-size: 1rem;
+}
 .ui.mini.comments {
   font-size: 0.78571429rem;
 }
@@ -242,9 +245,6 @@
 .ui.small.comments {
   font-size: 0.92857143rem;
 }
-.ui.comments {
-  font-size: 1rem;
-}
 .ui.large.comments {
   font-size: 1.14285714rem;
 }
@@ -259,8 +259,8 @@
 }
 
 /*-------------------
-        Inverted
---------------------*/
+          Inverted
+  --------------------*/
 
 .ui.inverted.comments .comment {
   background-color: #1B1C1D;

data/app/assets/stylesheets/semantic-ui/views/_feed.scss

@@ -272,19 +272,34 @@
             Variations
 *******************************/
 
-.ui.small.feed {
-  font-size: 0.92857143rem;
-}
 .ui.feed {
   font-size: 1rem;
 }
+.ui.mini.feed {
+  font-size: 0.78571429rem;
+}
+.ui.tiny.feed {
+  font-size: 0.85714286rem;
+}
+.ui.small.feed {
+  font-size: 0.92857143rem;
+}
 .ui.large.feed {
   font-size: 1.14285714rem;
 }
+.ui.big.feed {
+  font-size: 1.28571429rem;
+}
+.ui.huge.feed {
+  font-size: 1.42857143rem;
+}
+.ui.massive.feed {
+  font-size: 1.71428571rem;
+}
 
 /*------------------
-      Inverted
--------------------*/
+        Inverted
+  -------------------*/
 
 .ui.inverted.feed > .event {
   background: #1B1C1D;

data/app/assets/stylesheets/semantic-ui/views/_item.scss

@@ -387,8 +387,8 @@
 
 
 /*-------------------
-       Aligned
---------------------*/
+         Aligned
+  --------------------*/
 
 .ui.items > .item > .image + [class*="top aligned"].content {
   -ms-flex-item-align: start;
@@ -404,8 +404,8 @@
 }
 
 /*--------------
-     Relaxed
----------------*/
+       Relaxed
+  ---------------*/
 
 .ui.relaxed.items > .item {
   margin: 1.5em 0;
@@ -415,8 +415,8 @@
 }
 
 /*-------------------
-      Divided
---------------------*/
+        Divided
+  --------------------*/
 
 .ui.divided.items > .item {
   border-top: 1px solid rgba(34, 36, 38, 0.15);
@@ -444,8 +444,8 @@
 }
 
 /*-------------------
-        Link
---------------------*/
+          Link
+  --------------------*/
 
 .ui.items a.item:hover,
 .ui.link.items > .item:hover {
@@ -463,10 +463,31 @@
 .ui.items > .item {
   font-size: 1em;
 }
+.ui.mini.items > .item {
+  font-size: 0.78571429em;
+}
+.ui.tiny.items > .item {
+  font-size: 0.85714286em;
+}
+.ui.small.items > .item {
+  font-size: 0.92857143em;
+}
+.ui.large.items > .item {
+  font-size: 1.14285714em;
+}
+.ui.big.items > .item {
+  font-size: 1.28571429em;
+}
+.ui.huge.items > .item {
+  font-size: 1.42857143em;
+}
+.ui.massive.items > .item {
+  font-size: 1.71428571em;
+}
 
 /*---------------
-   Unstackable
-----------------*/
+     Unstackable
+  ----------------*/
 
 @media only screen and (max-width: 767.98px) {
   .ui.unstackable.items > .item > .image,
@@ -476,8 +497,8 @@
 }
 
 /*--------------
-     Inverted
----------------*/
+       Inverted
+  ---------------*/
 
 .ui.inverted.items > .item {
   background: transparent;

data/app/assets/stylesheets/semantic-ui/views/_statistic.scss

@@ -259,8 +259,8 @@
 }
 
 /*--------------
-   Horizontal
----------------*/
+     Horizontal
+  ---------------*/
 
 .ui.horizontal.statistic {
   -webkit-box-orient: horizontal;
@@ -311,8 +311,8 @@
 }
 
 /*--------------
-    Inverted
----------------*/
+      Inverted
+  ---------------*/
 
 .ui.inverted.statistics .statistic > .value,
 .ui.inverted.statistic .value {
@@ -479,8 +479,8 @@
 }
 
 /*--------------
-    Floated
----------------*/
+      Floated
+  ---------------*/
 
 .ui[class*="left floated"].statistic {
   float: left;
@@ -495,8 +495,8 @@
 }
 
 /*--------------
-    Stackable
----------------*/
+      Stackable
+  ---------------*/
 
 @media only screen and (max-width: 767.98px) {
   .ui.stackable.statistics {
@@ -516,88 +516,102 @@
 ---------------*/
 
 
-/* Mini */
+/* Medium */
+.ui.statistics .statistic > .value,
+.ui.statistic > .value {
+  font-size: 4rem;
+}
+.ui.horizontal.statistics .statistic > .value,
+.ui.horizontal.statistic > .value {
+  font-size: 3rem;
+}
+.ui.statistics .statistic > .text.value,
+.ui.statistic > .text.value {
+  font-size: 2rem;
+}
 .ui.mini.statistics .statistic > .value,
 .ui.mini.statistic > .value {
-  font-size: 1.5rem !important;
+  font-size: 1.5rem;
 }
 .ui.mini.horizontal.statistics .statistic > .value,
 .ui.mini.horizontal.statistic > .value {
-  font-size: 1.5rem !important;
+  font-size: 1.5rem;
 }
 .ui.mini.statistics .statistic > .text.value,
 .ui.mini.statistic > .text.value {
-  font-size: 1rem !important;
+  font-size: 1rem;
 }
-
-/* Tiny */
 .ui.tiny.statistics .statistic > .value,
 .ui.tiny.statistic > .value {
-  font-size: 2rem !important;
+  font-size: 2rem;
 }
 .ui.tiny.horizontal.statistics .statistic > .value,
 .ui.tiny.horizontal.statistic > .value {
-  font-size: 2rem !important;
+  font-size: 2rem;
 }
 .ui.tiny.statistics .statistic > .text.value,
 .ui.tiny.statistic > .text.value {
-  font-size: 1rem !important;
+  font-size: 1rem;
 }
-
-/* Small */
 .ui.small.statistics .statistic > .value,
 .ui.small.statistic > .value {
-  font-size: 3rem !important;
+  font-size: 3rem;
 }
 .ui.small.horizontal.statistics .statistic > .value,
 .ui.small.horizontal.statistic > .value {
-  font-size: 2rem !important;
+  font-size: 2rem;
 }
 .ui.small.statistics .statistic > .text.value,
 .ui.small.statistic > .text.value {
-  font-size: 1rem !important;
+  font-size: 1rem;
 }
-
-/* Medium */
-.ui.statistics .statistic > .value,
-.ui.statistic > .value {
-  font-size: 4rem !important;
-}
-.ui.horizontal.statistics .statistic > .value,
-.ui.horizontal.statistic > .value {
-  font-size: 3rem !important;
-}
-.ui.statistics .statistic > .text.value,
-.ui.statistic > .text.value {
-  font-size: 2rem !important;
-}
-
-/* Large */
 .ui.large.statistics .statistic > .value,
 .ui.large.statistic > .value {
-  font-size: 5rem !important;
+  font-size: 5rem;
 }
 .ui.large.horizontal.statistics .statistic > .value,
 .ui.large.horizontal.statistic > .value {
-  font-size: 4rem !important;
+  font-size: 4rem;
 }
 .ui.large.statistics .statistic > .text.value,
 .ui.large.statistic > .text.value {
-  font-size: 2.5rem !important;
+  font-size: 2.5rem;
+}
+.ui.big.statistics .statistic > .value,
+.ui.big.statistic > .value {
+  font-size: 5.5rem;
+}
+.ui.big.horizontal.statistics .statistic > .value,
+.ui.big.horizontal.statistic > .value {
+  font-size: 4.5rem;
+}
+.ui.big.statistics .statistic > .text.value,
+.ui.big.statistic > .text.value {
+  font-size: 2.5rem;
 }
-
-/* Huge */
 .ui.huge.statistics .statistic > .value,
 .ui.huge.statistic > .value {
-  font-size: 6rem !important;
+  font-size: 6rem;
 }
 .ui.huge.horizontal.statistics .statistic > .value,
 .ui.huge.horizontal.statistic > .value {
-  font-size: 5rem !important;
+  font-size: 5rem;
 }
 .ui.huge.statistics .statistic > .text.value,
 .ui.huge.statistic > .text.value {
-  font-size: 2.5rem !important;
+  font-size: 2.5rem;
+}
+.ui.massive.statistics .statistic > .value,
+.ui.massive.statistic > .value {
+  font-size: 7rem;
+}
+.ui.massive.horizontal.statistics .statistic > .value,
+.ui.massive.horizontal.statistic > .value {
+  font-size: 6rem;
+}
+.ui.massive.statistics .statistic > .text.value,
+.ui.massive.statistic > .text.value {
+  font-size: 3rem;
 }