fomantic-ui-sass 2.7.6 → 2.7.7

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

@@ -206,7 +206,8 @@
 .ui.threaded.comments .comment > .comments {
   margin: -1.5em 0 -1em 1.25em;
   padding: 3em 0 2em 2.25em;
-  box-shadow: -1px 0 0 rgba(34, 36, 38, 0.15);
+  -webkit-box-shadow: -1px 0 0 rgba(34, 36, 38, 0.15);
+          box-shadow: -1px 0 0 rgba(34, 36, 38, 0.15);
 }
 
 /*--------------------
@@ -219,8 +220,10 @@
   top: 0;
   right: 0;
   left: auto;
+  -webkit-transition: opacity 0.2s ease;
   transition: opacity 0.2s ease;
-  transition-delay: 0.1s;
+  -webkit-transition-delay: 0.1s;
+          transition-delay: 0.1s;
 }
 .ui.minimal.comments .comment > .content:hover > .actions {
   opacity: 1;
@@ -276,7 +279,8 @@
   color: #ffffff;
 }
 .ui.inverted.threaded.comments .comment > .comments {
-  box-shadow: -1px 0 0 #555555;
+  -webkit-box-shadow: -1px 0 0 #555555;
+          box-shadow: -1px 0 0 #555555;
 }
 
 

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

@@ -31,8 +31,13 @@
 
 /* Event */
 .ui.feed > .event {
+  display: -webkit-box;
+  display: -ms-flexbox;
   display: flex;
-  flex-direction: row;
+  -webkit-box-orient: horizontal;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: row;
+          flex-direction: row;
   width: 100%;
   padding: 0.21428571rem 0;
   margin: 0;
@@ -50,10 +55,13 @@
 /* Event Label */
 .ui.feed > .event > .label {
   display: block;
-  flex: 0 0 auto;
+  -webkit-box-flex: 0;
+      -ms-flex: 0 0 auto;
+          flex: 0 0 auto;
   width: 2.5em;
   height: auto;
-  align-self: stretch;
+  -ms-flex-item-align: stretch;
+      align-self: stretch;
   text-align: left;
 }
 .ui.feed > .event > .label .icon {
@@ -83,8 +91,11 @@
 /* Content */
 .ui.feed > .event > .content {
   display: block;
-  flex: 1 1 auto;
-  align-self: stretch;
+  -webkit-box-flex: 1;
+      -ms-flex: 1 1 auto;
+          flex: 1 1 auto;
+  -ms-flex-item-align: stretch;
+      align-self: stretch;
   text-align: left;
   word-wrap: break-word;
 }
@@ -203,7 +214,8 @@
   background: none;
   border: none;
   border-radius: 0;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   padding: 0;
   color: rgba(0, 0, 0, 0.6);
 }
@@ -222,6 +234,7 @@
 }
 .ui.feed > .event > .content .meta .like {
   color: '';
+  -webkit-transition: 0.2s color ease;
   transition: 0.2s color ease;
 }
 .ui.feed > .event > .content .meta .like:hover .icon {
@@ -245,6 +258,7 @@
   cursor: pointer;
   opacity: 1;
   color: rgba(0, 0, 0, 0.5);
+  -webkit-transition: color 0.1s ease;
   transition: color 0.1s ease;
 }
 .ui.feed > .event > .content .meta a:hover,

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

