fomantic-ui-sass 2.8.7.1 → 2.8.8

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

@@ -1,5 +1,5 @@
 /*!
- * # Fomantic-UI - Dropdown
+ * # Fomantic-UI 2.8.8 - Dropdown
  * http://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -84,6 +84,7 @@
 .ui.dropdown:not(.labeled) > .dropdown.icon {
   position: relative;
   width: auto;
+  min-width: 1em;
   font-size: 0.85714286em;
   margin: 0 0 0 1em;
 }
@@ -266,6 +267,7 @@
 
 
 /* Icons / Flags / Labels / Image */
+.ui.dropdown > .text > i.icons,
 .ui.dropdown > .text > i.icon,
 .ui.dropdown > .text > .label,
 .ui.dropdown > .text > .flag,
@@ -273,6 +275,7 @@
 .ui.dropdown > .text > .image {
   margin-top: 0em;
 }
+.ui.dropdown .menu > .item > i.icons,
 .ui.dropdown .menu > .item > i.icon,
 .ui.dropdown .menu > .item > .label,
 .ui.dropdown .menu > .item > .flag,
@@ -280,11 +283,13 @@
 .ui.dropdown .menu > .item > img {
   margin-top: 0em;
 }
+.ui.dropdown > .text > i.icons,
 .ui.dropdown > .text > i.icon,
 .ui.dropdown > .text > .label,
 .ui.dropdown > .text > .flag,
 .ui.dropdown > .text > img,
 .ui.dropdown > .text > .image,
+.ui.dropdown .menu > .item > i.icons,
 .ui.dropdown .menu > .item > i.icon,
 .ui.dropdown .menu > .item > .label,
 .ui.dropdown .menu > .item > .flag,
@@ -779,12 +784,18 @@ select.ui.dropdown {
   font-size: 0.85714286em;
   margin: -0.78571429em;
   padding: 0.91666667em;
-  right: 3em;
+  right: 2em;
   top: 0.78571429em;
   position: absolute;
   opacity: 0.6;
   z-index: 3;
 }
