fomantic-ui-sass 2.9.0 → 2.9.1

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

@@ -1,10 +1,10 @@
 /*!
- * # Fomantic-UI 2.9.0 - Item
- * http://github.com/fomantic/Fomantic-UI/
+ * # Fomantic-UI 2.9.1 - Item
+ * https://github.com/fomantic/Fomantic-UI/
  *
  *
  * Released under the MIT license
- * http://opensource.org/licenses/MIT
+ * https://opensource.org/licenses/MIT
  *
  */
 
@@ -14,13 +14,10 @@
 *******************************/
 
 
-/*--------------
+/* --------------
       Item
----------------*/
-
+--------------- */
 .ui.items > .item {
-  display: -webkit-box;
-  display: -ms-flexbox;
   display: flex;
   margin: 1em 0;
   width: 100%;
@@ -29,22 +26,17 @@
   padding: 0;
   border: none;
   border-radius: 0;
-  -webkit-box-shadow: none;
-          box-shadow: none;
-  -webkit-transition: -webkit-box-shadow 0.1s ease;
-  transition: -webkit-box-shadow 0.1s ease;
+  box-shadow: none;
   transition: box-shadow 0.1s ease;
-  transition: box-shadow 0.1s ease, -webkit-box-shadow 0.1s ease;
-  z-index: '';
+  z-index: "";
 }
 .ui.items > .item a {
   cursor: pointer;
 }
 
-/*--------------
+/* --------------
       Items
----------------*/
-
+--------------- */
 .ui.items {
   margin: 1.5em 0;
 }
@@ -55,13 +47,12 @@
   margin-bottom: 0 !important;
 }
 
-/*--------------
+/* --------------
       Item
----------------*/
-
+--------------- */
 .ui.items > .item::after {
   display: block;
-  content: ' ';
+  content: " ";
   height: 0;
   clear: both;
   overflow: hidden;
@@ -74,22 +65,18 @@
   margin-bottom: 0;
 }
 
-/*--------------
-       Images
-  ---------------*/
-
+/* --------------
+         Images
+    --------------- */
 .ui.items > .item > .image {
   position: relative;
-  -webkit-box-flex: 0;
-      -ms-flex: 0 0 auto;
-          flex: 0 0 auto;
+  flex: 0 0 auto;
   display: block;
   float: none;
   margin: 0;
   padding: 0;
-  max-height: '';
-  -ms-flex-item-align: start;
-      align-self: start;
+  max-height: "";
+  align-self: start;
 }
 .ui.items > .item > .image > img {
   display: block;
@@ -102,28 +89,24 @@
   border-radius: 0;
 }
 
-/*--------------
+/* --------------
      Content
----------------*/
-
+--------------- */
 .ui.items > .item > .content {
   display: block;
-  -webkit-box-flex: 1;
-      -ms-flex: 1 1 auto;
-          flex: 1 1 auto;
+  flex: 1 1 auto;
   background: none;
   color: rgba(0, 0, 0, 0.87);
   margin: 0;
   padding: 0;
-  -webkit-box-shadow: none;
-          box-shadow: none;
+  box-shadow: none;
   font-size: 1em;
   border: none;
   border-radius: 0;
 }
 .ui.items > .item > .content::after {
   display: block;
-  content: ' ';
+  content: " ";
   height: 0;
   clear: both;
   overflow: hidden;
@@ -134,14 +117,13 @@
   width: auto;
   display: block;
   margin-left: 0;
-  -ms-flex-item-align: start;
-      align-self: start;
+  align-self: start;
   padding-left: 1.5em;
 }
 .ui.items > .item > .content > .header {
   display: inline-block;
   margin: -0.21425em 0 0;
-  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-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;
   color: rgba(0, 0, 0, 0.85);
 }
@@ -151,10 +133,9 @@
   font-size: 1.28571429em;
 }
 
-/*--------------
-       Floated
-  ---------------*/
-
+/* --------------
+         Floated
+    --------------- */
 .ui.items > .item [class*="left floated"] {
   float: left;
 }
@@ -162,26 +143,23 @@
   float: right;
 }
 
-/*--------------
-    Content Image
-  ---------------*/
-
+/* --------------
+      Content Image
+    --------------- */
 .ui.items > .item .content img {
-  -ms-flex-item-align: center;
-      align-self: center;
-  width: '';
+  align-self: center;
+  width: "";
 }
 .ui.items > .item img.avatar,
 .ui.items > .item .avatar img {
-  width: '';
-  height: '';
+  width: "";
+  height: "";
   border-radius: 500rem;
 }
 
-/*--------------
-     Description
-  ---------------*/
-
+/* --------------
+       Description
+    --------------- */
 .ui.items > .item > .content > .description {
   margin-top: 0.6em;
   max-width: auto;
@@ -190,10 +168,9 @@
   color: rgba(0, 0, 0, 0.87);
 }
 
-/*--------------
+/* --------------
     Paragraph
----------------*/
-
+--------------- */
 .ui.items > .item > .content p {
   margin: 0 0 0.5em;
 }
@@ -201,10 +178,9 @@
   margin-bottom: 0;
 }
 
-/*--------------
-        Meta
-  ---------------*/
-
+/* --------------
+          Meta
+    --------------- */
 .ui.items > .item .meta {
   margin: 0.5em 0 0.5em;
   font-size: 1em;
@@ -222,19 +198,17 @@
   margin-left: 0.3em;
 }
 
