fomantic-ui 2.9.1-beta.8 → 2.9.1

package/dist/components/feed.css

@@ -1,5 +1,5 @@
 /*!
- * # Fomantic-UI 2.9.1-beta.8+edc5e7e - Feed
+ * # Fomantic-UI 2.9.1 - Feed
  * https://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -31,13 +31,8 @@
 
 /* Event */
 .ui.feed > .event {
-  display: -webkit-box;
-  display: -ms-flexbox;
   display: flex;
-  -webkit-box-orient: horizontal;
-  -webkit-box-direction: normal;
-      -ms-flex-direction: row;
-          flex-direction: row;
+  flex-direction: row;
   width: 100%;
   padding: 0.21428571rem 0;
   margin: 0;
@@ -55,13 +50,10 @@
 /* Event Label */
 .ui.feed > .event > .label {
   display: block;
-  -webkit-box-flex: 0;
-      -ms-flex: 0 0 auto;
-          flex: 0 0 auto;
+  flex: 0 0 auto;
   width: 2.5em;
   height: auto;
-  -ms-flex-item-align: stretch;
-      align-self: stretch;
+  align-self: stretch;
   text-align: left;
 }
 .ui.feed > .event > .label .icon {
@@ -83,19 +75,15 @@
   margin: 0.5em 0 0.35714286em 1.14285714em;
 }
 
-/*--------------
+/* --------------
      Content
----------------*/
-
+--------------- */
 
 /* Content */
 .ui.feed > .event > .content {
   display: block;
-  -webkit-box-flex: 1;
-      -ms-flex: 1 1 auto;
-          flex: 1 1 auto;
-  -ms-flex-item-align: stretch;
-      align-self: stretch;
+  flex: 1 1 auto;
+  align-self: stretch;
   text-align: left;
   word-wrap: break-word;
 }
@@ -108,10 +96,9 @@
   cursor: pointer;
 }
 
-/*--------------
-        Date
-  ---------------*/
-
+/* --------------
+          Date
+    --------------- */
 .ui.feed > .event > .content .date {
   margin: -0.5rem 0 0;
   padding: 0;
@@ -121,10 +108,9 @@
   font-style: normal;
 }
 
-/*--------------
-       Summary
-  ---------------*/
-
+/* --------------
+         Summary
+    --------------- */
 .ui.feed > .event > .content .summary {
   margin: 0;
   font-size: 1em;
@@ -142,10 +128,9 @@
   vertical-align: middle;
 }
 
-/*--------------
-       Inline Date
-    ---------------*/
-
+/* --------------
+           Inline Date
+        --------------- */
 
 /* Date inside Summary */
 .ui.feed > .event > .content .summary > .date {
@@ -159,10 +144,9 @@
   color: rgba(0, 0, 0, 0.4);
 }
 
-/*--------------
-        User
-  ---------------*/
-
+/* --------------
+          User
+    --------------- */
 .ui.feed > .event > .content .user {
   display: inline-block;
   font-weight: bold;
@@ -176,10 +160,9 @@
   vertical-align: middle;
 }
 
-/*--------------
-    Extra Summary
-  ---------------*/
-
+/* --------------
+      Extra Summary
+    --------------- */
 .ui.feed > .event > .content .extra {
   margin: 0.5em 0 0;
   background: none;
@@ -203,10 +186,9 @@
   line-height: 1.4285em;
 }
 
-/*--------------
-        Meta
-  ---------------*/
-
+/* --------------
+          Meta
+    --------------- */
 .ui.feed > .event > .content .meta {
   display: inline-block;
   font-size: 0.85714286em;
@@ -214,8 +196,7 @@
   background: none;
   border: none;
   border-radius: 0;
-  -webkit-box-shadow: none;
-          box-shadow: none;
+  box-shadow: none;
   padding: 0;
   color: rgba(0, 0, 0, 0.6);
 }
@@ -224,7 +205,7 @@
   margin-left: 0.75em;
 }
 .ui.feed > .event > .content .meta > *::after {
-  content: '';
+  content: "";
   color: rgba(0, 0, 0, 0.2);
   top: 0;
   left: -1em;
@@ -233,15 +214,14 @@
   vertical-align: top;
 }
 .ui.feed > .event > .content .meta .like {
-  color: '';
-  -webkit-transition: 0.2s color ease;
+  color: "";
   transition: 0.2s color ease;
 }
 .ui.feed > .event > .content .meta .like:hover i.icon {
-  color: #FF2733;
+  color: #ff2733;
 }
 .ui.feed > .event > .content .meta .active.like i.icon {
-  color: #EF404A;
+  color: #ef404a;
 }
 
 /* First element */
@@ -258,7 +238,6 @@
   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,
@@ -297,12 +276,11 @@
   font-size: 1.71428571rem;
 }
 
