fomantic-ui-sass 2.7.2 → 2.7.3

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

@@ -193,39 +193,39 @@
 
 
 /* Modal Width */
-@media only screen and (max-width: 767px) {
-  .ui.modal {
+@media only screen and (max-width: 767.99px) {
+  .ui.modal:not(.fullscreen) {
     width: 95%;
     margin: 0 0 0 0;
   }
 }
 @media only screen and (min-width: 768px) {
-  .ui.modal {
+  .ui.modal:not(.fullscreen) {
     width: 88%;
     margin: 0 0 0 0;
   }
 }
 @media only screen and (min-width: 992px) {
-  .ui.modal {
+  .ui.modal:not(.fullscreen) {
     width: 850px;
     margin: 0 0 0 0;
   }
 }
 @media only screen and (min-width: 1200px) {
-  .ui.modal {
+  .ui.modal:not(.fullscreen) {
     width: 900px;
     margin: 0 0 0 0;
   }
 }
 @media only screen and (min-width: 1920px) {
-  .ui.modal {
+  .ui.modal:not(.fullscreen) {
     width: 950px;
     margin: 0 0 0 0;
   }
 }
 
 /* Tablet and Mobile */
-@media only screen and (max-width: 991px) {
+@media only screen and (max-width: 991.99px) {
   .ui.modal > .header {
     padding-right: 2.25rem;
   }
@@ -237,11 +237,17 @@
 }
 
 /* Mobile */
-@media only screen and (max-width: 767px) {
+@media only screen and (max-width: 767.99px) {
   .ui.modal > .header {
     padding: 0.75rem 1rem !important;
     padding-right: 2.25rem !important;
   }
+  .ui.overlay.fullscreen.modal .content.content.content {
+    min-height: calc(100vh - 8.1rem);
+  }
+  .ui.overlay.fullscreen.modal .scrolling.content.content.content {
+    max-height: calc(100vh - 8.1rem);
+  }
   .ui.modal > .content {
     display: block;
     padding: 1rem !important;
@@ -333,14 +339,20 @@
 /* Resort to margin positioning if legacy */
 .ui.legacy.legacy.modal,
 .ui.legacy.legacy.page.dimmer > .ui.modal {
-  top: 50% !important;
   left: 50% !important;
 }
-.ui.legacy.legacy.page.dimmer > .ui.scrolling.modal,
-.ui.page.dimmer > .ui.scrolling.legacy.legacy.modal,
-.ui.top.aligned.legacy.legacy.page.dimmer > .ui.modal,
-.ui.top.aligned.dimmer > .ui.legacy.legacy.modal {
-  top: auto !important;
+.ui.legacy.legacy.modal:not(.aligned),
+.ui.legacy.legacy.page.dimmer > .ui.modal:not(.aligned) {
+  top: 50%;
+}
+.ui.legacy.legacy.page.dimmer > .ui.scrolling.modal:not(.aligned),
+.ui.page.dimmer > .ui.scrolling.legacy.legacy.modal:not(.aligned),
+.ui.top.aligned.legacy.legacy.page.dimmer > .ui.modal:not(.aligned),
+.ui.top.aligned.dimmer > .ui.legacy.legacy.modal:not(.aligned) {
+  top: auto;
+}
+.ui.legacy.overlay.fullscreen.modal {
+  margin-top: -1rem !important;
 }
 
 
@@ -364,27 +376,21 @@
 
 
 /*--------------
-   Top Aligned
+   Aligned
 ---------------*/
 
-
-/* Top Aligned Modal */
-.modals.dimmer[class*="top aligned"] .modal {
-  margin: 5vh auto;
-}
-@media only screen and (max-width: 767px) {
-  .modals.dimmer[class*="top aligned"] .modal {
-    margin: 1rem auto;
-  }
+.ui.top.aligned.modal {
+  top: 5vh;
 }
-
-/* Legacy Top Aligned */
-.legacy.modals.dimmer[class*="top aligned"] {
-  padding-top: 5vh;
+.ui.bottom.aligned.modal {
+  bottom: 5vh;
 }
-@media only screen and (max-width: 767px) {
-  .legacy.modals.dimmer[class*="top aligned"] {
-    padding-top: 1rem;
+@media only screen and (max-width: 767.99px) {
+  .ui.top.aligned.modal {
+    top: 1rem;
+  }
+  .ui.bottom.aligned.modal {
+    bottom: 1rem;
   }
 }
 
@@ -407,7 +413,7 @@
   overflow: auto;
   -webkit-overflow-scrolling: touch;
 }
-.modals.dimmer .ui.scrolling.modal {
+.modals.dimmer .ui.scrolling.modal:not(.fullscreen) {
   margin: 1rem auto;
 }
 
@@ -419,7 +425,7 @@
 .scrolling.undetached.dimmable.dimmed > .dimmer {
   overflow: hidden;
 }
-.scrolling.undetached.dimmable .ui.scrolling.modal {
+.scrolling.undetached.dimmable .ui.scrolling.modal:not(.fullscreen) {
   position: absolute;
   left: 50%;
   margin-top: 1rem !important;
@@ -427,19 +433,32 @@
 
 /* Scrolling Content */
 .ui.modal .scrolling.content {
-  max-height: calc(80vh - 10em);
+  max-height: calc(80vh - 10rem);
   overflow: auto;
 }
+.ui.overlay.fullscreen.modal .content {
+  min-height: calc(100vh - 9.1rem);
+}
+.ui.overlay.fullscreen.modal .scrolling.content {
+  max-height: calc(100vh - 9.1rem);
+}
 
 /*--------------
    Full Screen
 ---------------*/
 
 .ui.fullscreen.modal {
-  width: 95% !important;
-  left: 2.5% !important;
+  width: 95%;
+  left: 2.5%;
   margin: 1em auto;
 }
+.ui.overlay.fullscreen.modal {
+  width: 100%;
+  left: 0;
+  margin: 0 auto;
+  top: 0;
+  border-radius: 0;
+}
 .ui.fullscreen.modal > .header {
   padding-right: 2.25rem;
 }
@@ -466,7 +485,7 @@
 }
 
 /* Mini Modal Width */
-@media only screen and (max-width: 767px) {
+@media only screen and (max-width: 767.99px) {
   .ui.mini.modal {
     width: 95%;
     margin: 0 0 0 0;
@@ -503,7 +522,7 @@
 }
 
 /* Tiny Modal Width */
-@media only screen and (max-width: 767px) {
+@media only screen and (max-width: 767.99px) {
   .ui.tiny.modal {
     width: 95%;
     margin: 0 0 0 0;
@@ -540,7 +559,7 @@
 }
 
 /* Small Modal Width */
-@media only screen and (max-width: 767px) {
+@media only screen and (max-width: 767.99px) {
   .ui.small.modal {
     width: 95%;
     margin: 0 0 0 0;
@@ -575,7 +594,7 @@
 .ui.large.modal > .header {
   font-size: 1.6em;
 }
-@media only screen and (max-width: 767px) {
+@media only screen and (max-width: 767.99px) {
   .ui.large.modal {
     width: 95%;
     margin: 0 0 0 0;
@@ -627,7 +646,7 @@
 .ui.inverted.dimmer > .modal > .close {
   color: rgba(0, 0, 0, 0.85);
 }
-@media only screen and (max-width: 991px) {
+@media only screen and (max-width: 991.99px) {
   .ui.dimmer .inverted.modal > .close {
     color: #FFFFFF;
   }

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

@@ -706,7 +706,7 @@
 .ui[class*="very wide"].popup {
   max-width: 550px;
 }
-@media only screen and (max-width: 767px) {
+@media only screen and (max-width: 767.99px) {
   .ui.wide.popup,
   .ui[class*="very wide"].popup {
     max-width: 250px;

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

@@ -49,9 +49,10 @@
   border-radius: 0.28571429rem;
   -webkit-transition: width 0.1s ease, background-color 0.1s ease;
   transition: width 0.1s ease, background-color 0.1s ease;
+  overflow: hidden;
 }
-.ui.progress:not([data-percent]) .bar,
-.ui.progress[data-percent="0"] .bar {
+.ui.ui.ui.progress:not([data-percent]) .bar,
+.ui.ui.ui.progress[data-percent="0"] .bar {
   background: transparent;
 }
 .ui.progress[data-percent="0"] .bar .progress {
@@ -216,6 +217,13 @@
   color: #1A531B;
 }
 
+/* Multiple */
+.ui.multiple.progress {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+}
+
 
 /*******************************
              States
@@ -226,7 +234,7 @@
      Success
 ---------------*/
 
-.ui.progress.success .bar {
+.ui.ui.progress.success .bar {
   background-color: #21BA45;
 }
 .ui.ui.progress.success .bar,
@@ -242,7 +250,7 @@
      Warning
 ---------------*/
 
-.ui.progress.warning .bar {
+.ui.ui.progress.warning .bar {
   background-color: #F2C037;
 }
 .ui.ui.progress.warning .bar,
@@ -258,7 +266,7 @@
      Error
 ---------------*/
 
-.ui.progress.error .bar {
+.ui.ui.progress.error .bar {
   background-color: #DB2828;
 }
 .ui.ui.progress.error .bar,
@@ -417,94 +425,124 @@
      Colors
 ---------------*/
 
-.ui.primary.progress .bar {
+.ui.primary.progress .bar,
+.ui.progress .primary.bar {
   background-color: #2185D0;
 }
-.ui.primary.inverted.progress .bar {
+.ui.primary.inverted.progress .bar,
+.ui.inverted.progress .primary.bar {
   background-color: #54C8FF;
 }
-.ui.secondary.progress .bar {
+.ui.secondary.progress .bar,
+.ui.progress .secondary.bar {
   background-color: #1B1C1D;
 }
-.ui.secondary.inverted.progress .bar {
+.ui.secondary.inverted.progress .bar,
+.ui.inverted.progress .secondary.bar {
   background-color: #545454;
 }
-.ui.red.progress .bar {
+.ui.red.progress .bar,
+.ui.progress .red.bar {
   background-color: #DB2828;
 }
-.ui.red.inverted.progress .bar {
+.ui.red.inverted.progress .bar,
+.ui.inverted.progress .red.bar {
   background-color: #FF695E;
 }
-.ui.orange.progress .bar {
+.ui.orange.progress .bar,
+.ui.progress .orange.bar {
   background-color: #F2711C;
 }
-.ui.orange.inverted.progress .bar {
+.ui.orange.inverted.progress .bar,
+.ui.inverted.progress .orange.bar {
   background-color: #FF851B;
 }
-.ui.yellow.progress .bar {
+.ui.yellow.progress .bar,
+.ui.progress .yellow.bar {
   background-color: #FBBD08;
 }
-.ui.yellow.inverted.progress .bar {
+.ui.yellow.inverted.progress .bar,
+.ui.inverted.progress .yellow.bar {
   background-color: #FFE21F;
 }
-.ui.olive.progress .bar {
+.ui.olive.progress .bar,
+.ui.progress .olive.bar {
   background-color: #B5CC18;
 }
-.ui.olive.inverted.progress .bar {
+.ui.olive.inverted.progress .bar,
+.ui.inverted.progress .olive.bar {
   background-color: #D9E778;
 }
-.ui.green.progress .bar {
+.ui.green.progress .bar,
+.ui.progress .green.bar {
   background-color: #21BA45;
 }
-.ui.green.inverted.progress .bar {
+.ui.green.inverted.progress .bar,
+.ui.inverted.progress .green.bar {
   background-color: #2ECC40;
 }
-.ui.teal.progress .bar {
+.ui.teal.progress .bar,
+.ui.progress .teal.bar {
   background-color: #00B5AD;
 }
-.ui.teal.inverted.progress .bar {
+.ui.teal.inverted.progress .bar,
+.ui.inverted.progress .teal.bar {
   background-color: #6DFFFF;
 }
-.ui.blue.progress .bar {
+.ui.blue.progress .bar,
+.ui.progress .blue.bar {
   background-color: #2185D0;
 }
-.ui.blue.inverted.progress .bar {
+.ui.blue.inverted.progress .bar,
+.ui.inverted.progress .blue.bar {
   background-color: #54C8FF;
 }
-.ui.violet.progress .bar {
+.ui.violet.progress .bar,
+.ui.progress .violet.bar {
   background-color: #6435C9;
 }
-.ui.violet.inverted.progress .bar {
+.ui.violet.inverted.progress .bar,
+.ui.inverted.progress .violet.bar {
   background-color: #A291FB;
 }
-.ui.purple.progress .bar {
+.ui.purple.progress .bar,
+.ui.progress .purple.bar {
   background-color: #A333C8;
 }
-.ui.purple.inverted.progress .bar {
+.ui.purple.inverted.progress .bar,
+.ui.inverted.progress .purple.bar {
   background-color: #DC73FF;
 }
-.ui.pink.progress .bar {
+.ui.pink.progress .bar,
+.ui.progress .pink.bar {
   background-color: #E03997;
 }
-.ui.pink.inverted.progress .bar {
+.ui.pink.inverted.progress .bar,
+.ui.inverted.progress .pink.bar {
   background-color: #FF8EDF;
 }
-.ui.brown.progress .bar {
+.ui.brown.progress .bar,
+.ui.progress .brown.bar {
   background-color: #A5673F;
 }
-.ui.brown.inverted.progress .bar {
+.ui.brown.inverted.progress .bar,
+.ui.inverted.progress .brown.bar {
   background-color: #D67C1C;
 }
-.ui.grey.progress .bar {
+.ui.grey.progress .bar,
+.ui.progress .grey.bar {
   background-color: #767676;
 }
-.ui.grey.inverted.progress .bar {
+.ui.grey.inverted.progress .bar,
+.ui.inverted.progress .grey.bar {
   background-color: #DCDDDE;
 }
-.ui.black.progress .bar {
+.ui.black.progress .bar,
+.ui.progress .black.bar {
   background-color: #1B1C1D;
 }
-.ui.black.inverted.progress .bar {
+.ui.black.inverted.progress .bar,
+.ui.inverted.progress .black.bar {
   background-color: #545454;
 }
 

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

@@ -422,7 +422,7 @@
       Mobile
 ---------------*/
 
-@media only screen and (max-width: 767px) {
+@media only screen and (max-width: 767.99px) {
   .ui.search .results {
     max-width: calc(100vw - 2rem);
   }