fomantic-ui-sass 2.8.7.1 → 2.8.8

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

@@ -1,5 +1,5 @@
 /*!
- * # Fomantic-UI - Rating
+ * # Fomantic-UI 2.8.8 - Rating
  * http://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -72,8 +72,7 @@
   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%);
-  -webkit-background-clip: text;
-          background-clip: text;
+  background-clip: text;
   color: transparent;
 }
 
@@ -109,8 +108,7 @@
   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;
-  -webkit-background-clip: text;
-          background-clip: text;
+  background-clip: text;
   color: transparent;
 }
 .ui.secondary.rating .active.icon {
@@ -132,8 +130,7 @@
   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;
-  -webkit-background-clip: text;
-          background-clip: text;
+  background-clip: text;
   color: transparent;
 }
 .ui.red.rating .active.icon {
@@ -155,8 +152,7 @@
   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;
-  -webkit-background-clip: text;
-          background-clip: text;
+  background-clip: text;
   color: transparent;
 }
 .ui.orange.rating .active.icon {
@@ -178,8 +174,7 @@
   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;
-  -webkit-background-clip: text;
-          background-clip: text;
+  background-clip: text;
   color: transparent;
 }
 .ui.yellow.rating .active.icon {
@@ -201,8 +196,7 @@
   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;
-  -webkit-background-clip: text;
-          background-clip: text;
+  background-clip: text;
   color: transparent;
 }
 .ui.olive.rating .active.icon {
@@ -224,8 +218,7 @@
   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;
-  -webkit-background-clip: text;
-          background-clip: text;
+  background-clip: text;
   color: transparent;
 }
 .ui.green.rating .active.icon {
@@ -247,8 +240,7 @@
   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;
-  -webkit-background-clip: text;
-          background-clip: text;
+  background-clip: text;
   color: transparent;
 }
 .ui.teal.rating .active.icon {
@@ -270,8 +262,7 @@
   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;
-  -webkit-background-clip: text;
-          background-clip: text;
+  background-clip: text;
   color: transparent;
 }
 .ui.blue.rating .active.icon {
@@ -293,8 +284,7 @@
   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;
-  -webkit-background-clip: text;
-          background-clip: text;
+  background-clip: text;
   color: transparent;
 }
 .ui.violet.rating .active.icon {
@@ -316,8 +306,7 @@
   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;
-  -webkit-background-clip: text;
-          background-clip: text;
+  background-clip: text;
   color: transparent;
 }
 .ui.purple.rating .active.icon {
@@ -339,8 +328,7 @@
   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;
-  -webkit-background-clip: text;
-          background-clip: text;
+  background-clip: text;
   color: transparent;
 }
 .ui.pink.rating .active.icon {
@@ -362,8 +350,7 @@
   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;
-  -webkit-background-clip: text;
-          background-clip: text;
+  background-clip: text;
   color: transparent;
 }
 .ui.brown.rating .active.icon {
@@ -385,8 +372,7 @@
   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;
-  -webkit-background-clip: text;
-          background-clip: text;
+  background-clip: text;
   color: transparent;
 }
 .ui.grey.rating .active.icon {
@@ -408,8 +394,7 @@
   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;
-  -webkit-background-clip: text;
-          background-clip: text;
+  background-clip: text;
   color: transparent;
 }
 .ui.black.rating .active.icon {
@@ -431,8 +416,7 @@
   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;
-  -webkit-background-clip: text;
-          background-clip: text;
+  background-clip: text;
   color: transparent;
 }
 
@@ -450,6 +434,7 @@
 /* disabled rating */
 .ui.disabled.rating .icon {
   cursor: default;
+  pointer-events: none;
 }
 
 /*-------------------

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

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

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

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

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

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

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

@@ -181,6 +181,7 @@
   white-space: nowrap;
 }
 .ui.bottom.aligned.labeled.slider > .labels .label {
+  bottom: 0;
   -webkit-transform: translate(-50%, 100%);
           transform: translate(-50%, 100%);
 }
@@ -194,7 +195,8 @@
   left: 50%;
 }
 .ui.bottom.aligned.labeled.ticked.slider > .labels .label:after {
-  top: -100%;
+  top: auto;
+  bottom: 100%;
 }
 .ui.labeled.ticked.slider > .labels .halftick.label:after {
   height: 0.75em;

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

@@ -1,5 +1,5 @@
 /*!
- * # Fomantic-UI - Sticky
+ * # Fomantic-UI 2.8.8 - Sticky
  * http://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -58,7 +58,6 @@
 *******************************/
 
 .ui.native.sticky {
-  position: -webkit-sticky;
   position: -moz-sticky;
   position: -ms-sticky;
   position: -o-sticky;

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

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

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

@@ -1,5 +1,5 @@
 /*!
- * # Fomantic-UI - Toast
+ * # Fomantic-UI 2.8.8 - Toast
  * http://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -17,6 +17,52 @@
   position: fixed;
   z-index: 9999;
 }
+.ui.toast-container.ui.attached {
+  width: 100%;
+  left: 0;
+}
+.ui.toast-container.ui.attached .vertical.attached {
+  border-radius: 0;
+}
+.ui.toast-container.ui.attached.ui.ui .attached.actions .button {
+  border-radius: 0;
+}
+.ui.toast-container.ui.attached .toast-box {
+  margin: 0;
+  width: 100%;
+  border-radius: 0;
+}
+.ui.toast-container.ui.attached .toast-box > .ui.toast,
+.ui.toast-container.ui.attached .toast-box > .ui.message {
+  margin-left: 0;
+}
+.ui.toast-container.ui.attached .toast-box.floating,
+.ui.toast-container.ui.attached .toast-box.hoverfloating:hover {
+  border: none;
+}
+.ui.toast-container.ui.attached .toast-box > .vertical > .content {
+  -webkit-box-flex: 1;
+      -ms-flex: 1;
+          flex: 1;
+}
+.ui.toast-container.ui.attached .toast-box > * {
+  width: 100%;
+  border-radius: 0;
+}
+.ui.toast-container.ui.attached .toast-box > * > .vertical:not(.actions) {
+  -webkit-box-flex: 1;
+      -ms-flex: 1;
+          flex: 1;
+}
+.ui.toast-container.ui.attached .toast-box > .attached.actions {
+  margin-right: 1px;
+}
+.ui.toast-container.ui.attached.top {
+  top: 0;
+}
+.ui.toast-container.ui.attached.bottom {
+  bottom: 0;
+}
 .ui.toast-container.top.right {
   top: 0.85714286em;
   right: 0.85714286em;
@@ -54,6 +100,18 @@
 .ui.toast-container .toast-box {
   display: table !important;
 }
+.ui.toast-container.horizontal {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: horizontal;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: row;
+          flex-direction: row;
+}
+.ui.toast-container.horizontal .toast-box {
+  margin-right: 0.5em;
+}
 .ui.toast-container .toast-box {
   margin-bottom: 0.5em;
   border-radius: 0.28571429rem;
@@ -326,9 +384,6 @@
   border-top-right-radius: 0;
   border-bottom-right-radius: 0;
 }
-.ui.vertical.attached.left.actions .button:not(:first-child):not(:last-child) {
-  margin-left: -1px;
-}
 .ui.vertical.attached.left.message.message.message {
   border-top-right-radius: 0.28571429rem;
   border-bottom-right-radius: 0.28571429rem;
@@ -395,7 +450,10 @@
 .ui.toast > i.icon:not(.close) {
   font-size: 1.5em;
 }
-.ui.toast:not(.vertical) > i.icon:not(.close) {
+.ui.toast:not(.vertical):not(.centered):not(.center) > i.icon:not(.close) {
+  position: absolute;
+}
+.ui.toast:not(.vertical):not(.centered):not(.center) > .ui.image {
   position: absolute;
 }
 .ui.toast:not(.vertical) > i.icon:not(.close) + .content {
@@ -404,9 +462,6 @@
 .ui.toast:not(.vertical) > .close.icon + .content {
   padding-left: 1.5em;
 }
-.ui.toast:not(.vertical) > .ui.image {
-  position: absolute;
-}
 .ui.toast:not(.vertical) > .ui.image.avatar + .content {
   padding-left: 3em;
   min-height: 2em;
@@ -423,8 +478,8 @@
   padding-left: 12em;
   min-height: 150px;
 }
-.ui.toast:not(.vertical) > .centered.image,
-.ui.toast:not(.vertical) > .centered.icon {
+.ui.toast:not(.vertical):not(.centered):not(.center) > .centered.image,
+.ui.toast:not(.vertical):not(.centered):not(.center) > .centered.icon {
   -webkit-transform: translateY(-50%);
           transform: translateY(-50%);
   top: 50%;
@@ -474,6 +529,38 @@
 .ui.center.toast-container .toast-box {
   margin-right: auto;
 }
+.ui.ui.toast-container .toast-box .centered.toast,
+.ui.ui.toast-container .toast-box .center.aligned.toast {
+  text-align: center;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-pack: center;
+      -ms-flex-pack: center;
+          justify-content: center;
+}
+.ui.ui.toast-container .toast-box .centered.toast > .content,
+.ui.ui.toast-container .toast-box .center.aligned.toast > .content,
+.ui.ui.toast-container .toast-box .centered.toast > .ui.image,
+.ui.ui.toast-container .toast-box .center.aligned.toast > .ui.image,
+.ui.ui.toast-container .toast-box .centered.toast > i.icon:not(.close),
+.ui.ui.toast-container .toast-box .center.aligned.toast > i.icon:not(.close) {
+  -ms-flex-item-align: center;
+      align-self: center;
+}
+.ui.toast-container .toast-box .toast .centered.content,
+.ui.toast-container .toast-box .toast .center.aligned.content {
+  text-align: center;
+}
+.ui.toast-container .toast-box .centered.actions,
+.ui.toast-container .toast-box .center.aligned.actions {
+  text-align: center;
+}
+.ui.toast-container .toast-box .centered.actions:not(.attached) > .button:not(.fluid),
+.ui.toast-container .toast-box .center.aligned.actions:not(.attached) > .button:not(.fluid) {
+  margin-left: 0.25em;
+  margin-right: 0.25em;
+}
 
 /*--------------
      Colors

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

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

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

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

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

@@ -1,5 +1,5 @@
 /*!
- * # Fomantic-UI - Card
+ * # Fomantic-UI 2.8.8 - Card
  * http://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -431,6 +431,62 @@
 }
 
 
+/*******************************
+            States
+*******************************/
+
+
+/*--------------
+      Disabled
+  ---------------*/
+
+.ui.disabled.card {
+  opacity: 0.45;
+  color: rgba(40, 40, 40, 0.3);
+  pointer-events: none;
+}
+
+/*--------------
+      Loading
+  ---------------*/
+
+.ui.loading.card {
+  position: relative;
+  cursor: default;
+  pointer-events: none;
+  -webkit-transition: all 0s linear;
+  transition: all 0s linear;
+}
+.ui.loading.card:before {
+  position: absolute;
+  content: '';
+  top: 0;
+  left: 0;
+  background: rgba(255, 255, 255, 0.8);
+  width: 100%;
+  height: 100%;
+  border-radius: 0.28571429rem;
+  z-index: 100;
+}
+.ui.loading.card:after {
+  position: absolute;
+  content: '';
+  top: 50%;
+  left: 50%;
+  margin: -1.5em 0 0 -1.5em;
+  width: 3em;
+  height: 3em;
+  -webkit-animation: loader 0.6s infinite linear;
+          animation: loader 0.6s infinite linear;
+  border: 0.2em solid #767676;
+  border-radius: 500rem;
+  -webkit-box-shadow: 0 0 0 1px transparent;
+          box-shadow: 0 0 0 1px transparent;
+  visibility: visible;
+  z-index: 101;
+}
+
+
 /*******************************
            Variations
 *******************************/
@@ -472,7 +528,6 @@
   display: -ms-flexbox;
   display: flex;
   width: 100%;
-  height: 100%;
   border-radius: 0.28571429rem 0 0 0.28571429rem;
 }
 .ui.horizontal.cards > .card > .image:last-child > img,
