fomantic-ui-sass 2.7.2 → 2.7.3

data/app/assets/stylesheets/semantic-ui/collections/_table.scss

@@ -154,7 +154,7 @@
 }
 
 /* Responsive */
-@media only screen and (max-width: 767px) {
+@media only screen and (max-width: 767.99px) {
   .ui.table:not(.unstackable) {
     width: 100%;
     padding: 0;
@@ -386,7 +386,7 @@
     Stackable
 ---------------*/
 
-@media only screen and (max-width: 991px) {
+@media only screen and (max-width: 991.99px) {
   .ui[class*="tablet stackable"].table,
   .ui[class*="tablet stackable"].table tbody,
   .ui[class*="tablet stackable"].table tr,
@@ -1138,7 +1138,7 @@
   color: rgba(255, 255, 255, 0.9);
   border: none;
 }
-.ui.inverted.table th {
+.ui.ui.inverted.table th {
   background-color: rgba(0, 0, 0, 0.15);
   border-color: rgba(255, 255, 255, 0.1);
   color: rgba(255, 255, 255, 0.9);
@@ -1153,6 +1153,12 @@
   pointer-events: none;
   color: rgba(225, 225, 225, 0.3);
 }
+.ui.inverted.table tr td.disabled:not([class="disabled"]),
+.ui.inverted.table tr.disabled:not([class="disabled"]) td,
+.ui.inverted.table tr.disabled td[class]:not(.disabled),
+.ui.inverted.table tr:hover td.disabled:not([class="disabled"]) {
+  color: rgba(40, 40, 40, 0.3);
+}
 
 /* Definition */
 .ui.inverted.definition.table tfoot:not(.full-width) th:first-child,
@@ -1229,6 +1235,9 @@
 .ui.celled.table tr td {
   border-left: 1px solid rgba(34, 36, 38, 0.1);
 }
+.ui.inverted.celled.table tr td {
+  border-left: 1px solid rgba(255, 255, 255, 0.1);
+}
 .ui.celled.table tr th:first-child,
 .ui.celled.table tr td:first-child {
   border-left: none;

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

@@ -1033,13 +1033,6 @@
   border-bottom-left-radius: 0.28571429rem;
 }
 
-/* Fluid Labeled */
-.ui.fluid[class*="left labeled"].icon.button,
-.ui.fluid[class*="right labeled"].icon.button {
-  padding-left: 1.5em !important;
-  padding-right: 1.5em !important;
-}
-
 /* Loading Icon in Labeled Button */
 .ui.labeled.icon.button > .loading.icon:before {
   -webkit-animation: loader 2s linear infinite;
@@ -4216,7 +4209,7 @@
           box-shadow: 0 0 0 1px #198f35 inset;
   color: #198f35;
 }
-.ui.buttons:not(.vertical) > .basic.primary.button:not(:first-child) {
+.ui.buttons:not(.vertical) > .basic.positive.button:not(:first-child) {
   margin-left: -1px;
 }
 
@@ -4299,7 +4292,7 @@
           box-shadow: 0 0 0 1px #b21e1e inset;
   color: #b21e1e;
 }
-.ui.buttons:not(.vertical) > .basic.primary.button:not(:first-child) {
+.ui.buttons:not(.vertical) > .basic.negative.button:not(:first-child) {
   margin-left: -1px;
 }
 
@@ -4342,8 +4335,7 @@
   border-radius: 0;
   margin: 0 0 0 0;
 }
-.ui.buttons > .ui.button:not(.basic):not(.inverted),
-.ui.buttons:not(.basic):not(.inverted) > .button {
+.ui.buttons:not(.basic):not(.inverted) > .button:not(.basic):not(.inverted) {
   -webkit-box-shadow: 0 0 0 1px transparent inset, 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
           box-shadow: 0 0 0 1px transparent inset, 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
 }

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

@@ -21,7 +21,7 @@
 }
 
 /* Mobile */
-@media only screen and (max-width: 767px) {
+@media only screen and (max-width: 767.99px) {
   .ui.container {
     width: auto !important;
     margin-left: 1em !important;
@@ -39,7 +39,7 @@
 }
 
 /* Tablet */
-@media only screen and (min-width: 768px) and (max-width: 991px) {
+@media only screen and (min-width: 768px) and (max-width: 991.99px) {
   .ui.container {
     width: 723px;
     margin-left: auto !important;
@@ -57,7 +57,7 @@
 }
 
 /* Small Monitor */
-@media only screen and (min-width: 992px) and (max-width: 1199px) {
+@media only screen and (min-width: 992px) and (max-width: 1199.99px) {
   .ui.container {
     width: 933px;
     margin-left: auto !important;

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

@@ -114,7 +114,7 @@
 }
 
 /* Inside grid */
-@media only screen and (max-width: 767px) {
+@media only screen and (max-width: 767.99px) {
   .ui.stackable.grid .ui.vertical.divider,
   .ui.grid .stackable.row .ui.vertical.divider {
     display: table;

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

@@ -513,6 +513,9 @@
 .ui.mini.input {
   font-size: 0.78571429em;
 }
+.ui.tiny.input {
+  font-size: 0.85714286em;
+}
 .ui.small.input {
   font-size: 0.92857143em;
 }

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

@@ -285,9 +285,10 @@ a.ui.label {
 }
 .ui.corner.label .icon {
   cursor: inherit;
-  position: relative;
+  position: absolute;
   top: 0.64285714em;
-  left: 0.78571429em;
+  left: auto;
+  right: 0.57142857em;
   font-size: 1.14285714em;
   margin: 0;
 }
@@ -306,7 +307,8 @@ a.ui.label {
   border-top-color: inherit;
 }
 .ui.left.corner.label .icon {
-  left: -0.78571429em;
+  left: 0.57142857em;
+  right: auto;
 }
 
 /* Segment */
@@ -393,10 +395,10 @@ a.ui.label {
 
 /* Inside Table */
 .ui.table td > .ui.ribbon.label {
-  left: calc(-0.7857142857142857em - 1.2em);
+  left: calc(-1em - 1.2em);
 }
 .ui.table td > .ui[class*="right ribbon"].label {
-  left: calc(100% + 0.7857142857142857em + 1.2em);
+  left: calc(100% + 1em + 1.2em);
   padding-left: 0.833em;
 }
 

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

@@ -52,6 +52,7 @@
 
 
 /* Header */
+.ui.inverted.segment > .ui.header > .sub.header,
 .ui.inverted.segment > .ui.header {
   color: #FFFFFF;
 }
@@ -447,15 +448,16 @@
 }
 
 /* Horizontal Segment */
-.ui.horizontal.segments > .segment {
+.ui.horizontal.segments:not(.compact) > .segment:not(.compact) {
   -webkit-box-flex: 1;
           flex: 1 1 auto;
   -ms-flex: 1 1 0;
   
 /* Solves #2550 MS Flex */
+}
+.ui.horizontal.segments > .segment {
   margin: 0;
   min-width: 0;
-  background-color: transparent;
   border-radius: 0;
   border: none;
   -webkit-box-shadow: none;
@@ -552,11 +554,9 @@
 --------------------*/
 
 .ui.clearing.segment:after {
-  content: ".";
+  content: "";
   display: block;
-  height: 0;
   clear: both;
-  visibility: hidden;
 }
 
 /*-------------------

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

@@ -275,7 +275,7 @@
 
 
 /* Mobile (Default) */
-@media only screen and (max-width: 767px) {
+@media only screen and (max-width: 767.99px) {
   .ui.steps:not(.unstackable) {
     display: -webkit-inline-box;
     display: -ms-inline-flexbox;
@@ -294,6 +294,8 @@
             flex-direction: column;
     border-radius: 0;
     padding: 1.14285714em 2em;
+    border-right: none;
+    border-bottom: 1px solid rgba(34, 36, 38, 0.15);
   }
   .ui.steps:not(.unstackable) .step:first-child {
     padding: 1.14285714em 2em;
@@ -301,11 +303,19 @@
   }
   .ui.steps:not(.unstackable) .step:last-child {
     border-radius: 0 0 0.28571429rem 0.28571429rem;
+    border-bottom: none;
   }
   
 /* Arrow */
   .ui.steps:not(.unstackable) .step:after {
-    display: none !important;
+    top: unset;
+    bottom: -1.14285714em;
+    right: 50%;
+    -webkit-transform: translateY(-50%) translateX(50%) rotate(45deg);
+            transform: translateY(-50%) translateX(50%) rotate(45deg);
+  }
+  .ui.vertical.steps .active.step:last-child:after {
+    display: none;
   }
   
 /* Content */
@@ -414,7 +424,7 @@
 
 
 /* Tablet Or Below */
-@media only screen and (max-width: 991px) {
+@media only screen and (max-width: 991.99px) {
   .ui[class*="tablet stackable"].steps {
     display: -webkit-inline-box;
     display: -ms-inline-flexbox;
@@ -434,6 +444,8 @@
             flex-direction: column;
     border-radius: 0;
     padding: 1.14285714em 2em;
+    border-right: none;
+    border-bottom: 1px solid rgba(34, 36, 38, 0.15);
   }
   .ui[class*="tablet stackable"].steps .step:first-child {
     padding: 1.14285714em 2em;
@@ -441,11 +453,16 @@
   }
   .ui[class*="tablet stackable"].steps .step:last-child {
     border-radius: 0 0 0.28571429rem 0.28571429rem;
+    border-bottom: none;
   }
   
 /* Arrow */
   .ui[class*="tablet stackable"].steps .step:after {
-    display: none !important;
+    top: unset;
+    bottom: -1.14285714em;
+    right: 50%;
+    -webkit-transform: translateY(-50%) translateX(50%) rotate(45deg);
+            transform: translateY(-50%) translateX(50%) rotate(45deg);
   }
   
 /* Content */

data/app/assets/stylesheets/semantic-ui/globals/_site.scss

@@ -33,7 +33,6 @@ body {
   font-size: 14px;
   line-height: 1.4285em;
   color: rgba(0, 0, 0, 0.87);
-  font-smoothing: antialiased;
 }
 
 

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

@@ -109,6 +109,10 @@
   cursor: default;
   color: rgba(40, 40, 40, 0.3);
 }
+.ui.calendar .ui.table tr .adjacent:not(.disabled) {
+  color: rgba(0, 0, 0, 0.6);
+  background: rgba(0, 0, 0, 0.03);
+}
 
 /*--------------
      States

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

@@ -198,6 +198,12 @@
   opacity: 1;
   color: rgba(0, 0, 0, 0.95);
 }
+.ui.indeterminate.toggle.checkbox input:not([type=radio]):indeterminate ~ label:before {
+  background: rgba(0, 0, 0, 0.15);
+}
+.ui.indeterminate.toggle.checkbox input:not([type=radio]) ~ label:after {
+  left: 1.075rem;
+}
 
 /*--------------
   Active Focus

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

@@ -248,7 +248,7 @@ body.dimmable > .dimmer {
 .ui.simple.dimmer {
   display: block;
   overflow: hidden;
-  opacity: 1;
+  opacity: 0;
   width: 0;
   height: 0;
   z-index: -100;

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

@@ -437,25 +437,73 @@ select.ui.dropdown {
 .ui.selection.dropdown .menu > .message {
   padding: 0.78571429rem 1.14285714rem;
 }
-@media only screen and (max-width: 767px) {
+@media only screen and (max-width: 767.99px) {
+  .ui.selection.dropdown[class*="very short"] .menu {
+    max-height: 4.00714286rem;
+  }
+  .ui.selection.dropdown.short .menu {
+    max-height: 6.01071429rem;
+  }
   .ui.selection.dropdown .menu {
     max-height: 8.01428571rem;
   }
+  .ui.selection.dropdown.long .menu {
+    max-height: 16.02857143rem;
+  }
+  .ui.selection.dropdown[class*="very long"] .menu {
+    max-height: 24.04285714rem;
+  }
 }
 @media only screen and (min-width: 768px) {
+  .ui.selection.dropdown[class*="very short"] .menu {
+    max-height: 5.34285714rem;
+  }
+  .ui.selection.dropdown.short .menu {
+    max-height: 8.01428571rem;
+  }
   .ui.selection.dropdown .menu {
     max-height: 10.68571429rem;
   }
+  .ui.selection.dropdown.long .menu {
+    max-height: 21.37142857rem;
+  }
+  .ui.selection.dropdown[class*="very long"] .menu {
+    max-height: 32.05714286rem;
+  }
 }
 @media only screen and (min-width: 992px) {
+  .ui.selection.dropdown[class*="very short"] .menu {
+    max-height: 8.01428571rem;
+  }
+  .ui.selection.dropdown.short .menu {
+    max-height: 12.02142857rem;
+  }
   .ui.selection.dropdown .menu {
     max-height: 16.02857143rem;
   }
+  .ui.selection.dropdown.long .menu {
+    max-height: 32.05714286rem;
+  }
+  .ui.selection.dropdown[class*="very long"] .menu {
+    max-height: 48.08571429rem;
+  }
 }
 @media only screen and (min-width: 1920px) {
+  .ui.selection.dropdown[class*="very short"] .menu {
+    max-height: 10.68571429rem;
+  }
+  .ui.selection.dropdown.short .menu {
+    max-height: 16.02857143rem;
+  }
   .ui.selection.dropdown .menu {
     max-height: 21.37142857rem;
   }
+  .ui.selection.dropdown.long .menu {
+    max-height: 42.74285714rem;
+  }
+  .ui.selection.dropdown[class*="very long"] .menu {
+    max-height: 64.11428571rem;
+  }
 }
 
 /* Menu Item */
@@ -623,7 +671,7 @@ select.ui.dropdown {
           backface-visibility: hidden;
   -webkit-overflow-scrolling: touch;
 }
-@media only screen and (max-width: 767px) {
+@media only screen and (max-width: 767.99px) {
   .ui.search.dropdown .menu {
     max-height: 8.01428571rem;
   }
@@ -1139,7 +1187,7 @@ select.ui.dropdown {
     min-width: calc(100% - 17px);
   }
 }
-@media only screen and (max-width: 767px) {
+@media only screen and (max-width: 767.99px) {
   .ui.scrolling.dropdown .menu,
   .ui.dropdown .scrolling.menu {
     max-height: 10.28571429rem;
@@ -1164,6 +1212,27 @@ select.ui.dropdown {
   }
 }
 
+/*--------------
+     Columnar
+---------------*/
+
+.ui.dropdown[class*="two column"] > .menu > .item {
+  display: inline-block;
+  width: 50%;
+}
+.ui.dropdown[class*="three column"] > .menu > .item {
+  display: inline-block;
+  width: 33%;
+}
+.ui.dropdown[class*="four column"] > .menu > .item {
+  display: inline-block;
+  width: 25%;
+}
+.ui.dropdown[class*="five column"] > .menu > .item {
+  display: inline-block;
+  width: 20%;
+}
+
 /*--------------
      Simple
 ---------------*/