fomantic-ui-sass 2.8.6 → 2.8.7

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

@@ -67,7 +67,7 @@
       Icon
 ---------------*/
 
-.ui.embed > .icon {
+.ui.embed > i.icon {
   cursor: pointer;
   position: absolute;
   top: 0;
@@ -76,7 +76,7 @@
   height: 100%;
   z-index: 2;
 }
-.ui.embed > .icon:after {
+.ui.embed > i.icon:after {
   position: absolute;
   top: 0;
   left: 0;
@@ -90,7 +90,7 @@
   -webkit-transition: opacity 0.5s ease;
   transition: opacity 0.5s ease;
 }
-.ui.embed > .icon:before {
+.ui.embed > i.icon:before {
   position: absolute;
   top: 50%;
   left: 50%;
@@ -114,12 +114,12 @@
      Hover
 ---------------*/
 
-.ui.embed .icon:hover:after {
+.ui.embed i.icon:hover:after {
   background: -webkit-radial-gradient(transparent 45%, rgba(0, 0, 0, 0.3));
   background: radial-gradient(transparent 45%, rgba(0, 0, 0, 0.3));
   opacity: 1;
 }
-.ui.embed .icon:hover:before {
+.ui.embed i.icon:hover:before {
   color: #FFFFFF;
 }
 
@@ -127,7 +127,7 @@
      Active
 ---------------*/
 
-.ui.active.embed > .icon,
+.ui.active.embed > i.icon,
 .ui.active.embed > .placeholder {
   display: none;
 }

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

@@ -35,9 +35,9 @@
   will-change: top, left, margin, transform, opacity;
 }
 .ui.modal > :first-child:not(.icon):not(.dimmer),
-.ui.modal > .icon:first-child + *,
+.ui.modal > i.icon:first-child + *,
 .ui.modal > .dimmer:first-child + *:not(.icon),
-.ui.modal > .dimmer:first-child + .icon + * {
+.ui.modal > .dimmer:first-child + i.icon + * {
   border-top-left-radius: 0.28571429rem;
   border-top-right-radius: 0.28571429rem;
 }
@@ -153,7 +153,7 @@
   -ms-flex-item-align: start;
       align-self: start;
 }
-.ui.modal > .content > .icon + .description,
+.ui.modal > .content > i.icon + .description,
 .ui.modal > .content > .image + .description {
   -webkit-box-flex: 0;
       -ms-flex: 0 1 auto;

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

@@ -98,6 +98,7 @@
   position: absolute;
   text-transform: none;
   text-align: left;
+  text-shadow: none;
   white-space: nowrap;
   font-size: 1rem;
   border: 1px solid #D4D4D5;
@@ -185,6 +186,7 @@
 [data-tooltip][data-position="right center"]:hover:after {
   -webkit-transform: translateY(-50%) scale(1) !important;
           transform: translateY(-50%) scale(1) !important;
+  -moz-transform: translateY(-50%) scale(1.0001) !important;
 }
 [data-tooltip][data-position="top left"]:after,
 [data-tooltip][data-position="top right"]:after,

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

@@ -98,6 +98,7 @@ body.pushable.dimmed {
 .pushable:not(body) {
   -webkit-transform: translate3d(0, 0, 0);
           transform: translate3d(0, 0, 0);
+  overflow-y: hidden;
 }
 .pushable:not(body) > .ui.sidebar,
 .pushable:not(body) > .fixed,
@@ -153,7 +154,7 @@ body.pushable > .pusher {
   top: 0;
   right: 0;
   content: '';
-  background-color: rgba(0, 0, 0, 0.4);
+  background: rgba(0, 0, 0, 0.4);
   overflow: hidden;
   opacity: 0;
   -webkit-transition: opacity 500ms;

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

@@ -174,9 +174,15 @@
   display: -webkit-inline-box;
   display: -ms-inline-flexbox;
   display: inline-flex;
+  padding: 0.2em 0;
   position: absolute;
   -webkit-transform: translate(-50%, -100%);
           transform: translate(-50%, -100%);
+  white-space: nowrap;
+}
+.ui.bottom.aligned.labeled.slider > .labels .label {
+  -webkit-transform: translate(-50%, 100%);
+          transform: translate(-50%, 100%);
 }
 .ui.labeled.ticked.slider > .labels .label:after {
   content: ' ';
@@ -187,6 +193,9 @@
   top: 100%;
   left: 50%;
 }
+.ui.bottom.aligned.labeled.ticked.slider > .labels .label:after {
+  top: -100%;
+}
 .ui.labeled.ticked.slider > .labels .halftick.label:after {
   height: 0.75em;
 }

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/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.6'.freeze
-      SEMANTIC_UI_SHA = '2b06f8b0aeb6c552c5252c39cddce259216f40ed'.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.6
+  version: 2.8.7
 platform: ruby
 authors:
 - doabit
 - shanecav84
-autorequire: 
+autorequire:
 bindir: bin
 cert_chain: []
-date: 2020-07-07 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
@@ -365,7 +365,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
       version: '0'
 requirements: []
 rubygems_version: 3.1.2
-signing_key: 
+signing_key:
 specification_version: 4
 summary: Fomantic UI, converted to Sass and ready to drop into Rails, Compass, or
   Sprockets.