@@ -481,6 +536,7 @@
 }
 .ui.horizontal.cards > .card > .content,
 .ui.horizontal.card > .content {
+  border-top: none;
   -ms-flex-preferred-size: 1px;
       flex-basis: 1px;
 }
@@ -1261,6 +1317,14 @@ a.ui.card:hover,
 .ui.inverted.card > .content > .header {
   color: rgba(255, 255, 255, 0.9);
 }
+.ui.inverted.cards > .card > .content > a.header,
+.ui.inverted.card > .content > a.header {
+  color: rgba(255, 255, 255, 0.9);
+}
+.ui.inverted.cards > .card > .content > a.header:hover,
+.ui.inverted.card > .content > a.header:hover {
+  color: #1e70bf;
+}
 
 /* Description */
 .ui.inverted.cards > .card > .content > .description,
@@ -1305,6 +1369,14 @@ a.inverted.ui.card:hover,
   background: #1B1C1D;
 }
 
+/* Loading */
+.ui.inverted.loading.card {
+  color: #FFFFFF;
+}
+.ui.inverted.loading.card:before {
+  background: rgba(0, 0, 0, 0.85);
+}
+
 
 /*******************************
          Theme Overrides

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

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

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

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

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

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

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

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

data/lib/fomantic/ui/sass/version.rb

@@ -1,8 +1,8 @@
 module Fomantic
   module Ui
     module Sass
-      VERSION = '2.8.7.1'.freeze
-      SEMANTIC_UI_SHA = '5b3969cc46bd1e1da1f59b2f5a05098fa5053d2a'.freeze
+      VERSION = '2.8.8'.freeze
+      SEMANTIC_UI_SHA = 'bd27381b4164aec236a3c69001504fd97205f012'.freeze
     end
   end
 end

metadata

@@ -1,15 +1,15 @@
 --- !ruby/object:Gem::Specification
 name: fomantic-ui-sass
 version: !ruby/object:Gem::Version
-  version: 2.8.7.1
+  version: 2.8.8
 platform: ruby
 authors:
 - doabit
 - shanecav84
-autorequire:
+autorequire: 
 bindir: bin
 cert_chain: []
-date: 2021-07-01 00:00:00.000000000 Z
+date: 2022-03-01 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: autoprefixer-rails
@@ -349,7 +349,7 @@ homepage: https://github.com/fomantic/Fomantic-UI-SASS
 licenses:
 - MIT
 metadata: {}
-post_install_message:
+post_install_message: 
 rdoc_options: []
 require_paths:
 - lib
@@ -364,8 +364,8 @@ required_rubygems_version: !ruby/object:Gem::Requirement
     - !ruby/object:Gem::Version
       version: '0'
 requirements: []
-rubygems_version: 3.2.20
-signing_key:
+rubygems_version: 3.1.6
+signing_key: 
 specification_version: 4
 summary: Fomantic UI, converted to Sass and ready to drop into Rails, Compass, or
   Sprockets.