-/*--------------
+/* --------------
       Links
----------------*/
-
+--------------- */
 
 /* Generic */
 .ui.items > .item > .content a:not(.ui) {
-  color: '';
-  -webkit-transition: color 0.1s ease;
+  color: "";
   transition: color 0.1s ease;
 }
 .ui.items > .item > .content a:not(.ui):hover {
-  color: '';
+  color: "";
 }
 
 /* Header */
@@ -253,64 +227,56 @@
   color: rgba(0, 0, 0, 0.87);
 }
 
-/*--------------
+/* --------------
      Labels
----------------*/
-
-
-/*-----Star----- */
+--------------- */
 
+/* -----Star----- */
 
 /* Icon */
 .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 {
   opacity: 1;
-  color: #FFB70A;
+  color: #ffb70a;
 }
 .ui.items > .item > .content .active.favorite.icon {
-  color: #FFE623;
+  color: #ffe623;
 }
 
-/*-----Like----- */
-
+/* -----Like----- */
 
 /* Icon */
 .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 {
   opacity: 1;
-  color: #FF2733;
+  color: #ff2733;
 }
 .ui.items > .item > .content .active.like.icon {
-  color: #FF2733;
+  color: #ff2733;
 }
 
-/*----------------
-    Extra Content
-  -----------------*/
-
+/* ----------------
+      Extra Content
+    ----------------- */
 .ui.items > .item .extra {
   display: block;
   position: relative;
   background: none;
   margin: 0.5rem 0 0;
   width: 100%;
-  padding: 0 0 0;
+  padding: 0;
   top: 0;
   left: 0;
   color: rgba(0, 0, 0, 0.4);
-  -webkit-box-shadow: none;
-          box-shadow: none;
-  -webkit-transition: color 0.1s ease;
+  box-shadow: none;
   transition: color 0.1s ease;
   border-top: none;
 }
@@ -322,7 +288,7 @@
 }
 .ui.items > .item .extra::after {
   display: block;
-  content: ' ';
+  content: " ";
   height: 0;
   clear: both;
   overflow: hidden;
@@ -357,10 +323,7 @@
 /* Mobile Only */
 @media only screen and (max-width: 767.98px) {
   .ui.items:not(.unstackable) > .item {
-    -webkit-box-orient: vertical;
-    -webkit-box-direction: normal;
-        -ms-flex-direction: column;
-            flex-direction: column;
+    flex-direction: column;
     margin: 2em 0;
   }
   .ui.items:not(.unstackable) > .item > .image {
@@ -386,27 +349,22 @@
 *******************************/
 
 
-/*-------------------
-         Aligned
-  --------------------*/
-
+/* -------------------
+           Aligned
+    -------------------- */
 .ui.items > .item > .image + [class*="top aligned"].content {
-  -ms-flex-item-align: start;
-      align-self: flex-start;
+  align-self: flex-start;
 }
 .ui.items > .item > .image + [class*="middle aligned"].content {
-  -ms-flex-item-align: center;
-      align-self: center;
+  align-self: center;
 }
 .ui.items > .item > .image + [class*="bottom aligned"].content {
-  -ms-flex-item-align: end;
-      align-self: flex-end;
+  align-self: flex-end;
 }
 
-/*--------------
-       Relaxed
-  ---------------*/
-
+/* --------------
+         Relaxed
+    --------------- */
 .ui.relaxed.items > .item {
   margin: 1.5em 0;
 }
@@ -414,10 +372,9 @@
   margin: 2em 0;
 }
 
-/*-------------------
-        Divided
-  --------------------*/
-
+/* -------------------
+          Divided
+    -------------------- */
 .ui.divided.items > .item {
   border-top: 1px solid rgba(34, 36, 38, 0.15);
   margin: 0;
@@ -443,10 +400,9 @@
   padding: 2em 0;
 }
 
-/*-------------------
-          Link
-  --------------------*/
-
+/* -------------------
+            Link
+    -------------------- */
 .ui.items a.item:hover,
 .ui.link.items > .item:hover {
   cursor: pointer;
@@ -456,10 +412,9 @@
   color: #1e70bf;
 }
 
-/*--------------
+/* --------------
       Size
----------------*/
-
+--------------- */
 .ui.items > .item {
   font-size: 1em;
 }
@@ -485,10 +440,9 @@
   font-size: 1.71428571em;
 }
 
-/*---------------
-     Unstackable
-  ----------------*/
-
+/* ---------------
+       Unstackable
+    ---------------- */
 @media only screen and (max-width: 767.98px) {
   .ui.unstackable.items > .item > .image,
   .ui.unstackable.items > .item > .image > img {
@@ -496,10 +450,9 @@
   }
 }
 
-/*--------------
-       Inverted
-  ---------------*/
-
+/* --------------
+         Inverted
+    --------------- */
 .ui.inverted.items > .item {
   background: transparent;
 }
@@ -523,7 +476,7 @@
   color: #57a4ef;
 }
 .ui.inverted.items > .item > .content a:not(.ui):hover {
-  color: #4183C4;
+  color: #4183c4;
 }
 .ui.inverted.items > .item > .content > a.header {
   color: rgba(255, 255, 255, 0.9);