fomantic-ui-sass 2.8.2 → 2.8.7

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

@@ -101,7 +101,7 @@
 .ui.toast-container .toast-box > .attached.progress.success .bar.bar.bar {
   background: #15792d;
 }
-.ui.toast-container .toast-box > .attached.progress .error .bar.bar.bar {
+.ui.toast-container .toast-box > .attached.progress.error .bar.bar.bar {
   background: #9c1a1a;
 }
 .ui.toast-container .toast-box > .attached.progress.neutral .bar.bar.bar {
@@ -122,7 +122,7 @@
 .ui.toast-container .toast-box > .ui.message.icon > :not(.icon):not(.actions) {
   padding-left: 5rem;
 }
-.ui.toast-container .toast-box > .ui.message.icon > .icon:not(.close) {
+.ui.toast-container .toast-box > .ui.message.icon > i.icon:not(.close) {
   display: inline-block;
   position: absolute;
   width: 4rem;
@@ -130,7 +130,7 @@
   -webkit-transform: translateY(-50%);
           transform: translateY(-50%);
 }
-.ui.toast-container .toast-box > .ui.message.icon:not(.vertical).actions > .icon:not(.close) {
+.ui.toast-container .toast-box > .ui.message.icon:not(.vertical).actions > i.icon:not(.close) {
   top: calc(50% - 1.2em);
   -webkit-transform: none;
           transform: none;
@@ -392,13 +392,13 @@
   background-color: #FFFFFF;
   color: rgba(0, 0, 0, 0.87);
 }
-.ui.toast > .icon:not(.close) {
+.ui.toast > i.icon:not(.close) {
   font-size: 1.5em;
 }
-.ui.toast:not(.vertical) > .icon:not(.close) {
+.ui.toast:not(.vertical) > i.icon:not(.close) {
   position: absolute;
 }
-.ui.toast:not(.vertical) > .icon:not(.close) + .content {
+.ui.toast:not(.vertical) > i.icon:not(.close) + .content {
   padding-left: 3em;
 }
 .ui.toast:not(.vertical) > .close.icon + .content {
@@ -439,7 +439,7 @@
   padding-left: 1em;
 }
 .ui.toast.vertical > .ui.image + .content,
-.ui.toast.vertical > .icon:not(.close) + .content {
+.ui.toast.vertical > i.icon:not(.close) + .content {
   padding-left: 1em;
 }
 .ui.toast.vertical > .ui.image {

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

@@ -88,8 +88,8 @@
 */
 
 /*--------------
-     Browse
----------------*/
+       Browse
+  ---------------*/
 
 .transition.browse {
   -webkit-animation-duration: 500ms;
@@ -246,8 +246,8 @@
 }
 
 /*--------------
-     Drop
----------------*/
+       Drop
+  ---------------*/
 
 .drop.transition {
   -webkit-transform-origin: top center;
@@ -317,8 +317,8 @@
 }
 
 /*--------------
-      Fade
----------------*/
+        Fade
+  ---------------*/
 
 .transition.fade.in {
   -webkit-animation-name: fadeIn;
@@ -590,8 +590,8 @@
 }
 
 /*--------------
-     Flips
----------------*/
+       Flips
+  ---------------*/
 
 .flip.transition.in,
 .flip.transition.out {
@@ -716,8 +716,8 @@
 }
 
 /*--------------
-      Scale
----------------*/
+        Scale
+  ---------------*/
 
 .scale.transition.in {
   -webkit-animation-name: scaleIn;
@@ -779,8 +779,8 @@
 }
 
 /*--------------
-      Fly
----------------*/
+        Fly
+  ---------------*/
 
 
 /* Inward */
@@ -1238,8 +1238,8 @@
 }
 
 /*--------------
-     Slide
----------------*/
+       Slide
+  ---------------*/
 
 .transition.slide.in,
 .transition[class*="slide down"].in {
@@ -1257,14 +1257,14 @@
 .transition[class*="slide left"].in {
   -webkit-animation-name: slideInX;
           animation-name: slideInX;
-  -webkit-transform-origin: center right;
-          transform-origin: center right;
+  -webkit-transform-origin: right center;
+          transform-origin: right center;
 }
 .transition[class*="slide right"].in {
   -webkit-animation-name: slideInX;
           animation-name: slideInX;
-  -webkit-transform-origin: center left;
-          transform-origin: center left;
+  -webkit-transform-origin: left center;
+          transform-origin: left center;
 }
 .transition.slide.out,
 .transition[class*="slide down"].out {
@@ -1282,14 +1282,14 @@
 .transition[class*="slide left"].out {
   -webkit-animation-name: slideOutX;
           animation-name: slideOutX;
-  -webkit-transform-origin: center right;
-          transform-origin: center right;
+  -webkit-transform-origin: right center;
+          transform-origin: right center;
 }
 .transition[class*="slide right"].out {
   -webkit-animation-name: slideOutX;
           animation-name: slideOutX;
-  -webkit-transform-origin: center left;
-          transform-origin: center left;
+  -webkit-transform-origin: left center;
+          transform-origin: left center;
 }
 
 /* In */
@@ -1393,8 +1393,8 @@
 }
 
 /*--------------
-     Swing
----------------*/
+       Swing
+  ---------------*/
 
 .transition.swing {
   -webkit-animation-duration: 800ms;
@@ -1415,14 +1415,14 @@
 .transition[class*="swing left"].in {
   -webkit-animation-name: swingInY;
           animation-name: swingInY;
-  -webkit-transform-origin: center right;
-          transform-origin: center right;
+  -webkit-transform-origin: right center;
+          transform-origin: right center;
 }
 .transition[class*="swing right"].in {
   -webkit-animation-name: swingInY;
           animation-name: swingInY;
-  -webkit-transform-origin: center left;
-          transform-origin: center left;
+  -webkit-transform-origin: left center;
+          transform-origin: left center;
 }
 .transition.swing.out,
 .transition[class*="swing down"].out {
@@ -1440,14 +1440,14 @@
 .transition[class*="swing left"].out {
   -webkit-animation-name: swingOutY;
           animation-name: swingOutY;
-  -webkit-transform-origin: center right;
-          transform-origin: center right;
+  -webkit-transform-origin: right center;
+          transform-origin: right center;
 }
 .transition[class*="swing right"].out {
   -webkit-animation-name: swingOutY;
           animation-name: swingOutY;
-  -webkit-transform-origin: center left;
-          transform-origin: center left;
+  -webkit-transform-origin: left center;
+          transform-origin: left center;
 }
 
 /* In */
@@ -1647,8 +1647,8 @@
 }
 
 /*--------------
-      Zoom
----------------*/
+        Zoom
+  ---------------*/
 
 .transition.zoom.in {
   -webkit-animation-name: zoomIn;

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

@@ -345,7 +345,7 @@
 
 .ui.cards > .card .dimmer,
 .ui.card .dimmer {
-  background-color: '';
+  background: '';
   z-index: 10;
 }
 

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

@@ -237,10 +237,10 @@
   -webkit-transition: 0.2s color ease;
   transition: 0.2s color ease;
 }
-.ui.feed > .event > .content .meta .like:hover .icon {
+.ui.feed > .event > .content .meta .like:hover i.icon {
   color: #FF2733;
 }
-.ui.feed > .event > .content .meta .active.like .icon {
+.ui.feed > .event > .content .meta .active.like i.icon {
   color: #EF404A;
 }
 
@@ -254,7 +254,7 @@
 
 /* Action */
 .ui.feed > .event > .content .meta a,
-.ui.feed > .event > .content .meta > .icon {
+.ui.feed > .event > .content .meta > i.icon {
   cursor: pointer;
   opacity: 1;
   color: rgba(0, 0, 0, 0.5);
@@ -262,8 +262,8 @@
   transition: color 0.1s ease;
 }
 .ui.feed > .event > .content .meta a:hover,
-.ui.feed > .event > .content .meta a:hover .icon,
-.ui.feed > .event > .content .meta > .icon:hover {
+.ui.feed > .event > .content .meta a:hover i.icon,
+.ui.feed > .event > .content .meta > i.icon:hover {
   color: rgba(0, 0, 0, 0.95);
 }
 

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

@@ -144,8 +144,8 @@
    Icon Value
 ---------------*/
 
-.ui.statistics .statistic > .value .icon,
-.ui.statistic > .value .icon {
+.ui.statistics .statistic > .value > i.icon,
+.ui.statistic > .value > i.icon {
   opacity: 1;
   width: auto;
   margin: 0;
@@ -294,8 +294,8 @@
 .ui.horizontal.statistics > .statistic > .text.value {
   min-height: 0 !important;
 }
-.ui.horizontal.statistics .statistic > .value .icon,
-.ui.horizontal.statistic > .value .icon {
+.ui.horizontal.statistics .statistic > .value > i.icon,
+.ui.horizontal.statistic > .value > i.icon {
   width: 1.18em;
 }
 .ui.horizontal.statistics .statistic > .value,

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

@@ -1,8 +1,8 @@
 module Fomantic
   module Ui
     module Sass
-      VERSION = '2.8.2'.freeze
-      SEMANTIC_UI_SHA = '88b9cc19e6a8761158f7bc4e74fbf436d29e98a3'.freeze
+      VERSION = '2.8.7'.freeze
+      SEMANTIC_UI_SHA = '5b3969cc46bd1e1da1f59b2f5a05098fa5053d2a'.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.2
+  version: 2.8.7
 platform: ruby
 authors:
 - doabit
 - shanecav84
-autorequire: 
+autorequire:
 bindir: bin
 cert_chain: []
-date: 2020-01-17 00:00:00.000000000 Z
+date: 2021-03-04 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.0.3
-signing_key: 
+rubygems_version: 3.1.2
+signing_key:
 specification_version: 4
 summary: Fomantic UI, converted to Sass and ready to drop into Rails, Compass, or
   Sprockets.