fomantic-ui-sass 2.7.8 → 2.8.1

data/app/assets/stylesheets/semantic-ui/modules/_embed.scss

@@ -136,18 +136,6 @@
 }
 
 
-/*******************************
-        Video Overrides
-*******************************/
-
-
-
-/*******************************
-         Site Overrides
-*******************************/
-
-
-
 /*******************************
           Variations
 *******************************/
@@ -164,3 +152,15 @@
 .ui[class*="21:9"].embed {
   padding-bottom: 42.85714286%;
 }
+
+
+/*******************************
+        Video Overrides
+*******************************/
+
+
+
+/*******************************
+         Site Overrides
+*******************************/
+

data/app/assets/stylesheets/semantic-ui/modules/_modal.scss

@@ -350,7 +350,7 @@
   top: auto;
 }
 .ui.legacy.overlay.fullscreen.modal {
-  margin-top: -1rem !important;
+  margin-top: -2rem !important;
 }
 
 
@@ -374,27 +374,27 @@
 
 
 /*--------------
-   Aligned
----------------*/
+     Aligned
+  ---------------*/
 
-.ui.top.aligned.modal {
+.modals.dimmer .ui.top.aligned.modal {
   top: 5vh;
 }
-.ui.bottom.aligned.modal {
+.modals.dimmer .ui.bottom.aligned.modal {
   bottom: 5vh;
 }
 @media only screen and (max-width: 767.98px) {
-  .ui.top.aligned.modal {
+  .modals.dimmer .ui.top.aligned.modal {
     top: 1rem;
   }
-  .ui.bottom.aligned.modal {
+  .modals.dimmer .ui.bottom.aligned.modal {
     bottom: 1rem;
   }
 }
 
 /*--------------
-    Scrolling
----------------*/
+      Scrolling
+  ---------------*/
 
 
 /* Scrolling Dimmer */
@@ -412,7 +412,14 @@
   -webkit-overflow-scrolling: touch;
 }
 .modals.dimmer .ui.scrolling.modal:not(.fullscreen) {
-  margin: 1rem auto;
+  margin: 2rem auto;
+}
+
+/* Fix for Firefox, Edge, IE11 */
+.modals.dimmer .ui.scrolling.modal:not([class*="overlay fullscreen"])::after {
+  content: '\00A0';
+  position: absolute;
+  height: 2rem;
 }
 
 /* Undetached Scrolling */
@@ -426,7 +433,6 @@
 .scrolling.undetached.dimmable .ui.scrolling.modal:not(.fullscreen) {
   position: absolute;
   left: 50%;
-  margin-top: 1rem !important;
 }
 
 /* Scrolling Content */
@@ -442,8 +448,8 @@
 }
 
 /*--------------
-   Full Screen
----------------*/
+     Full Screen
+  ---------------*/
 
 .ui.fullscreen.modal {
   width: 95%;
@@ -476,13 +482,9 @@
 .ui.modal {
   font-size: 1rem;
 }
-
-/* Mini */
 .ui.mini.modal > .header:not(.ui) {
   font-size: 1.3em;
 }
-
-/* Mini Modal Width */
 @media only screen and (max-width: 767.98px) {
   .ui.mini.modal {
     width: 95%;
@@ -513,13 +515,9 @@
     margin: 0 0 0 0;
   }
 }
-
-/* Tiny */
 .ui.tiny.modal > .header:not(.ui) {
   font-size: 1.3em;
 }
-
-/* Tiny Modal Width */
 @media only screen and (max-width: 767.98px) {
   .ui.tiny.modal {
     width: 95%;
@@ -550,13 +548,9 @@
     margin: 0 0 0 0;
   }
 }
-
-/* Small */
 .ui.small.modal > .header:not(.ui) {
   font-size: 1.3em;
 }
-
-/* Small Modal Width */
 @media only screen and (max-width: 767.98px) {
   .ui.small.modal {
     width: 95%;
@@ -587,9 +581,7 @@
     margin: 0 0 0 0;
   }
 }
-
-/* Large Modal Width */
-.ui.large.modal > .header {
+.ui.large.modal > .header:not(.ui) {
   font-size: 1.6em;
 }
 @media only screen and (max-width: 767.98px) {
@@ -622,11 +614,110 @@
     margin: 0 0 0 0;
   }
 }
+.ui.big.modal > .header:not(.ui) {
+  font-size: 1.6em;
+}
+@media only screen and (max-width: 767.98px) {
+  .ui.big.modal {
+    width: 95%;
+    margin: 0 0 0 0;
+  }
+}
+@media only screen and (min-width: 768px) {
+  .ui.big.modal {
+    width: 88%;
+    margin: 0 0 0 0;
+  }
+}
+@media only screen and (min-width: 992px) {
+  .ui.big.modal {
+    width: 1190px;
+    margin: 0 0 0 0;
+  }
+}
+@media only screen and (min-width: 1200px) {
+  .ui.big.modal {
+    width: 1260px;
+    margin: 0 0 0 0;
+  }
+}
+@media only screen and (min-width: 1920px) {
+  .ui.big.modal {
+    width: 1330px;
+    margin: 0 0 0 0;
+  }
+}
+.ui.huge.modal > .header:not(.ui) {
+  font-size: 1.6em;
+}
+@media only screen and (max-width: 767.98px) {
+  .ui.huge.modal {
+    width: 95%;
+    margin: 0 0 0 0;
+  }
+}
+@media only screen and (min-width: 768px) {
+  .ui.huge.modal {
+    width: 88%;
+    margin: 0 0 0 0;
+  }
+}
+@media only screen and (min-width: 992px) {
+  .ui.huge.modal {
+    width: 1360px;
+    margin: 0 0 0 0;
+  }
+}
+@media only screen and (min-width: 1200px) {
+  .ui.huge.modal {
+    width: 1440px;
+    margin: 0 0 0 0;
+  }
+}
+@media only screen and (min-width: 1920px) {
+  .ui.huge.modal {
+    width: 1520px;
+    margin: 0 0 0 0;
+  }
+}
+.ui.massive.modal > .header:not(.ui) {
+  font-size: 1.8em;
+}
+@media only screen and (max-width: 767.98px) {
+  .ui.massive.modal {
+    width: 95%;
+    margin: 0 0 0 0;
+  }
+}
+@media only screen and (min-width: 768px) {
+  .ui.massive.modal {
+    width: 88%;
+    margin: 0 0 0 0;
+  }
+}
+@media only screen and (min-width: 992px) {
+  .ui.massive.modal {
+    width: 1530px;
+    margin: 0 0 0 0;
+  }
+}
+@media only screen and (min-width: 1200px) {
+  .ui.massive.modal {
+    width: 1620px;
+    margin: 0 0 0 0;
+  }
+}
+@media only screen and (min-width: 1920px) {
+  .ui.massive.modal {
+    width: 1710px;
+    margin: 0 0 0 0;
+  }
+}
 
 
 /*****************************
-          Inverted
-*******************************/
+            Inverted
+  *******************************/
 
 .ui.inverted.modal {
   background: rgba(0, 0, 0, 0.9);

data/app/assets/stylesheets/semantic-ui/modules/_popup.scss

@@ -66,8 +66,8 @@
 
 
 /*--------------
-    Tooltip
----------------*/
+      Tooltip
+  ---------------*/
 
 
 /* Content */
@@ -203,8 +203,8 @@
 }
 
 /*--------------
-    Inverted
----------------*/
+        Inverted
+    ---------------*/
 
 
 /* Arrow */
@@ -232,9 +232,12 @@
 }
 
 /*--------------
-    Position
----------------*/
+        Position
+    ---------------*/
 
+[data-position~="top"][data-tooltip]:before {
+  background: #FFFFFF;
+}
 
 /* Top Center */
 [data-position="top center"][data-tooltip]:after {
@@ -289,6 +292,11 @@
   margin-left: -0.07142857rem;
   margin-bottom: 0.14285714rem;
 }
+[data-position~="bottom"][data-tooltip]:before {
+  background: #FFFFFF;
+  -webkit-box-shadow: -1px -1px 0 0 #bababc;
+          box-shadow: -1px -1px 0 0 #bababc;
+}
 
 /* Bottom Center */
 [data-position="bottom center"][data-tooltip]:after {
@@ -352,6 +360,9 @@
   top: 50%;
   margin-top: -0.14285714rem;
   margin-right: -0.07142857rem;
+  background: #FFFFFF;
+  -webkit-box-shadow: 1px -1px 0 0 #bababc;
+          box-shadow: 1px -1px 0 0 #bababc;
 }
 
 /* Right Center */
@@ -367,27 +378,10 @@
   top: 50%;
   margin-top: -0.07142857rem;
   margin-left: 0.14285714rem;
-}
-
-/* Arrow */
-[data-position~="bottom"][data-tooltip]:before {
-  background: #FFFFFF;
-  -webkit-box-shadow: -1px -1px 0 0 #bababc;
-          box-shadow: -1px -1px 0 0 #bababc;
-}
-[data-position="left center"][data-tooltip]:before {
-  background: #FFFFFF;
-  -webkit-box-shadow: 1px -1px 0 0 #bababc;
-          box-shadow: 1px -1px 0 0 #bababc;
-}
-[data-position="right center"][data-tooltip]:before {
   background: #FFFFFF;
   -webkit-box-shadow: -1px 1px 0 0 #bababc;
           box-shadow: -1px 1px 0 0 #bababc;
 }
-[data-position~="top"][data-tooltip]:before {
-  background: #FFFFFF;
-}
 
 /* Inverted Arrow Color */
 [data-inverted][data-position~="bottom"][data-tooltip]:before {
@@ -434,37 +428,8 @@
 }
 
 /*--------------
-    Size
----------------*/
-
-[data-tooltip][data-variation~="mini"]:before,
-[data-tooltip][data-variation~="mini"]:after {
-  font-size: 0.78571429rem;
-}
-[data-tooltip][data-variation~="tiny"]:before,
-[data-tooltip][data-variation~="tiny"]:after {
-  font-size: 0.85714286rem;
-}
-[data-tooltip][data-variation~="small"]:before,
-[data-tooltip][data-variation~="small"]:after {
-  font-size: 0.92857143rem;
-}
-[data-tooltip][data-variation~="medium"]:before,
-[data-tooltip][data-variation~="medium"]:after {
-  font-size: 1rem;
-}
-[data-tooltip][data-variation~="large"]:before,
-[data-tooltip][data-variation~="large"]:after {
-  font-size: 1.14285714rem;
-}
-[data-tooltip][data-variation~="huge"]:before,
-[data-tooltip][data-variation~="huge"]:after {
-  font-size: 1.42857143rem;
-}
-
-/*--------------
-    Basic
----------------*/
+        Basic
+    ---------------*/
 
 [data-tooltip][data-variation~="basic"]:before {
   display: none;
@@ -525,8 +490,8 @@
 }
 
 /*--------------
-     Pointer
----------------*/
+       Pointer
+  ---------------*/
 
 
 /*--- Below ---*/
@@ -624,15 +589,15 @@
   -webkit-box-shadow: -1px 1px 0 0 #bababc;
           box-shadow: -1px 1px 0 0 #bababc;
 }
