fomantic-ui-sass 2.7.8 → 2.8.4

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

@@ -45,6 +45,9 @@
   border-bottom-left-radius: 0.28571429rem;
   border-bottom-right-radius: 0.28571429rem;
 }
+.ui.modal > .ui.dimmer {
+  border-radius: inherit;
+}
 
 
 /*******************************
@@ -321,6 +324,7 @@
 }
 .ui.basic.modal > .header {
   color: #FFFFFF;
+  border-bottom: none;
 }
 .ui.basic.modal > .close {
   top: 1rem;
@@ -350,7 +354,7 @@
   top: auto;
 }
 .ui.legacy.overlay.fullscreen.modal {
-  margin-top: -1rem !important;
+  margin-top: -2rem !important;
 }
 
 
@@ -374,27 +378,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 +416,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 +437,6 @@
 .scrolling.undetached.dimmable .ui.scrolling.modal:not(.fullscreen) {
   position: absolute;
   left: 50%;
-  margin-top: 1rem !important;
 }
 
 /* Scrolling Content */
@@ -442,8 +452,8 @@
 }
 
 /*--------------
-   Full Screen
----------------*/
+     Full Screen
+  ---------------*/
 
 .ui.fullscreen.modal {
   width: 95%;
@@ -457,9 +467,11 @@
   top: 0;
   border-radius: 0;
 }
+.ui.modal > .close.inside + .header,
 .ui.fullscreen.modal > .header {
   padding-right: 2.25rem;
 }
+.ui.modal > .close.inside,
 .ui.fullscreen.modal > .close {
   top: 1.0535rem;
   right: 1rem;
@@ -476,13 +488,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 +521,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 +554,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 +587,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 +620,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);
@@ -649,6 +746,7 @@
     color: #FFFFFF;
   }
 }
+.ui.inverted.modal > .close.inside,
 .ui.inverted.fullscreen.modal > .close {
   color: #FFFFFF;
 }

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

@@ -66,8 +66,8 @@
 
 
 /*--------------
-    Tooltip
----------------*/
+      Tooltip
+  ---------------*/
 
 
 /* Content */
@@ -137,32 +137,31 @@
 [data-tooltip]:after {
   pointer-events: none;
   visibility: hidden;
+  opacity: 0;
+  -webkit-transition: opacity 0.1s ease, -webkit-transform 0.1s ease;
+  transition: opacity 0.1s ease, -webkit-transform 0.1s ease;
+  transition: transform 0.1s ease, opacity 0.1s ease;
+  transition: transform 0.1s ease, opacity 0.1s ease, -webkit-transform 0.1s ease;
 }
 [data-tooltip]:before {
-  opacity: 0;
   -webkit-transform: rotate(45deg) scale(0) !important;
           transform: rotate(45deg) scale(0) !important;
   -webkit-transform-origin: center top;
           transform-origin: center top;
-  -webkit-transition: all 0.1s ease;
-  transition: all 0.1s ease;
 }
 [data-tooltip]:after {
-  opacity: 1;
   -webkit-transform-origin: center bottom;
           transform-origin: center bottom;
-  -webkit-transition: all 0.1s ease;
-  transition: all 0.1s ease;
 }
 [data-tooltip]:hover:before,
 [data-tooltip]:hover:after {
   visibility: visible;
   pointer-events: auto;
+  opacity: 1;
 }
 [data-tooltip]:hover:before {
   -webkit-transform: rotate(45deg) scale(1) !important;
           transform: rotate(45deg) scale(1) !important;
-  opacity: 1;
 }
 
 /* Animation Position */
@@ -201,10 +200,25 @@
   -webkit-transform: scale(1) !important;
           transform: scale(1) !important;
 }
+[data-tooltip][data-variation~="fixed"]:after {
+  white-space: normal;
+  width: 250px;
+}
+[data-tooltip][data-variation*="wide fixed"]:after {
+  width: 350px;
+}
+[data-tooltip][data-variation*="very wide fixed"]:after {
+  width: 550px;
+}
+@media only screen and (max-width: 767.98px) {
+  [data-tooltip][data-variation~="fixed"]:after {
+    width: 250px;
+  }
+}
 
 /*--------------
-    Inverted
----------------*/
+        Inverted
+    ---------------*/
 
 
 /* Arrow */
@@ -232,9 +246,12 @@
 }
 
 /*--------------
-    Position
----------------*/
+        Position
+    ---------------*/
 
+[data-position~="top"][data-tooltip]:before {
+  background: #FFFFFF;
+}
 
 /* Top Center */
 [data-position="top center"][data-tooltip]:after {
@@ -289,6 +306,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 +374,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 +392,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 +442,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 +504,8 @@
 }
 
 /*--------------
-     Pointer
----------------*/
+       Pointer
+  ---------------*/
 
 
 /*--- Below ---*/
@@ -624,15 +603,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,33 +668,46 @@
 
 
 /*--------------
-     Basic
----------------*/
+       Basic
+  ---------------*/
 
 .ui.basic.popup:before {
   display: none;
 }
+.ui.fixed.popup {
+  width: 250px;
+}
 
 /*--------------
-     Wide
----------------*/
+       Wide
+  ---------------*/
 
 .ui.wide.popup {
   max-width: 350px;
 }
+.ui.wide.popup.fixed {
+  width: 350px;
+}
 .ui[class*="very wide"].popup {
   max-width: 550px;
 }
+.ui[class*="very wide"].popup.fixed {
+  width: 550px;
+}
 @media only screen and (max-width: 767.98px) {
   .ui.wide.popup,
   .ui[class*="very wide"].popup {
     max-width: 250px;
   }
+  .ui.wide.popup.fixed,
+  .ui[class*="very wide"].popup.fixed {
+    width: 250px;
+  }
 }
 
 /*--------------
-     Fluid
----------------*/
+       Fluid
+  ---------------*/
 
 .ui.fluid.popup {
   width: 100%;
@@ -723,8 +715,8 @@
 }
 
 /*--------------
-     Colors
----------------*/
+       Colors
+  ---------------*/
 
 
 /* Inverted colors  */
@@ -746,8 +738,8 @@
 }
 
 /*--------------
-     Flowing
----------------*/
+       Flowing
+  ---------------*/
 
 .ui.flowing.popup {
   max-width: none;
@@ -757,24 +749,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;
+}
 
 
 /*******************************