@@ -19,6 +19,8 @@
 ---------------*/
 
 .ui.items > .item {
+  display: -webkit-box;
+  display: -ms-flexbox;
   display: flex;
   margin: 1em 0;
   width: 100%;
@@ -27,8 +29,12 @@
   padding: 0;
   border: none;
   border-radius: 0;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
+  -webkit-transition: -webkit-box-shadow 0.1s ease;
+  transition: -webkit-box-shadow 0.1s ease;
   transition: box-shadow 0.1s ease;
+  transition: box-shadow 0.1s ease, -webkit-box-shadow 0.1s ease;
   z-index: '';
 }
 .ui.items > .item a {
@@ -74,13 +80,16 @@
 
 .ui.items > .item > .image {
   position: relative;
-  flex: 0 0 auto;
+  -webkit-box-flex: 0;
+      -ms-flex: 0 0 auto;
+          flex: 0 0 auto;
   display: block;
   float: none;
   margin: 0;
   padding: 0;
   max-height: '';
-  align-self: start;
+  -ms-flex-item-align: start;
+      align-self: start;
 }
 .ui.items > .item > .image > img {
   display: block;
@@ -99,12 +108,15 @@
 
 .ui.items > .item > .content {
   display: block;
-  flex: 1 1 auto;
+  -webkit-box-flex: 1;
+      -ms-flex: 1 1 auto;
+          flex: 1 1 auto;
   background: none;
   color: rgba(0, 0, 0, 0.87);
   margin: 0;
   padding: 0;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   font-size: 1em;
   border: none;
   border-radius: 0;
@@ -122,7 +134,8 @@
   width: auto;
   display: block;
   margin-left: 0;
-  align-self: start;
+  -ms-flex-item-align: start;
+      align-self: start;
   padding-left: 1.5em;
 }
 .ui.items > .item > .content > .header {
@@ -154,7 +167,8 @@
 ---------------*/
 
 .ui.items > .item .content img {
-  align-self: center;
+  -ms-flex-item-align: center;
+      align-self: center;
   width: '';
 }
 .ui.items > .item img.avatar,
@@ -216,6 +230,7 @@
 /* Generic */
 .ui.items > .item > .content a:not(.ui) {
   color: '';
+  -webkit-transition: color 0.1s ease;
   transition: color 0.1s ease;
 }
 .ui.items > .item > .content a:not(.ui):hover {
@@ -250,6 +265,7 @@
 .ui.items > .item > .content .favorite.icon {
   cursor: pointer;
   opacity: 0.75;
+  -webkit-transition: color 0.1s ease;
   transition: color 0.1s ease;
 }
 .ui.items > .item > .content .favorite.icon:hover {
@@ -267,6 +283,7 @@
 .ui.items > .item > .content .like.icon {
   cursor: pointer;
   opacity: 0.75;
+  -webkit-transition: color 0.1s ease;
   transition: color 0.1s ease;
 }
 .ui.items > .item > .content .like.icon:hover {
@@ -291,7 +308,9 @@
   top: 0;
   left: 0;
   color: rgba(0, 0, 0, 0.4);
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
+  -webkit-transition: color 0.1s ease;
   transition: color 0.1s ease;
   border-top: none;
 }
@@ -338,7 +357,10 @@
 /* Mobile Only */
 @media only screen and (max-width: 767.98px) {
   .ui.items:not(.unstackable) > .item {
-    flex-direction: column;
+    -webkit-box-orient: vertical;
+    -webkit-box-direction: normal;
+        -ms-flex-direction: column;
+            flex-direction: column;
     margin: 2em 0;
   }
   .ui.items:not(.unstackable) > .item > .image {
@@ -369,13 +391,16 @@
 --------------------*/
 
 .ui.items > .item > .image + [class*="top aligned"].content {
-  align-self: flex-start;
+  -ms-flex-item-align: start;
+      align-self: flex-start;
 }
 .ui.items > .item > .image + [class*="middle aligned"].content {
-  align-self: center;
+  -ms-flex-item-align: center;
+      align-self: center;
 }
 .ui.items > .item > .image + [class*="bottom aligned"].content {
-  align-self: flex-end;
+  -ms-flex-item-align: end;
+      align-self: flex-end;
 }
 
 /*--------------

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

@@ -16,8 +16,13 @@
 
 /* Standalone */
 .ui.statistic {
+  display: -webkit-inline-box;
+  display: -ms-inline-flexbox;
   display: inline-flex;
-  flex-direction: column;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+          flex-direction: column;
   margin: 1em 0;
   max-width: none;
 }
@@ -39,18 +44,32 @@
 
 /* Grouped */
 .ui.statistics {
+  display: -webkit-box;
+  display: -ms-flexbox;
   display: flex;
-  align-items: flex-start;
-  flex-wrap: wrap;
+  -webkit-box-align: start;
+      -ms-flex-align: start;
+          align-items: flex-start;
+  -ms-flex-wrap: wrap;
+      flex-wrap: wrap;
 }
 .ui.statistics > .statistic {
+  display: -webkit-inline-box;
+  display: -ms-inline-flexbox;
   display: inline-flex;
-  flex: 0 1 auto;
-  flex-direction: column;
+  -webkit-box-flex: 0;
+      -ms-flex: 0 1 auto;
+          flex: 0 1 auto;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+          flex-direction: column;
   margin: 0 1.5em 1em;
   max-width: none;
 }
 .ui.statistics {
+  display: -webkit-box;
+  display: -ms-flexbox;
   display: flex;
   margin: 1em -1.5em -1em;
 }
@@ -244,17 +263,30 @@
 ---------------*/
 
 .ui.horizontal.statistic {
-  flex-direction: row;
-  align-items: center;
+  -webkit-box-orient: horizontal;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: row;
+          flex-direction: row;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
 }
 .ui.horizontal.statistics {
-  flex-direction: column;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+          flex-direction: column;
   margin: 0;
   max-width: none;
 }
 .ui.horizontal.statistics .statistic {
-  flex-direction: row;
-  align-items: center;
+  -webkit-box-orient: horizontal;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: row;
+          flex-direction: row;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
   max-width: none;
   margin: 1em 0;
 }

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

@@ -1,8 +1,8 @@
 module Fomantic
   module Ui
     module Sass
-      VERSION = '2.7.6'.freeze
-      SEMANTIC_UI_SHA = '8424ca61f209cfa3d99e8548ee4b462d000e50cd'.freeze
+      VERSION = '2.7.7'.freeze
+      SEMANTIC_UI_SHA = 'bf210266c5e5545efebc958b5590e89acdb35fbb'.freeze
     end
   end
 end

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: fomantic-ui-sass
 version: !ruby/object:Gem::Version
-  version: 2.7.6
+  version: 2.7.7
 platform: ruby
 authors:
 - doabit
@@ -9,7 +9,7 @@ authors:
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2019-06-17 00:00:00.000000000 Z
+date: 2019-11-14 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: autoprefixer-rails