-/*------------------
-        Inverted
-  -------------------*/
-
+/* ------------------
+          Inverted
+    ------------------- */
 .ui.inverted.feed > .event {
-  background: #1B1C1D;
+  background: #1b1c1d;
 }
 .ui.inverted.feed > .event > .content .date,
 .ui.inverted.feed > .event > .content .meta .like {

package/dist/components/feed.min.css

@@ -1,9 +1,9 @@
 /*!
- * # Fomantic-UI 2.9.1-beta.8+edc5e7e - Feed
+ * # Fomantic-UI 2.9.1 - Feed
  * https://github.com/fomantic/Fomantic-UI/
  *
  *
  * Released under the MIT license
  * https://opensource.org/licenses/MIT
  *
- */.ui.feed{margin:1em 0}.ui.feed:first-child{margin-top:0}.ui.feed:last-child{margin-bottom:0}.ui.feed>.event{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;width:100%;padding:.21428571rem 0;margin:0;background:0 0;border-top:none}.ui.feed>.event:first-child{border-top:0;padding-top:0}.ui.feed>.event:last-child{padding-bottom:0}.ui.feed>.event>.label{display:block;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:2.5em;height:auto;-ms-flex-item-align:stretch;align-self:stretch;text-align:left}.ui.feed>.event>.label .icon{opacity:1;font-size:1.5em;width:100%;padding:.25em;background:0 0;border:none;border-radius:none;color:rgba(0,0,0,.6)}.ui.feed>.event>.label img{width:100%;height:auto;border-radius:500rem}.ui.feed>.event>.label+.content{margin:.5em 0 .35714286em 1.14285714em}.ui.feed>.event>.content{display:block;-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}.ui.feed>.event:last-child>.content{padding-bottom:0}.ui.feed>.event>.content a{cursor:pointer}.ui.feed>.event>.content .date{margin:-.5rem 0 0;padding:0;color:rgba(0,0,0,.4);font-weight:400;font-size:1em;font-style:normal}.ui.feed>.event>.content .summary{margin:0;font-size:1em;font-weight:700;color:rgba(0,0,0,.87)}.ui.feed>.event>.content .summary img{display:inline-block;width:auto;height:10em;margin:-.25em .25em 0 0;border-radius:.25em;vertical-align:middle}.ui.feed>.event>.content .summary>.date{display:inline-block;float:none;font-weight:400;font-size:.85714286em;font-style:normal;margin:0 0 0 .5em;padding:0;color:rgba(0,0,0,.4)}.ui.feed>.event>.content .user{display:inline-block;font-weight:700;margin-right:0;vertical-align:baseline}.ui.feed>.event>.content .user img{margin:-.25em .25em 0 0;width:auto;height:10em;vertical-align:middle}.ui.feed>.event>.content .extra{margin:.5em 0 0;background:0 0;padding:0;color:rgba(0,0,0,.87)}.ui.feed>.event>.content .extra.images img{display:inline-block;margin:0 .25em 0 0;width:6em}.ui.feed>.event>.content .extra.text{padding:0;border-left:none;font-size:1em;max-width:500px;line-height:1.4285em}.ui.feed>.event>.content .meta{display:inline-block;font-size:.85714286em;margin:.5em 0 0;background:0 0;border:none;border-radius:0;-webkit-box-shadow:none;box-shadow:none;padding:0;color:rgba(0,0,0,.6)}.ui.feed>.event>.content .meta>*{position:relative;margin-left:.75em}.ui.feed>.event>.content .meta>::after{content:'';color:rgba(0,0,0,.2);top:0;left:-1em;opacity:1;position:absolute;vertical-align:top}.ui.feed>.event>.content .meta .like{color:'';-webkit-transition:.2s color ease;transition:.2s color ease}.ui.feed>.event>.content .meta .like:hover i.icon{color:#ff2733}.ui.feed>.event>.content .meta .active.like i.icon{color:#ef404a}.ui.feed>.event>.content .meta>:first-child{margin-left:0}.ui.feed>.event>.content .meta>:first-child::after{display:none}.ui.feed>.event>.content .meta a,.ui.feed>.event>.content .meta>i.icon{cursor:pointer;opacity:1;color:rgba(0,0,0,.5);-webkit-transition:color .1s ease;transition:color .1s ease}.ui.feed>.event>.content .meta a:hover,.ui.feed>.event>.content .meta a:hover i.icon,.ui.feed>.event>.content .meta>i.icon:hover{color:rgba(0,0,0,.95)}.ui.feed{font-size:1rem}.ui.mini.feed{font-size:.78571429rem}.ui.tiny.feed{font-size:.85714286rem}.ui.small.feed{font-size:.92857143rem}.ui.large.feed{font-size:1.14285714rem}.ui.big.feed{font-size:1.28571429rem}.ui.huge.feed{font-size:1.42857143rem}.ui.massive.feed{font-size:1.71428571rem}.ui.inverted.feed>.event{background:#1b1c1d}.ui.inverted.feed>.event>.content .date,.ui.inverted.feed>.event>.content .meta .like{color:rgba(255,255,255,.7)}.ui.inverted.feed>.event>.content .extra.text,.ui.inverted.feed>.event>.content .summary{color:rgba(255,255,255,.9)}.ui.inverted.feed>.event>.content .meta .like:hover{color:#fff}
+ */.ui.feed{margin:1em 0}.ui.feed:first-child{margin-top:0}.ui.feed:last-child{margin-bottom:0}.ui.feed>.event{display:flex;flex-direction:row;width:100%;padding:.21428571rem 0;margin:0;background:0 0;border-top:none}.ui.feed>.event:first-child{border-top:0;padding-top:0}.ui.feed>.event:last-child{padding-bottom:0}.ui.feed>.event>.label{display:block;flex:0 0 auto;width:2.5em;height:auto;align-self:stretch;text-align:left}.ui.feed>.event>.label .icon{opacity:1;font-size:1.5em;width:100%;padding:.25em;background:0 0;border:none;border-radius:none;color:rgba(0,0,0,.6)}.ui.feed>.event>.label img{width:100%;height:auto;border-radius:500rem}.ui.feed>.event>.label+.content{margin:.5em 0 .35714286em 1.14285714em}.ui.feed>.event>.content{display:block;flex:1 1 auto;align-self:stretch;text-align:left;word-wrap:break-word}.ui.feed>.event:last-child>.content{padding-bottom:0}.ui.feed>.event>.content a{cursor:pointer}.ui.feed>.event>.content .date{margin:-.5rem 0 0;padding:0;color:rgba(0,0,0,.4);font-weight:400;font-size:1em;font-style:normal}.ui.feed>.event>.content .summary{margin:0;font-size:1em;font-weight:700;color:rgba(0,0,0,.87)}.ui.feed>.event>.content .summary img{display:inline-block;width:auto;height:10em;margin:-.25em .25em 0 0;border-radius:.25em;vertical-align:middle}.ui.feed>.event>.content .summary>.date{display:inline-block;float:none;font-weight:400;font-size:.85714286em;font-style:normal;margin:0 0 0 .5em;padding:0;color:rgba(0,0,0,.4)}.ui.feed>.event>.content .user{display:inline-block;font-weight:700;margin-right:0;vertical-align:baseline}.ui.feed>.event>.content .user img{margin:-.25em .25em 0 0;width:auto;height:10em;vertical-align:middle}.ui.feed>.event>.content .extra{margin:.5em 0 0;background:0 0;padding:0;color:rgba(0,0,0,.87)}.ui.feed>.event>.content .extra.images img{display:inline-block;margin:0 .25em 0 0;width:6em}.ui.feed>.event>.content .extra.text{padding:0;border-left:none;font-size:1em;max-width:500px;line-height:1.4285em}.ui.feed>.event>.content .meta{display:inline-block;font-size:.85714286em;margin:.5em 0 0;background:0 0;border:none;border-radius:0;box-shadow:none;padding:0;color:rgba(0,0,0,.6)}.ui.feed>.event>.content .meta>*{position:relative;margin-left:.75em}.ui.feed>.event>.content .meta>::after{content:"";color:rgba(0,0,0,.2);top:0;left:-1em;opacity:1;position:absolute;vertical-align:top}.ui.feed>.event>.content .meta .like{color:"";transition:.2s color ease}.ui.feed>.event>.content .meta .like:hover i.icon{color:#ff2733}.ui.feed>.event>.content .meta .active.like i.icon{color:#ef404a}.ui.feed>.event>.content .meta>:first-child{margin-left:0}.ui.feed>.event>.content .meta>:first-child::after{display:none}.ui.feed>.event>.content .meta a,.ui.feed>.event>.content .meta>i.icon{cursor:pointer;opacity:1;color:rgba(0,0,0,.5);transition:color .1s ease}.ui.feed>.event>.content .meta a:hover,.ui.feed>.event>.content .meta a:hover i.icon,.ui.feed>.event>.content .meta>i.icon:hover{color:rgba(0,0,0,.95)}.ui.feed{font-size:1rem}.ui.mini.feed{font-size:.78571429rem}.ui.tiny.feed{font-size:.85714286rem}.ui.small.feed{font-size:.92857143rem}.ui.large.feed{font-size:1.14285714rem}.ui.big.feed{font-size:1.28571429rem}.ui.huge.feed{font-size:1.42857143rem}.ui.massive.feed{font-size:1.71428571rem}.ui.inverted.feed>.event{background:#1b1c1d}.ui.inverted.feed>.event>.content .date,.ui.inverted.feed>.event>.content .meta .like{color:rgba(255,255,255,.7)}.ui.inverted.feed>.event>.content .extra.text,.ui.inverted.feed>.event>.content .summary{color:rgba(255,255,255,.9)}.ui.inverted.feed>.event>.content .meta .like:hover{color:#fff}