fomantic-ui-sass 2.8.6 → 2.8.8

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

@@ -1,5 +1,5 @@
 /*!
- * # Fomantic-UI - Segment
+ * # Fomantic-UI 2.8.8 - Segment
  * http://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -52,6 +52,8 @@
 
 
 /* Header */
+.ui.inverted.segments .segment > .ui.header .sub.header,
+.ui.inverted.segments .segment > .ui.header,
 .ui.inverted.segment > .ui.header .sub.header,
 .ui.inverted.segment > .ui.header {
   color: #FFFFFF;
@@ -138,6 +140,14 @@
   -webkit-box-shadow: 0 2px 25px 0 rgba(34, 36, 38, 0.05) inset;
           box-shadow: 0 2px 25px 0 rgba(34, 36, 38, 0.05) inset;
 }
+.ui.placeholder.segment.tab {
+  display: none;
+}
+.ui.placeholder.segment.tab.active {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+}
 .ui.placeholder.segment .button,
 .ui.placeholder.segment textarea {
   display: block;
@@ -472,6 +482,17 @@
 .ui.horizontal.segments:not(.stackable) > .segment:first-child {
   border-left: none;
 }
+.ui.horizontal.segments > .segment:first-child {
+  border-radius: 0.28571429rem 0 0 0.28571429rem;
+}
+.ui.horizontal.segments > .segment:last-child {
+  border-radius: 0 0.28571429rem 0.28571429rem 0;
+}
+
+/* Equal Width */
+.ui[class*="equal width"].horizontal.segments > .segment {
+  width: 100%;
+}
 
 
 /*******************************
@@ -483,23 +504,34 @@
       Disabled
   ---------------*/
 
+.ui.disabled.segments,
 .ui.disabled.segment {
   opacity: 0.45;
   color: rgba(40, 40, 40, 0.3);
+  pointer-events: none;
+  -webkit-user-select: none;
+     -moz-user-select: none;
+      -ms-user-select: none;
+          user-select: none;
 }
 
 /*--------------
       Loading
   ---------------*/
 
+.ui.loading.segments,
 .ui.loading.segment {
   position: relative;
   cursor: default;
   pointer-events: none;
-  text-shadow: none !important;
+  -webkit-user-select: none;
+     -moz-user-select: none;
+      -ms-user-select: none;
+          user-select: none;
   -webkit-transition: all 0s linear;
   transition: all 0s linear;
 }
+.ui.loading.segments:before,
 .ui.loading.segment:before {
   position: absolute;
   content: '';
@@ -511,6 +543,7 @@
   border-radius: 0.28571429rem;
   z-index: 100;
 }
+.ui.loading.segments:after,
 .ui.loading.segment:after {
   position: absolute;
   content: '';
@@ -687,11 +720,14 @@
         Inverted
   --------------------*/
 
+.ui.inverted.segments,
+.ui.inverted.segments .segment,
 .ui.inverted.segment {
   border: none;
   -webkit-box-shadow: none;
           box-shadow: none;
 }
+.ui.inverted.segments .segment,
 .ui.inverted.segment,
 .ui.primary.inverted.segment {
   background: #1B1C1D;
@@ -712,9 +748,11 @@
 }
 
 /* Loading */
+.ui.inverted.loading.segments,
 .ui.inverted.loading.segment {
   color: #FFFFFF;
 }
+.ui.inverted.loading.segments:before,
 .ui.inverted.loading.segment:before {
   background: rgba(0, 0, 0, 0.85);
 }

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

@@ -1,5 +1,5 @@
 /*!
- * # Fomantic-UI - Step
+ * # Fomantic-UI 2.8.8 - Step
  * http://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -158,13 +158,13 @@
 }
 
 /* Icon */
-.ui.steps .step > .icon {
+.ui.steps .step > i.icon {
   line-height: 1;
   font-size: 2.5em;
   margin: 0 1rem 0 0;
 }
-.ui.steps .step > .icon,
-.ui.steps .step > .icon ~ .content {
+.ui.steps .step > i.icon,
+.ui.steps .step > i.icon ~ .content {
   display: block;
   -webkit-box-flex: 0;
       -ms-flex: 0 1 auto;
@@ -174,7 +174,7 @@
 }
 
 /* Horizontal Icon */
-.ui.steps:not(.vertical) .step > .icon {
+.ui.steps:not(.vertical) .step > i.icon {
   width: auto;
 }
 
@@ -330,7 +330,7 @@
   }
   
 /* Icon */
-  .ui.steps:not(.unstackable) .step > .icon,
+  .ui.steps:not(.unstackable) .step > i.icon,
   .ui.ordered.steps:not(.unstackable) .step:before {
     margin: 0 0 1rem 0;
   }
@@ -372,7 +372,7 @@
   color: #4183C4;
 }
 .ui.ordered.steps .step.active:before,
-.ui.steps .active.step .icon {
+.ui.steps .active.step i.icon {
   color: rgba(0, 0, 0, 0.85);
 }
 
@@ -401,7 +401,7 @@
 }
 
 /* Completed */
-.ui.steps .step.completed > .icon:before,
+.ui.steps .step.completed > i.icon:before,
 .ui.ordered.steps .step.completed:before {
   color: #21BA45;
 }
@@ -480,7 +480,7 @@
   }
   
 /* Icon */
-  .ui[class*="tablet stackable"].steps .step > .icon,
+  .ui[class*="tablet stackable"].steps .step > i.icon,
   .ui[class*="tablet stackable"].ordered.steps .step:before {
     margin: 0 0 1rem 0;
   }
@@ -643,7 +643,7 @@
   background: #333333;
 }
 .ui.inverted.ordered.steps .step.active:before,
-.ui.inverted.steps .active.step .icon {
+.ui.inverted.steps .active.step i.icon {
   color: #ffffff;
 }
 

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

@@ -1,5 +1,5 @@
 /*!
- * # Fomantic-UI - Text
+ * # Fomantic-UI 2.8.8 - Text
  * http://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -106,6 +106,18 @@ span.ui.black.text {
 span.ui.inverted.black.text {
   color: #545454;
 }
+span.ui.error.text {
+  color: #DB2828;
+}
+span.ui.info.text {
+  color: #31CCEC;
+}
+span.ui.success.text {
+  color: #21BA45;
+}
+span.ui.warning.text {
+  color: #F2C037;
+}
 span.ui.disabled.text {
   opacity: 0.45;
 }

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

@@ -1,5 +1,5 @@
 /*!
- * # Fomantic-UI - Reset
+ * # Fomantic-UI 2.8.8 - Reset
  * http://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -126,8 +126,7 @@ abbr[title] {
   text-decoration: underline;
   
 /* 2 */
-  -webkit-text-decoration: underline dotted;
-          text-decoration: underline dotted;
+  text-decoration: underline dotted;
   
 /* 2 */
 }

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

@@ -1,5 +1,5 @@
 /*!
- * # Fomantic-UI - Site
+ * # Fomantic-UI 2.8.8 - Site
  * http://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -13,7 +13,7 @@
              Page
 *******************************/
 
-@import url('https://fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic&subset=latin&display=swap');
+@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,400%3B0,700%3B1,400%3B1,700&subset=latin&display=swap');
 html,
 body {
   height: 100%;

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

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

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

@@ -1,5 +1,5 @@
 /*!
- * # Fomantic-UI - Calendar
+ * # Fomantic-UI 2.8.8 - Calendar
  * http://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -72,7 +72,7 @@
 .ui.calendar .ui.table tr th {
   border-left: none;
 }
-.ui.calendar .ui.table tr th .icon {
+.ui.calendar .ui.table tr th i.icon {
   margin: 0;
 }
 .ui.calendar .ui.table tr:first-child th {
@@ -104,12 +104,12 @@
   position: absolute;
   right: 0;
 }
-.ui.calendar .ui.table tr .disabled {
+.ui.ui.calendar .ui.table tr .disabled {
   pointer-events: auto;
   cursor: default;
   color: rgba(40, 40, 40, 0.3);
 }
-.ui.calendar .ui.table tr .adjacent:not(.disabled) {
+.ui.calendar .ui.table tr .adjacent:not(.disabled):not(.active) {
   color: rgba(0, 0, 0, 0.6);
   background: rgba(0, 0, 0, 0.03);
 }
@@ -127,21 +127,28 @@
   -webkit-box-shadow: none;
           box-shadow: none;
 }
-.ui.calendar .ui.table.inverted tr td.range {
+.ui.calendar:not(.disabled) .calendar:focus .ui.table tbody tr td.focus,
+.ui.calendar:not(.disabled) .calendar.active .ui.table tbody tr td.focus {
+  -webkit-box-shadow: inset 0 0 0 1px #85B7D9;
+          box-shadow: inset 0 0 0 1px #85B7D9;
+}
+.ui.inverted.calendar .ui.table.inverted tr td.range {
   background: rgba(255, 255, 255, 0.08);
   color: #ffffff;
   -webkit-box-shadow: none;
           box-shadow: none;
 }
-.ui.calendar:not(.disabled) .calendar:focus .ui.table tbody tr td.focus,
-.ui.calendar:not(.disabled) .calendar.active .ui.table tbody tr td.focus {
+.ui.inverted.calendar:not(.disabled) .calendar:focus .ui.table.inverted tbody tr td.focus,
+.ui.inverted.calendar:not(.disabled) .calendar.active .ui.table.inverted tbody tr td.focus {
   -webkit-box-shadow: inset 0 0 0 1px #85B7D9;
           box-shadow: inset 0 0 0 1px #85B7D9;
 }
-.ui.calendar:not(.disabled) .calendar:focus .ui.table.inverted tbody tr td.focus,
-.ui.calendar:not(.disabled) .calendar.active .ui.table.inverted tbody tr td.focus {
-  -webkit-box-shadow: inset 0 0 0 1px #85B7D9;
-          box-shadow: inset 0 0 0 1px #85B7D9;
+.ui.inverted.calendar .ui.inverted.table tr .disabled {
+  color: rgba(225, 225, 225, 0.3);
+}
+.ui.inverted.calendar .ui.inverted.table tr .adjacent:not(.disabled):not(.active) {
+  color: rgba(255, 255, 255, 0.8);
+  background: rgba(255, 255, 255, 0.02);
 }
 
 

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

@@ -1,5 +1,5 @@
 /*!
- * # Fomantic-UI - Checkbox
+ * # Fomantic-UI 2.8.8 - Checkbox
  * http://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -88,6 +88,15 @@
   transition: border 0.1s ease, opacity 0.1s ease, transform 0.1s ease, box-shadow 0.1s ease;
   transition: border 0.1s ease, opacity 0.1s ease, transform 0.1s ease, box-shadow 0.1s ease, -webkit-transform 0.1s ease, -webkit-box-shadow 0.1s ease;
 }
+.ui.right.aligned.checkbox label {
+  padding-left: 0;
+  padding-right: 1.85714em;
+}
+.ui.right.aligned.checkbox label:after,
+.ui.right.aligned.checkbox label:before {
+  right: 0;
+  left: auto;
+}
 
 /*--------------
       Label
@@ -187,6 +196,10 @@
 .ui.indeterminate.toggle.checkbox input:not([type=radio]) ~ label:after {
   left: 1.075rem;
 }
+.ui.right.aligned.indeterminate.toggle.checkbox input:not([type=radio]) ~ label:after {
+  left: auto;
+  right: 1.075rem;
+}
 
 /*--------------
   Active Focus
@@ -203,12 +216,13 @@
 }
 
 /*--------------
-    Read-Only
----------------*/
+      Read-Only
+  ---------------*/
 
 .ui.read-only.checkbox,
 .ui.read-only.checkbox label {
   cursor: default;
+  pointer-events: none;
 }
 
 /*--------------
@@ -217,7 +231,7 @@
 
 .ui.disabled.checkbox label,
 .ui.checkbox input[disabled] ~ label {
-  cursor: default !important;
+  cursor: default;
   opacity: 0.5;
   color: #000000;
   pointer-events: none;
@@ -411,6 +425,20 @@
 .ui.slider.checkbox input:focus:checked ~ label:before {
   background-color: #000000 !important;
 }
+.ui.right.aligned.slider.checkbox label {
+  padding-left: 0;
+  padding-right: 4.5rem;
+}
+.ui.right.aligned.slider.checkbox label:after {
+  left: auto;
+  right: 2rem;
+  -webkit-transition: right 0.3s ease;
+  transition: right 0.3s ease;
+}
+.ui.right.aligned.slider.checkbox input:checked ~ label:after {
+  left: auto;
+  right: 0;
+}
 
 /*--------------
        Toggle
@@ -512,6 +540,20 @@
 .ui.toggle.checkbox input:focus:checked ~ label:before {
   background-color: #0d71bb !important;
 }
+.ui.right.aligned.toggle.checkbox label {
+  padding-left: 0;
+  padding-right: 4.5rem;
+}
+.ui.right.aligned.toggle.checkbox input ~ label:after {
+  left: auto;
+  right: 2.15rem;
+  -webkit-transition: background 0.3s ease, right 0.3s ease;
+  transition: background 0.3s ease, right 0.3s ease;
+}
+.ui.right.aligned.toggle.checkbox input:checked ~ label:after {
+  left: auto;
+  right: -0.05rem;
+}
 
 
 /*******************************

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

@@ -1,5 +1,5 @@
 /*!
- * # Fomantic-UI - Dimmer
+ * # Fomantic-UI 2.8.8 - Dimmer
  * http://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -26,7 +26,7 @@
   text-align: center;
   vertical-align: middle;
   padding: 1em;
-  background-color: rgba(0, 0, 0, 0.85);
+  background: rgba(0, 0, 0, 0.85);
   opacity: 0;
   line-height: 1;
   -webkit-animation-fill-mode: both;
@@ -185,10 +185,10 @@ body.dimmable > .dimmer {
 
 /* Dimmer Color */
 .blurring.dimmable > .dimmer {
-  background-color: rgba(0, 0, 0, 0.6);
+  background: rgba(0, 0, 0, 0.6);
 }
 .blurring.dimmable > .inverted.dimmer {
-  background-color: rgba(255, 255, 255, 0.6);
+  background: rgba(255, 255, 255, 0.6);
 }
 
 /*--------------
@@ -207,13 +207,13 @@ body.dimmable > .dimmer {
   ---------------*/
 
 .medium.medium.medium.medium.medium.dimmer {
-  background-color: rgba(0, 0, 0, 0.65);
+  background: rgba(0, 0, 0, 0.65);
 }
 .light.light.light.light.light.dimmer {
-  background-color: rgba(0, 0, 0, 0.45);
+  background: rgba(0, 0, 0, 0.45);
 }
 .very.light.light.light.light.dimmer {
-  background-color: rgba(0, 0, 0, 0.25);
+  background: rgba(0, 0, 0, 0.25);
 }
 
 /*--------------
@@ -221,7 +221,7 @@ body.dimmable > .dimmer {
   ---------------*/
 
 .ui.inverted.dimmer {
-  background-color: rgba(255, 255, 255, 0.85);
+  background: rgba(255, 255, 255, 0.85);
 }
 .ui.inverted.dimmer > .content,
 .ui.inverted.dimmer > .content > * {
@@ -233,13 +233,13 @@ body.dimmable > .dimmer {
     ---------------*/
 
 .medium.medium.medium.medium.medium.inverted.dimmer {
-  background-color: rgba(255, 255, 255, 0.65);
+  background: rgba(255, 255, 255, 0.65);
 }
 .light.light.light.light.light.inverted.dimmer {
-  background-color: rgba(255, 255, 255, 0.45);
+  background: rgba(255, 255, 255, 0.45);
 }
 .very.light.light.light.light.inverted.dimmer {
-  background-color: rgba(255, 255, 255, 0.25);
+  background: rgba(255, 255, 255, 0.25);
 }
 
 /*--------------
@@ -255,21 +255,21 @@ body.dimmable > .dimmer {
   width: 0;
   height: 0;
   z-index: -100;
-  background-color: rgba(0, 0, 0, 0);
+  background: rgba(0, 0, 0, 0);
 }
 .dimmed.dimmable > .ui.simple.dimmer {
   overflow: visible;
   opacity: 1;
   width: 100%;
   height: 100%;
-  background-color: rgba(0, 0, 0, 0.85);
+  background: rgba(0, 0, 0, 0.85);
   z-index: 1;
 }
 .ui.simple.inverted.dimmer {
-  background-color: rgba(255, 255, 255, 0);
+  background: rgba(255, 255, 255, 0);
 }
 .dimmed.dimmable > .ui.simple.inverted.dimmer {
-  background-color: rgba(255, 255, 255, 0.85);
+  background: rgba(255, 255, 255, 0.85);
 }
 
 /*--------------