+.ui.selection.dropdown > .remove.icon {
+  right: 3em;
+}
+.ui.inline.dropdown > .remove.icon {
+  right: 2.2em;
+}
 .ui.clearable.dropdown .text,
 .ui.clearable.dropdown a:last-of-type {
   margin-right: 1.5em;
@@ -795,6 +806,12 @@ select.ui.dropdown {
 .ui.dropdown.loading > .remove.icon {
   display: none;
 }
+.ui.dropdown:not(.selection) > .remove.icon ~ .dropdown.icon {
+  margin-left: 1.5em;
+}
+.ui.dropdown:not(.selection) > .remove.icon {
+  margin-top: -1.35em;
+}
 
 /*--------------
       Multiple
@@ -1186,11 +1203,13 @@ select.ui.dropdown {
         Clear
 ----------------------*/
 
+.ui.dropdown > .remove.icon,
 .ui.dropdown > .clear.dropdown.icon {
-  opacity: 0.8;
+  opacity: 0.6;
   -webkit-transition: opacity 0.1s ease;
   transition: opacity 0.1s ease;
 }
+.ui.dropdown > .remove.icon:hover,
 .ui.dropdown > .clear.dropdown.icon:hover {
   opacity: 1;
 }
@@ -1208,6 +1227,15 @@ select.ui.dropdown {
   opacity: 0.45;
 }
 
+/*--------------------
+          Read-Only
+  ----------------------*/
+
+.ui.read-only.dropdown {
+  cursor: default;
+  pointer-events: none;
+}
+
 
 /*******************************
            Variations
@@ -1402,6 +1430,29 @@ select.ui.dropdown {
   }
 }
 
+/*--------------------
+          Labeled
+  ---------------------*/
+
+
+/* Regular Label on Left */
+.ui.labeled.input:not([class*="corner labeled"]) .label:first-child + .dropdown {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+  border-left-color: transparent;
+}
+
+/* Regular Label on Right */
+.ui[class*="right labeled"].input > .dropdown:not(:last-child) {
+  border-top-right-radius: 0 !important;
+  border-bottom-right-radius: 0 !important;
+  border-right-color: transparent !important;
+}
+.ui[class*="right labeled"].input > .dropdown + .label {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+}
+
 /*--------------
      Columnar
 ---------------*/
@@ -1777,40 +1828,49 @@ select.ui.dropdown {
 
 
 /* General rules and basic dropdowns */
+.ui.dropdown .inverted.menu,
 .ui.inverted.dropdown .menu {
   background: #1B1C1D;
   -webkit-box-shadow: none;
           box-shadow: none;
   border: 1px solid rgba(255, 255, 255, 0.15);
 }
+.ui.dropdown .inverted.menu > .item,
 .ui.inverted.dropdown .menu > .item {
   color: rgba(255, 255, 255, 0.8);
 }
+.ui.dropdown .inverted.menu .active.item,
 .ui.inverted.dropdown .menu .active.item {
   background: transparent;
   color: rgba(255, 255, 255, 0.8);
   -webkit-box-shadow: none;
           box-shadow: none;
 }
+.ui.dropdown .inverted.menu > .item:hover,
 .ui.inverted.dropdown .menu > .item:hover {
   background: rgba(255, 255, 255, 0.08);
   color: rgba(255, 255, 255, 0.8);
 }
 .ui.inverted.dropdown.selected,
+.ui.dropdown .inverted.menu .selected.item,
 .ui.inverted.dropdown .menu .selected.item {
   background: rgba(255, 255, 255, 0.15);
   color: rgba(255, 255, 255, 0.8);
 }
+.ui.dropdown .inverted.menu > .header,
 .ui.inverted.dropdown .menu > .header {
   color: #FFFFFF;
 }
 .ui.inverted.dropdown > .text > .description,
+.ui.dropdown .inverted.menu > .item > .description,
 .ui.inverted.dropdown .menu > .item > .description {
   color: rgba(255, 255, 255, 0.5);
 }
+.ui.dropdown .inverted.menu > .divider,
 .ui.inverted.dropdown .menu > .divider {
   border-top: 1px solid rgba(255, 255, 255, 0.15);
 }
+.ui.dropdown .inverted.scrolling.menu,
 .ui.inverted.dropdown .scrolling.menu {
   border: none;
   border-top: 1px solid rgba(255, 255, 255, 0.15);
@@ -1833,10 +1893,12 @@ select.ui.dropdown {
 .ui.inverted.selection.visible.dropdown > .text:not(.default) {
   color: rgba(255, 255, 255, 0.9);
 }
+.ui.selection.active.dropdown .inverted.menu,
 .ui.inverted.selection.active.dropdown .menu,
 .ui.inverted.selection.active.dropdown:hover {
   border-color: rgba(255, 255, 255, 0.15);
 }
+.ui.selection.dropdown .inverted.menu > .item,
 .ui.inverted.selection.dropdown .menu > .item {
   border-top: 1px solid #242526;
 }
@@ -1855,11 +1917,13 @@ select.ui.dropdown {
 .ui.inverted.active.search.dropdown input.search:focus + .text {
   color: rgba(255, 255, 255, 0.7) !important;
 }
+.ui.dropdown .inverted.menu > .message:not(.ui),
 .ui.inverted.dropdown .menu > .message:not(.ui) {
   color: rgba(255, 255, 255, 0.5);
 }
 
 /* Fixing the border */
+.ui.dropdown .inverted.menu > .item:first-child,
 .ui.inverted.dropdown .menu > .item:first-child {
   border-top-width: 0;
 }
@@ -1905,18 +1969,23 @@ select.ui.dropdown {
 }
 
 /* Scrollbars */
+.ui.dropdown .inverted.menu::-webkit-scrollbar-track,
 .ui.inverted.dropdown .menu::-webkit-scrollbar-track {
   background: rgba(255, 255, 255, 0.1);
 }
+.ui.dropdown .inverted.menu::-webkit-scrollbar-thumb,
 .ui.inverted.dropdown .menu::-webkit-scrollbar-thumb {
   background: rgba(255, 255, 255, 0.25);
 }
+.ui.dropdown .inverted.menu::-webkit-scrollbar-thumb:window-inactive,
 .ui.inverted.dropdown .menu::-webkit-scrollbar-thumb:window-inactive {
   background: rgba(255, 255, 255, 0.15);
 }
+.ui.dropdown .inverted.menu::-webkit-scrollbar-thumb:hover,
 .ui.inverted.dropdown .menu::-webkit-scrollbar-thumb:hover {
   background: rgba(255, 255, 255, 0.35);
 }
+.ui.pointing.dropdown > .inverted.menu:after,
 .ui.inverted.pointing.dropdown > .menu:after {
   background: #1B1C1D;
   -webkit-box-shadow: -1px -1px 0 0 rgba(255, 255, 255, 0.15);

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

@@ -1,5 +1,5 @@
 /*!
- * # Fomantic-UI - Video
+ * # Fomantic-UI 2.8.8 - Video
  * http://github.com/fomantic/Fomantic-UI/
  *
  *

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

@@ -1,5 +1,5 @@
 /*!
- * # Fomantic-UI - Modal
+ * # Fomantic-UI 2.8.8 - Modal
  * http://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -34,9 +34,9 @@
           user-select: text;
   will-change: top, left, margin, transform, opacity;
 }
-.ui.modal > :first-child:not(.icon):not(.dimmer),
+.ui.modal > :first-child:not(.close):not(.dimmer),
 .ui.modal > i.icon:first-child + *,
-.ui.modal > .dimmer:first-child + *:not(.icon),
+.ui.modal > .dimmer:first-child + *:not(.close),
 .ui.modal > .dimmer:first-child + i.icon + * {
   border-top-left-radius: 0.28571429rem;
   border-top-right-radius: 0.28571429rem;
@@ -187,6 +187,15 @@
 .ui.basic.modal > .actions {
   border-top: none;
 }
+.ui.modal > .centered,
+.ui.modal > .center.aligned {
+  text-align: center;
+}
+.ui.modal > .centered.actions > .button:not(.fluid),
+.ui.modal > .center.aligned.actions > .button:not(.fluid) {
+  margin-left: 0.5em;
+  margin-right: 0.5em;
+}
 
 /*-------------------
        Responsive
@@ -227,7 +236,7 @@
 
 /* Tablet and Mobile */
 @media only screen and (max-width: 991.98px) {
-  .ui.modal > .header {
+  .ui.modal > .close + .header {
     padding-right: 2.25rem;
   }
   .ui.modal > .close {
@@ -240,8 +249,10 @@
 /* Mobile */
 @media only screen and (max-width: 767.98px) {
   .ui.modal > .header {
-    padding: 0.75rem 1rem !important;
-    padding-right: 2.25rem !important;
+    padding: 0.75rem 1rem;
+  }
+  .ui.modal > .close + .header {
+    padding-right: 2.25rem;
   }
   .ui.overlay.fullscreen.modal > .content.content.content {
     min-height: calc(100vh - 8.1rem);
@@ -467,8 +478,8 @@
   top: 0;
   border-radius: 0;
 }
-.ui.modal > .close.inside + .header,
-.ui.fullscreen.modal > .header {
+.ui.modal > .close.inside + .header:not(.centered):not(.center):not(.icon),
+.ui.fullscreen.modal > .close + .header:not(.centered):not(.center):not(.icon) {
   padding-right: 2.25rem;
 }
 .ui.modal > .close.inside,

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

@@ -1,5 +1,5 @@
 /*!
- * # Fomantic-UI - Nag
+ * # Fomantic-UI 2.8.8 - Nag
  * http://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -24,7 +24,7 @@
   width: 100%;
   margin: 0;
   padding: 0.75em 1em;
-  background: #555555;
+  background: #777777;
   -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
           box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
   font-size: 1rem;
@@ -54,6 +54,9 @@ a.ui.nag {
   -webkit-transition: opacity 0.2s ease;
   transition: opacity 0.2s ease;
 }
+.ui.nag:not(.overlay):not(.fixed) {
+  border-radius: 0.28571429rem;
+}
 
 
 /*******************************
@@ -63,10 +66,10 @@ a.ui.nag {
 
 /* Hover */
 .ui.nag:hover {
-  background: #555555;
+  background: #777777;
   opacity: 1;
 }
-.ui.nag .close:hover {
+.ui.nag > .close:hover {
   opacity: 1;
 }
 
@@ -77,9 +80,10 @@ a.ui.nag {
 
 
 /*--------------
-     Static
----------------*/
+       Static
+  ---------------*/
 
+.ui.overlay.nags,
 .ui.overlay.nag {
   position: absolute;
   display: block;
@@ -89,6 +93,7 @@ a.ui.nag {
      Fixed
 ---------------*/
 
+.ui.fixed.nags,
 .ui.fixed.nag {
   position: fixed;
 }
@@ -105,7 +110,7 @@ a.ui.nag {
 }
 
 /*--------------
-     White
+     Inverted
 ---------------*/
 
 .ui.inverted.nags .nag,
@@ -113,11 +118,147 @@ a.ui.nag {
   background-color: #F3F4F5;
   color: rgba(0, 0, 0, 0.85);
 }
-.ui.inverted.nags .nag .close,
-.ui.inverted.nags .nag .title,
-.ui.inverted.nag .close,
-.ui.inverted.nag .title {
-  color: rgba(0, 0, 0, 0.4);
+.ui.inverted.nags .nag > .close,
+.ui.inverted.nag > .close {
+  color: rgba(0, 0, 0, 0.6);
+}
+.ui.inverted.nags .nag > .title,
+.ui.inverted.nag > .title {
+  color: rgba(0, 0, 0, 0.6);
+}
+
+/*-------------------
+        Sizes
+--------------------*/
+
+.ui.mini.nag,
+.ui.mini.nags .nag {
+  font-size: 0.78571429rem;
+}
+.ui.tiny.nag,
+.ui.tiny.nags .nag {
+  font-size: 0.85714286rem;
+}
+.ui.small.nag,
+.ui.small.nags .nag {
+  font-size: 0.92857143rem;
+}
+.ui.large.nag,
+.ui.large.nags .nag {
+  font-size: 1.14285714rem;
+}
+.ui.big.nag,
+.ui.big.nags .nag {
+  font-size: 1.28571429rem;
+}
+.ui.huge.nag,
+.ui.huge.nags .nag {
+  font-size: 1.42857143rem;
+  line-height: 1;
+}
+.ui.massive.nag,
+.ui.massive.nags .nag {
+  font-size: 1.71428571rem;
+  line-height: 1;
+}
+
+/*--------------
+     Colors
+-------------- */
+
+.ui.primary.nag {
+  background-color: #2185D0;
+}
+.ui.inverted.primary.nag {
+  background-color: #54C8FF;
+}
+.ui.secondary.nag {
+  background-color: #1B1C1D;
+}
+.ui.inverted.secondary.nag {
+  background-color: #545454;
+}
+.ui.red.nag {
+  background-color: #DB2828;
+}
+.ui.inverted.red.nag {
+  background-color: #FF695E;
+}
+.ui.orange.nag {
+  background-color: #F2711C;
+}
+.ui.inverted.orange.nag {
+  background-color: #FF851B;
+}
+.ui.yellow.nag {
+  background-color: #FBBD08;
+}
+.ui.inverted.yellow.nag {
+  background-color: #FFE21F;
+}
+.ui.olive.nag {
+  background-color: #B5CC18;
+}
+.ui.inverted.olive.nag {
+  background-color: #D9E778;
+}
+.ui.green.nag {
+  background-color: #21BA45;
+}
+.ui.inverted.green.nag {
+  background-color: #2ECC40;
+}
+.ui.teal.nag {
+  background-color: #00B5AD;
+}
+.ui.inverted.teal.nag {
+  background-color: #6DFFFF;
+}
+.ui.blue.nag {
+  background-color: #2185D0;
+}
+.ui.inverted.blue.nag {
+  background-color: #54C8FF;
+}
+.ui.violet.nag {
+  background-color: #6435C9;
+}
+.ui.inverted.violet.nag {
+  background-color: #A291FB;
+}
+.ui.purple.nag {
+  background-color: #A333C8;
+}
+.ui.inverted.purple.nag {
+  background-color: #DC73FF;
+}
+.ui.pink.nag {
+  background-color: #E03997;
+}
+.ui.inverted.pink.nag {
+  background-color: #FF8EDF;
+}
+.ui.brown.nag {
+  background-color: #A5673F;
+}
+.ui.inverted.brown.nag {
+  background-color: #D67C1C;
+}
+.ui.grey.nag {
+  background-color: #767676;
+}
+.ui.inverted.grey.nag {
+  background-color: #DCDDDE;
+}
+.ui.black.nag {
+  background-color: #1B1C1D;
+  color: rgba(255, 255, 255, 0.9);
+}
+.ui.inverted.black.nag {
+  background-color: #545454;
+}
+.ui.inverted.black.nag .title {
+  color: #FFFFFF;
 }
 
 
@@ -125,15 +266,26 @@ a.ui.nag {
            Groups
 *******************************/
 
-.ui.nags .nag {
-  border-radius: 0 !important;
+.ui.nags {
+  top: 0;
+  left: 0;
+  width: 100%;
+}
+.ui.ui.nags .nag {
+  border-radius: 0;
 }
-.ui.nags .nag:last-child {
+.ui.nags:not(.bottom) .nag:last-child {
   border-radius: 0 0 0.28571429rem 0.28571429rem;
 }
-.ui.bottom.nags .nag:last-child {
+.ui.bottom.nags .nag:first-child {
   border-radius: 0.28571429rem 0.28571429rem 0 0;
 }
+.ui.nags:not(.fixed):not(.overlay) .nag:first-child {
+  border-radius: 0.28571429rem 0.28571429rem 0 0;
+}
+.ui.nags:not(.fixed):not(.overlay) .nag:only-child {
+  border-radius: 0.28571429rem;
+}
 
 
 /*******************************

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

@@ -1,5 +1,5 @@
 /*!
- * # Fomantic-UI - Popup
+ * # Fomantic-UI 2.8.8 - Popup
  * http://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -330,7 +330,9 @@
   top: 100%;
   left: 50%;
   margin-left: -0.07142857rem;
-  margin-top: 0.14285714rem;
+  margin-top: 0.30714286em;
+  -webkit-transform-origin: center top;
+          transform-origin: center top;
 }
 
 /* Bottom Left */

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

@@ -1,5 +1,5 @@
 /*!
- * # Fomantic-UI - Progress Bar
+ * # Fomantic-UI 2.8.8 - Progress Bar
  * http://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -15,7 +15,9 @@
 
 .ui.progress {
   position: relative;
-  display: block;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
   max-width: 100%;
   border: none;
   margin: 1em 0 2.5em;
@@ -78,6 +80,15 @@
   font-weight: bold;
   text-align: left;
 }
+.ui.right.aligned.progress {
+  -webkit-box-pack: end;
+      -ms-flex-pack: end;
+          justify-content: flex-end;
+}
+.ui.right.aligned.progress .bar > .progress {
+  left: 0.5em;
+  right: auto;
+}
 
 /* Label */
 .ui.progress > .label {
@@ -246,13 +257,6 @@
   color: #1A531B;
 }
 
-/* Multiple */
-.ui.multiple.progress {
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-}
-
 
 /*******************************
              States
@@ -330,6 +334,10 @@
   -webkit-transform-origin: left;
           transform-origin: left;
 }
+.ui.active.right.aligned.progress .bar::after {
+  -webkit-transform-origin: right;
+          transform-origin: right;
+}
 @-webkit-keyframes progress-active {
   0% {
     opacity: 0.3;
@@ -415,7 +423,6 @@
 }
 .ui.progress.attached,
 .ui.progress.attached .bar {
-  display: block;
   height: 0.2rem;
   padding: 0;
   overflow: hidden;
@@ -669,6 +676,7 @@
 .ui.progress .bar .centered.progress {
   text-align: center;
   position: relative;
+  right: 0;
 }
 .ui.indeterminate.progress .bar::before {
   content: '';