fomantic-ui-sass 2.8.8 → 2.9.0

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

@@ -1,5 +1,5 @@
 /*!
- * # Fomantic-UI 2.8.8 - Rating
+ * # Fomantic-UI 2.9.0 - Rating
  * http://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -72,8 +72,14 @@
   background: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.85)), to(rgba(0, 0, 0, 0.15)));
   background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.85) 0% var(--full), rgba(0, 0, 0, 0.15) var(--full) 100%);
   background: linear-gradient(to right, rgba(0, 0, 0, 0.85) 0% var(--full), rgba(0, 0, 0, 0.15) var(--full) 100%);
+}
+
+/* central override for colors */
+.ui.ui.rating .icon.partial.active {
+  -webkit-background-clip: text;
   background-clip: text;
   color: transparent;
+  text-shadow: none;
 }
 
 /* Selected Icon */
@@ -106,10 +112,7 @@
   background: -webkit-gradient(linear, left top, right top, from(#54C8FF), to(rgba(0, 0, 0, 0.15)));
   background: -webkit-linear-gradient(left, #54C8FF 0% var(--full), rgba(0, 0, 0, 0.15) var(--full) 100%);
   background: linear-gradient(to right, #54C8FF 0% var(--full), rgba(0, 0, 0, 0.15) var(--full) 100%);
-  text-shadow: none;
   -webkit-text-stroke: #2185D0 0.78px;
-  background-clip: text;
-  color: transparent;
 }
 .ui.secondary.rating .active.icon {
   color: #545454;
@@ -128,10 +131,7 @@
   background: -webkit-gradient(linear, left top, right top, from(#545454), to(rgba(0, 0, 0, 0.15)));
   background: -webkit-linear-gradient(left, #545454 0% var(--full), rgba(0, 0, 0, 0.15) var(--full) 100%);
   background: linear-gradient(to right, #545454 0% var(--full), rgba(0, 0, 0, 0.15) var(--full) 100%);
-  text-shadow: none;
   -webkit-text-stroke: #1B1C1D 0.78px;
-  background-clip: text;
-  color: transparent;
 }
 .ui.red.rating .active.icon {
   color: #FF695E;
@@ -150,10 +150,7 @@
   background: -webkit-gradient(linear, left top, right top, from(#FF695E), to(rgba(0, 0, 0, 0.15)));
   background: -webkit-linear-gradient(left, #FF695E 0% var(--full), rgba(0, 0, 0, 0.15) var(--full) 100%);
   background: linear-gradient(to right, #FF695E 0% var(--full), rgba(0, 0, 0, 0.15) var(--full) 100%);
-  text-shadow: none;
   -webkit-text-stroke: #DB2828 0.78px;
-  background-clip: text;
-  color: transparent;
 }
 .ui.orange.rating .active.icon {
   color: #FF851B;
@@ -172,10 +169,7 @@
   background: -webkit-gradient(linear, left top, right top, from(#FF851B), to(rgba(0, 0, 0, 0.15)));
   background: -webkit-linear-gradient(left, #FF851B 0% var(--full), rgba(0, 0, 0, 0.15) var(--full) 100%);
   background: linear-gradient(to right, #FF851B 0% var(--full), rgba(0, 0, 0, 0.15) var(--full) 100%);
-  text-shadow: none;
   -webkit-text-stroke: #F2711C 0.78px;
-  background-clip: text;
-  color: transparent;
 }
 .ui.yellow.rating .active.icon {
   color: #FFE21F;
@@ -194,10 +188,7 @@
   background: -webkit-gradient(linear, left top, right top, from(#FFE21F), to(rgba(0, 0, 0, 0.15)));
   background: -webkit-linear-gradient(left, #FFE21F 0% var(--full), rgba(0, 0, 0, 0.15) var(--full) 100%);
   background: linear-gradient(to right, #FFE21F 0% var(--full), rgba(0, 0, 0, 0.15) var(--full) 100%);
-  text-shadow: none;
   -webkit-text-stroke: #FBBD08 0.78px;
-  background-clip: text;
-  color: transparent;
 }
 .ui.olive.rating .active.icon {
   color: #D9E778;
@@ -216,10 +207,7 @@
   background: -webkit-gradient(linear, left top, right top, from(#D9E778), to(rgba(0, 0, 0, 0.15)));
   background: -webkit-linear-gradient(left, #D9E778 0% var(--full), rgba(0, 0, 0, 0.15) var(--full) 100%);
   background: linear-gradient(to right, #D9E778 0% var(--full), rgba(0, 0, 0, 0.15) var(--full) 100%);
-  text-shadow: none;
   -webkit-text-stroke: #B5CC18 0.78px;
-  background-clip: text;
-  color: transparent;
 }
 .ui.green.rating .active.icon {
   color: #2ECC40;
@@ -238,10 +226,7 @@
   background: -webkit-gradient(linear, left top, right top, from(#2ECC40), to(rgba(0, 0, 0, 0.15)));
   background: -webkit-linear-gradient(left, #2ECC40 0% var(--full), rgba(0, 0, 0, 0.15) var(--full) 100%);
   background: linear-gradient(to right, #2ECC40 0% var(--full), rgba(0, 0, 0, 0.15) var(--full) 100%);
-  text-shadow: none;
   -webkit-text-stroke: #21BA45 0.78px;
-  background-clip: text;
-  color: transparent;
 }
 .ui.teal.rating .active.icon {
   color: #6DFFFF;
@@ -260,10 +245,7 @@
   background: -webkit-gradient(linear, left top, right top, from(#6DFFFF), to(rgba(0, 0, 0, 0.15)));
   background: -webkit-linear-gradient(left, #6DFFFF 0% var(--full), rgba(0, 0, 0, 0.15) var(--full) 100%);
   background: linear-gradient(to right, #6DFFFF 0% var(--full), rgba(0, 0, 0, 0.15) var(--full) 100%);
-  text-shadow: none;
   -webkit-text-stroke: #00B5AD 0.78px;
-  background-clip: text;
-  color: transparent;
 }
 .ui.blue.rating .active.icon {
   color: #54C8FF;
@@ -282,10 +264,7 @@
   background: -webkit-gradient(linear, left top, right top, from(#54C8FF), to(rgba(0, 0, 0, 0.15)));
   background: -webkit-linear-gradient(left, #54C8FF 0% var(--full), rgba(0, 0, 0, 0.15) var(--full) 100%);
   background: linear-gradient(to right, #54C8FF 0% var(--full), rgba(0, 0, 0, 0.15) var(--full) 100%);
-  text-shadow: none;
   -webkit-text-stroke: #2185D0 0.78px;
-  background-clip: text;
-  color: transparent;
 }
 .ui.violet.rating .active.icon {
   color: #A291FB;
@@ -304,10 +283,7 @@
   background: -webkit-gradient(linear, left top, right top, from(#A291FB), to(rgba(0, 0, 0, 0.15)));
   background: -webkit-linear-gradient(left, #A291FB 0% var(--full), rgba(0, 0, 0, 0.15) var(--full) 100%);
   background: linear-gradient(to right, #A291FB 0% var(--full), rgba(0, 0, 0, 0.15) var(--full) 100%);
-  text-shadow: none;
   -webkit-text-stroke: #6435C9 0.78px;
-  background-clip: text;
-  color: transparent;
 }
 .ui.purple.rating .active.icon {
   color: #DC73FF;
@@ -326,10 +302,7 @@
   background: -webkit-gradient(linear, left top, right top, from(#DC73FF), to(rgba(0, 0, 0, 0.15)));
   background: -webkit-linear-gradient(left, #DC73FF 0% var(--full), rgba(0, 0, 0, 0.15) var(--full) 100%);
   background: linear-gradient(to right, #DC73FF 0% var(--full), rgba(0, 0, 0, 0.15) var(--full) 100%);
-  text-shadow: none;
   -webkit-text-stroke: #A333C8 0.78px;
-  background-clip: text;
-  color: transparent;
 }
 .ui.pink.rating .active.icon {
   color: #FF8EDF;
@@ -348,10 +321,7 @@
   background: -webkit-gradient(linear, left top, right top, from(#FF8EDF), to(rgba(0, 0, 0, 0.15)));
   background: -webkit-linear-gradient(left, #FF8EDF 0% var(--full), rgba(0, 0, 0, 0.15) var(--full) 100%);
   background: linear-gradient(to right, #FF8EDF 0% var(--full), rgba(0, 0, 0, 0.15) var(--full) 100%);
-  text-shadow: none;
   -webkit-text-stroke: #E03997 0.78px;
-  background-clip: text;
-  color: transparent;
 }
 .ui.brown.rating .active.icon {
   color: #D67C1C;
@@ -370,10 +340,7 @@
   background: -webkit-gradient(linear, left top, right top, from(#D67C1C), to(rgba(0, 0, 0, 0.15)));
   background: -webkit-linear-gradient(left, #D67C1C 0% var(--full), rgba(0, 0, 0, 0.15) var(--full) 100%);
   background: linear-gradient(to right, #D67C1C 0% var(--full), rgba(0, 0, 0, 0.15) var(--full) 100%);
-  text-shadow: none;
   -webkit-text-stroke: #A5673F 0.78px;
-  background-clip: text;
-  color: transparent;
 }
 .ui.grey.rating .active.icon {
   color: #DCDDDE;
@@ -392,10 +359,7 @@
   background: -webkit-gradient(linear, left top, right top, from(#DCDDDE), to(rgba(0, 0, 0, 0.15)));
   background: -webkit-linear-gradient(left, #DCDDDE 0% var(--full), rgba(0, 0, 0, 0.15) var(--full) 100%);
   background: linear-gradient(to right, #DCDDDE 0% var(--full), rgba(0, 0, 0, 0.15) var(--full) 100%);
-  text-shadow: none;
   -webkit-text-stroke: #767676 0.78px;
-  background-clip: text;
-  color: transparent;
 }
 .ui.black.rating .active.icon {
   color: #545454;
@@ -414,10 +378,7 @@
   background: -webkit-gradient(linear, left top, right top, from(#545454), to(rgba(0, 0, 0, 0.15)));
   background: -webkit-linear-gradient(left, #545454 0% var(--full), rgba(0, 0, 0, 0.15) var(--full) 100%);
   background: linear-gradient(to right, #545454 0% var(--full), rgba(0, 0, 0, 0.15) var(--full) 100%);
-  text-shadow: none;
   -webkit-text-stroke: #1B1C1D 0.78px;
-  background-clip: text;
-  color: transparent;
 }
 
 

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

@@ -1,5 +1,5 @@
 /*!
- * # Fomantic-UI 2.8.8 - Search
+ * # Fomantic-UI 2.9.0 - Search
  * http://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -121,7 +121,7 @@
 }
 .ui.search > .results .result .title {
   margin: -0.14285714em 0 0;
-  font-family: $font-family;
+  font-family: 'Lato', system-ui, -apple-system, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
   font-weight: bold;
   font-size: 1em;
   color: rgba(0, 0, 0, 0.85);
@@ -144,7 +144,7 @@
   padding: 1em 1em;
 }
 .ui.search > .results > .message .header {
-  font-family: $font-family;
+  font-family: 'Lato', system-ui, -apple-system, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
   font-size: 1rem;
   font-weight: bold;
   color: rgba(0, 0, 0, 0.87);
@@ -186,7 +186,7 @@
          Loading
   ---------------------*/
 
-.ui.loading.search .input > i.icon:before {
+.ui.loading.search .input > i.icon::before {
   position: absolute;
   content: '';
   top: 50%;
@@ -197,7 +197,7 @@
   border-radius: 500rem;
   border: 0.2em solid rgba(0, 0, 0, 0.1);
 }
-.ui.loading.search .input > i.icon:after {
+.ui.loading.search .input > i.icon::after {
   position: absolute;
   content: '';
   top: 50%;
@@ -343,7 +343,7 @@
   width: 100px;
   white-space: nowrap;
   background: transparent;
-  font-family: $font-family;
+  font-family: 'Lato', system-ui, -apple-system, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
   font-size: 1em;
   padding: 0.4em 1em;
   font-weight: bold;

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

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

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

@@ -1,5 +1,5 @@
 /*!
- * # Fomantic-UI 2.8.8 - Sidebar
+ * # Fomantic-UI 2.9.0 - Sidebar
  * http://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -80,10 +80,14 @@
      Pushable
 ---------------*/
 
-.pushable {
+.pushable.pushable.pushable {
   height: 100%;
   overflow-x: hidden;
-  padding: 0 !important;
+  padding: 0;
+}
+.pushable.pushable.pushable.locked {
+  overflow-y: hidden;
+  background: inherit;
 }
 
 /* Whole Page */
@@ -102,7 +106,7 @@ body.pushable.dimmed {
 }
 .pushable:not(body) > .ui.sidebar,
 .pushable:not(body) > .fixed,
-.pushable:not(body) > .pusher:after {
+.pushable:not(body) > .pusher::after {
   position: absolute;
 }
 
@@ -130,7 +134,6 @@ body.pushable.dimmed {
   position: relative;
   -webkit-backface-visibility: hidden;
           backface-visibility: hidden;
-  overflow: hidden;
   min-height: 100%;
   -webkit-transition: -webkit-transform 500ms ease;
   transition: -webkit-transform 500ms ease;
@@ -141,6 +144,9 @@ body.pushable.dimmed {
 /* Pusher should inherit background from context */
   background: inherit;
 }
+.pushable > .pusher:not(.overflowing) {
+  overflow: hidden;
+}
 body.pushable > .pusher {
   background: #FFFFFF;
 }
@@ -149,7 +155,7 @@ body.pushable > .pusher {
      Dimmer
 ---------------*/
 
-.pushable > .pusher:after {
+.pushable > .pusher::after {
   position: fixed;
   top: 0;
   right: 0;
@@ -157,8 +163,8 @@ body.pushable > .pusher {
   background: rgba(0, 0, 0, 0.4);
   overflow: hidden;
   opacity: 0;
-  -webkit-transition: opacity 500ms;
-  transition: opacity 500ms;
+  -webkit-transition: all 500ms;
+  transition: all 500ms;
   will-change: opacity;
   z-index: 1000;
 }
@@ -181,11 +187,19 @@ body.pushable > .pusher {
      Dimmed
 ---------------*/
 
-.pushable > .pusher.dimmed:after {
+.pushable > .pusher.dimmed::after {
   width: 100% !important;
   height: 100% !important;
   opacity: 1 !important;
 }
+.pushable > .pusher.dimmed.blurring:not(.closing)::after {
+  background: rgba(0, 0, 0, 0.6);
+  -webkit-backdrop-filter: blur(5px) grayscale(0.7);
+  backdrop-filter: blur(5px) grayscale(0.7);
+}
+.pushable > .pusher.closing.dimmed::after {
+  opacity: 0 !important;
+}
 
 /*--------------
     Animating

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

@@ -185,7 +185,7 @@
   -webkit-transform: translate(-50%, 100%);
           transform: translate(-50%, 100%);
 }
-.ui.labeled.ticked.slider > .labels .label:after {
+.ui.labeled.ticked.slider > .labels .label::after {
   content: ' ';
   height: 1.5em;
   width: 1px;
@@ -194,11 +194,11 @@
   top: 100%;
   left: 50%;
 }
-.ui.bottom.aligned.labeled.ticked.slider > .labels .label:after {
+.ui.bottom.aligned.labeled.ticked.slider > .labels .label::after {
   top: auto;
   bottom: 100%;
 }
-.ui.labeled.ticked.slider > .labels .halftick.label:after {
+.ui.labeled.ticked.slider > .labels .halftick.label::after {
   height: 0.75em;
 }
 
@@ -216,13 +216,13 @@
   -webkit-transform: translate(-100%, -50%);
           transform: translate(-100%, -50%);
 }
-.ui.labeled.vertical.slider > .labels .label:after {
+.ui.labeled.vertical.slider > .labels .label::after {
   width: 1.5em;
   height: 1px;
   left: 100%;
   top: 50%;
 }
-.ui.labeled.vertical.slider > .labels .halftick.label:after {
+.ui.labeled.vertical.slider > .labels .halftick.label::after {
   width: 0.75em;
   height: 1px;
 }
@@ -698,10 +698,10 @@
   top: 0.35em;
 }
 .ui.small.labeled.slider:not(.vertical) > .labels,
-.ui.small.labeled.slider:not(.vertical) > .labels .label:after {
+.ui.small.labeled.slider:not(.vertical) > .labels .label::after {
   height: 1em;
 }
-.ui.small.labeled.slider:not(.vertical) > .labels .halftick.label:after {
+.ui.small.labeled.slider:not(.vertical) > .labels .halftick.label::after {
   height: 0.5em;
 }
 
@@ -715,10 +715,10 @@
   left: 0.35em;
 }
 .ui.small.labeled.vertical.slider > .labels,
-.ui.small.labeled.vertical.slider > .labels .label:after {
+.ui.small.labeled.vertical.slider > .labels .label::after {
   width: 1em;
 }
-.ui.small.labeled.vertical.slider > .labels .halftick.label:after {
+.ui.small.labeled.vertical.slider > .labels .halftick.label::after {
   width: 0.5em;
 }
 .ui.slider.large .inner .thumb {
@@ -734,10 +734,10 @@
   top: 0.75em;
 }
 .ui.large.labeled.slider:not(.vertical) > .labels,
-.ui.large.labeled.slider:not(.vertical) > .labels .label:after {
+.ui.large.labeled.slider:not(.vertical) > .labels .label::after {
   height: 2em;
 }
-.ui.large.labeled.slider:not(.vertical) > .labels .halftick.label:after {
+.ui.large.labeled.slider:not(.vertical) > .labels .halftick.label::after {
   height: 1em;
 }
 
@@ -751,10 +751,10 @@
   left: 0.75em;
 }
 .ui.large.labeled.vertical.slider > .labels,
-.ui.large.labeled.vertical.slider > .labels .label:after {
+.ui.large.labeled.vertical.slider > .labels .label::after {
   width: 2em;
 }
-.ui.large.labeled.vertical.slider > .labels .halftick.label:after {
+.ui.large.labeled.vertical.slider > .labels .halftick.label::after {
   width: 1em;
 }
 .ui.slider.big .inner .thumb {
@@ -770,10 +770,10 @@
   top: 0.95em;
 }
 .ui.big.labeled.slider:not(.vertical) > .labels,
-.ui.big.labeled.slider:not(.vertical) > .labels .label:after {
+.ui.big.labeled.slider:not(.vertical) > .labels .label::after {
   height: 2.5em;
 }
-.ui.big.labeled.slider:not(.vertical) > .labels .halftick.label:after {
+.ui.big.labeled.slider:not(.vertical) > .labels .halftick.label::after {
   height: 1.25em;
 }
 
@@ -787,10 +787,10 @@
   left: 0.95em;
 }
 .ui.big.labeled.vertical.slider > .labels,
-.ui.big.labeled.vertical.slider > .labels .label:after {
+.ui.big.labeled.vertical.slider > .labels .label::after {
   width: 2.5em;
 }
-.ui.big.labeled.vertical.slider > .labels .halftick.label:after {
+.ui.big.labeled.vertical.slider > .labels .halftick.label::after {
   width: 1.25em;
 }
 

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

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

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

@@ -1,5 +1,5 @@
 /*!
- * # Fomantic-UI 2.8.8 - Tab
+ * # Fomantic-UI 2.9.0 - Tab
  * http://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -46,8 +46,8 @@
   position: relative !important;
   left: -10000px !important;
 }
-.ui.tab.loading:before,
-.ui.tab.loading.segment:before {
+.ui.tab.loading::before,
+.ui.tab.loading.segment::before {
   position: absolute;
   content: '';
   top: 50%;
@@ -58,8 +58,8 @@
   border-radius: 500rem;
   border: 0.2em solid rgba(0, 0, 0, 0.1);
 }
-.ui.tab.loading:after,
-.ui.tab.loading.segment:after {
+.ui.tab.loading::after,
+.ui.tab.loading.segment::after {
   position: absolute;
   content: '';
   top: 50%;

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

@@ -1,5 +1,5 @@
 /*!
- * # Fomantic-UI 2.8.8 - Toast
+ * # Fomantic-UI 2.9.0 - Toast
  * http://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -17,6 +17,9 @@
   position: fixed;
   z-index: 9999;
 }
+.ui.toast-container.absolute {
+  position: absolute;
+}
 .ui.toast-container.ui.attached {
   width: 100%;
   left: 0;
@@ -95,6 +98,12 @@
           transform: translate(-50%, 0);
   bottom: 0.85714286em;
 }
+.ui.toast-container.centered {
+  -webkit-transform: translate(-50%, -50%);
+          transform: translate(-50%, -50%);
+  top: 50%;
+  left: 50%;
+}
 .ui.toast-container .visible.toast-box,
 .ui.toast-container .animating.toast-box,
 .ui.toast-container .toast-box {
@@ -116,6 +125,7 @@
   margin-bottom: 0.5em;
   border-radius: 0.28571429rem;
   cursor: default;
+  will-change: transform, opacity;
 }
 .ui.toast-container .toast-box:hover {
   opacity: 1;
@@ -490,6 +500,16 @@
 .ui.toast:not(.vertical).actions > .centered.icon {
   top: calc(50% - 1.2em);
 }
+.ui.toast.vertical > .content {
+  -webkit-box-flex: 1;
+      -ms-flex-positive: 1;
+          flex-grow: 1;
+}
+.ui.toast.vertical.attached {
+  -webkit-box-flex: 1;
+      -ms-flex-positive: 1;
+          flex-grow: 1;
+}
 .ui.toast.vertical > .close.icon + .content {
   padding-left: 1em;
 }
@@ -518,6 +538,28 @@
   border-bottom-left-radius: 0;
   border-bottom-right-radius: 0;
 }
+.ui.toast.ui.ui.ui.image {
+  padding: 0;
+}
+.ui.toast.ui.ui.ui.image > .content {
+  padding-top: 0.78571429em;
+  padding-bottom: 0.78571429em;
+  padding-right: 1em;
+}
+.ui.toast.ui.ui.ui.image > .actions {
+  margin: 0;
+}
+.ui.toast.ui.ui.ui.image > .ui.image {
+  border-top-left-radius: 0.28571429rem;
+  border-bottom-left-radius: 0.28571429rem;
+}
+.ui.toast.ui.ui.ui.image > .ui.image.mini {
+  min-width: calc(0.7857142857142857em + 35px);
+}
+.ui.toast.ui.ui.ui.image > .ui.image.mini + .content {
+  min-height: calc(0.7857142857142857em + 35px);
+  padding-left: 4.4em;
+}
 .ui.hoverfloating.message:hover {
   -webkit-box-shadow: 0 0 0 1px inset, 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15);
           box-shadow: 0 0 0 1px inset, 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15);
@@ -774,3 +816,9 @@
     opacity: 0;
   }
 }
+
+
+/*******************************
+         Theme Overrides
+*******************************/
+

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

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

data/app/assets/stylesheets/semantic-ui/views/_ad.scss

@@ -1,5 +1,5 @@
 /*!
- * # Fomantic-UI 2.8.8 - Ad
+ * # Fomantic-UI 2.9.0 - Ad
  * http://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -242,7 +242,7 @@
   position: relative;
   background: #545454;
 }
-.ui.test.ad:after {
+.ui.test.ad::after {
   position: absolute;
   top: 50%;
   left: 50%;
@@ -255,10 +255,10 @@
   font-size: 1em;
   font-weight: bold;
 }
-.ui.mobile.test.ad:after {
+.ui.mobile.test.ad::after {
   font-size: 0.85714286em;
 }
-.ui.test.ad[data-text]:after {
+.ui.test.ad[data-text]::after {
   content: attr(data-text);
 }