+.ui.right.center.popup:before,
+.ui.left.center.popup:before {
+  background: #FFFFFF;
+}
 
 /* Arrow Color By Location */
 .ui.bottom.popup:before {
   background: #FFFFFF;
 }
-.ui.right.center.popup:before,
-.ui.left.center.popup:before {
-  background: #FFFFFF;
-}
 .ui.top.popup:before {
   background: #FFFFFF;
 }
@@ -689,16 +654,16 @@
 
 
 /*--------------
-     Basic
----------------*/
+       Basic
+  ---------------*/
 
 .ui.basic.popup:before {
   display: none;
 }
 
 /*--------------
-     Wide
----------------*/
+       Wide
+  ---------------*/
 
 .ui.wide.popup {
   max-width: 350px;
@@ -714,8 +679,8 @@
 }
 
 /*--------------
-     Fluid
----------------*/
+       Fluid
+  ---------------*/
 
 .ui.fluid.popup {
   width: 100%;
@@ -723,8 +688,8 @@
 }
 
 /*--------------
-     Colors
----------------*/
+       Colors
+  ---------------*/
 
 
 /* Inverted colors  */
@@ -746,8 +711,8 @@
 }
 
 /*--------------
-     Flowing
----------------*/
+       Flowing
+  ---------------*/
 
 .ui.flowing.popup {
   max-width: none;
@@ -757,24 +722,58 @@
      Sizes
 ---------------*/
 
+.ui.popup {
+  font-size: 1rem;
+}
 .ui.mini.popup {
   font-size: 0.78571429rem;
 }
+[data-tooltip][data-variation~="mini"]:before,
+[data-tooltip][data-variation~="mini"]:after {
+  font-size: 0.78571429rem;
+}
 .ui.tiny.popup {
   font-size: 0.85714286rem;
 }
+[data-tooltip][data-variation~="tiny"]:before,
+[data-tooltip][data-variation~="tiny"]:after {
+  font-size: 0.85714286rem;
+}
 .ui.small.popup {
   font-size: 0.92857143rem;
 }
-.ui.popup {
-  font-size: 1rem;
+[data-tooltip][data-variation~="small"]:before,
+[data-tooltip][data-variation~="small"]:after {
+  font-size: 0.92857143rem;
 }
 .ui.large.popup {
   font-size: 1.14285714rem;
 }
+[data-tooltip][data-variation~="large"]:before,
+[data-tooltip][data-variation~="large"]:after {
+  font-size: 1.14285714rem;
+}
+.ui.big.popup {
+  font-size: 1.28571429rem;
+}
+[data-tooltip][data-variation~="big"]:before,
+[data-tooltip][data-variation~="big"]:after {
+  font-size: 1.28571429rem;
+}
 .ui.huge.popup {
   font-size: 1.42857143rem;
 }
+[data-tooltip][data-variation~="huge"]:before,
+[data-tooltip][data-variation~="huge"]:after {
+  font-size: 1.42857143rem;
+}
+.ui.massive.popup {
+  font-size: 1.71428571rem;
+}
+[data-tooltip][data-variation~="massive"]:before,
+[data-tooltip][data-variation~="massive"]:after {
+  font-size: 1.71428571rem;
+}
 
 
 /*******************************