@northdata/fomantic-ui 2.8.722 → 2.9.400

package/lib/semantic-ui/dist/components/feed.css

@@ -1,10 +1,10 @@
 /*!
- * # Fomantic-UI - Feed
- * http://github.com/fomantic/Fomantic-UI/
+ * # Fomantic-UI 2.9.4 - Feed
+ * https://github.com/fomantic/Fomantic-UI/
  *
  *
  * Released under the MIT license
- * http://opensource.org/licenses/MIT
+ * https://opensource.org/licenses/MIT
  *
  */
 
@@ -31,21 +31,17 @@
 
 /* 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;
   background: none;
+}
+.ui.feed > .event:not(:first-child) {
   border-top: none;
 }
-.ui.feed > .event:first-child {
-  border-top: 0;
+.ui.feed:not(.connected) > .event:first-child {
   padding-top: 0;
 }
 .ui.feed > .event:last-child {
@@ -55,13 +51,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 {
@@ -71,7 +64,7 @@
   padding: 0.25em;
   background: none;
   border: none;
-  border-radius: none;
+  border-radius: 0;
   color: rgba(0, 0, 0, 0.6);
 }
 .ui.feed > .event > .label img {
@@ -79,23 +72,38 @@
   height: auto;
   border-radius: 500rem;
 }
+.ui.feed > .event > .label > .text {
+  display: block;
+  text-align: center;
+  margin-top: 0.5em;
+}
+.ui.feed > .event > .label > .text.ui {
+  margin-top: 0.65em;
+}
+.ui.feed > .event > .label > .text.multiline {
+  margin-top: 0;
+}
+.ui.feed > .event > .label > .text.multiline.ui {
+  margin-top: 0.3em;
+}
+.ui.feed > .event > .label > .ui.label {
+  margin-top: 0.4em;
+  position: relative;
+  z-index: 1;
+}
 .ui.feed > .event > .label + .content {
   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 +116,9 @@
   cursor: pointer;
 }
 
-/*--------------
-      Date
----------------*/
-
+/* --------------
+          Date
+    --------------- */
 .ui.feed > .event > .content .date {
   margin: -0.5rem 0 0;
   padding: 0;
@@ -121,10 +128,9 @@
   font-style: normal;
 }
 
-/*--------------
-     Summary
----------------*/
-
+/* --------------
+         Summary
+    --------------- */
 .ui.feed > .event > .content .summary {
   margin: 0;
   font-size: 1em;
@@ -142,10 +148,27 @@
   vertical-align: middle;
 }
 
-/*--------------
-      User
----------------*/
+/* --------------
+           Inline Date
+        --------------- */
+
+/* Date inside Summary */
+.ui.feed > .event > .content .summary > .date {
+  display: inline-block;
+  font-weight: normal;
+  font-size: 0.85714286em;
+  font-style: normal;
+  margin: 0 0 0 0.5em;
+  padding: 0;
+  color: rgba(0, 0, 0, 0.4);
+}
+.ui.feed > .event > .content .summary > .date:not(.floated) {
+  float: none;
+}
 
+/* --------------
+          User
+    --------------- */
 .ui.feed > .event > .content .user {
   display: inline-block;
   font-weight: bold;
@@ -159,27 +182,9 @@
   vertical-align: middle;
 }
 
-/*--------------
-   Inline Date
----------------*/
-
-
-/* Date inside Summary */
-.ui.feed > .event > .content .summary > .date {
-  display: inline-block;
-  float: none;
-  font-weight: normal;
-  font-size: 0.85714286em;
-  font-style: normal;
-  margin: 0 0 0 0.5em;
-  padding: 0;
-  color: rgba(0, 0, 0, 0.4);
-}
-
-/*--------------
-  Extra Summary
----------------*/
-
+/* --------------
+      Extra Summary
+    --------------- */
 .ui.feed > .event > .content .extra {
   margin: 0.5em 0 0;
   background: none;
@@ -203,10 +208,9 @@
   line-height: 1.4285em;
 }
 
-/*--------------
-      Meta
----------------*/
-
+/* --------------
+          Meta
+    --------------- */
 .ui.feed > .event > .content .meta {
   display: inline-block;
   font-size: 0.85714286em;
@@ -214,8 +218,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);
 }
@@ -223,8 +226,8 @@
   position: relative;
   margin-left: 0.75em;
 }
-.ui.feed > .event > .content .meta > *:after {
-  content: '';
+.ui.feed > .event > .content .meta > *::after {
+  content: "";
   color: rgba(0, 0, 0, 0.2);
   top: 0;
   left: -1em;
@@ -233,15 +236,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 +260,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,
@@ -272,31 +273,73 @@
             Variations
 *******************************/
 
-.ui.feed {
-  font-size: 1rem;
+.ui.connected.feed > .event {
+  position: relative;
 }
-.ui.mini.feed {
-  font-size: 0.78571429rem;
+.ui.connected.feed > .event:not(:last-child)::before {
+  border-left: 2px solid rgba(34, 36, 38, 0.15);
+  content: "";
+  left: 1.2em;
+  position: absolute;
+  top: 2.1em;
+  height: calc(100% - 1.5em);
 }
-.ui.tiny.feed {
-  font-size: 0.85714286rem;
+.ui.connected.feed > .event > .label {
+  position: relative;
 }
-.ui.small.feed {
-  font-size: 0.92857143rem;
+.ui.divided.feed > .event:not(:first-child) {
+  border-top: 1px solid rgba(34, 36, 38, 0.15);
+}
+.ui.ui.feed > .event > .label[data-text]::before {
+  content: attr(data-text);
+}
+.ui.feed > .event > .label[data-text]::before,
+.ui.ordered.feed > .event > .label::before {
+  text-align: center;
+  line-height: 1;
+  height: 2.5em;
+  background: #bbbbbb;
+  color: #fff;
+  border-radius: 50%;
+  padding-top: 0.6em;
+  position: relative;
+  display: block;
+  margin-bottom: 0.3em;
+  border: 2px solid transparent;
 }
-.ui.large.feed {
-  font-size: 1.14285714rem;
+.ui.ordered.feed {
+  counter-reset: ordered;
 }
-.ui.big.feed {
-  font-size: 1.28571429rem;
+.ui.ordered.feed > .event > .label::before {
+  counter-increment: ordered;
+  content: counter(ordered);
 }
-.ui.huge.feed {
-  font-size: 1.42857143rem;
+.ui.ordered.connected.feed > .event::before {
+  top: 2.7em;
+  height: calc(100% - 2.5em);
 }
-.ui.massive.feed {
-  font-size: 1.71428571rem;
+
+/* workaround until all browsers support :has() */
+.ui.connected.labeled.feed > .event::before,
+.ui.connected.feed > .labeled.event::before {
+  top: 4.85em;
+  height: calc(100% - 4.6499999999999995em);
+}
+@supports selector(:has(.f)) {
+  .ui.connected.feed > .event:has(> .label[data-text] > *)::before,
+  .ui.ordered.connected.feed > .event:has(> .label > *)::before {
+    top: 4.85em;
+    height: calc(100% - 4.6499999999999995em);
+  }
+}
+.ui.feed {
+  font-size: 1rem;
 }
 
+/* --------------
+     Colors
+--------------- */
+
 
 /*******************************
          Theme Overrides
@@ -305,6 +348,6 @@
 
 
 /*******************************
-    User Variable Overrides
+         Site Overrides
 *******************************/
 

package/lib/semantic-ui/dist/components/feed.min.css

@@ -1,9 +1,9 @@
 /*!
- * # Fomantic-UI - Feed
- * http://github.com/fomantic/Fomantic-UI/
+ * # Fomantic-UI 2.9.4 - Feed
+ * https://github.com/fomantic/Fomantic-UI/
  *
  *
  * Released under the MIT license
- * http://opensource.org/licenses/MIT
+ * 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 .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 .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 .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.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}.ui.feed>.event:not(:first-child){border-top:none}.ui.feed:not(.connected)>.event:first-child{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:0;color:rgba(0,0,0,.6)}.ui.feed>.event>.label img{width:100%;height:auto;border-radius:500rem}.ui.feed>.event>.label>.text{display:block;text-align:center;margin-top:.5em}.ui.feed>.event>.label>.text.ui{margin-top:.65em}.ui.feed>.event>.label>.text.multiline{margin-top:0}.ui.feed>.event>.label>.text.multiline.ui{margin-top:.3em}.ui.feed>.event>.label>.ui.label{margin-top:.4em;position:relative;z-index:1}.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;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 .summary>.date:not(.floated){float:none}.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.connected.feed>.event{position:relative}.ui.connected.feed>.event:not(:last-child)::before{border-left:2px solid rgba(34,36,38,.15);content:"";left:1.2em;position:absolute;top:2.1em;height:calc(100% - 1.5em)}.ui.connected.feed>.event>.label{position:relative}.ui.divided.feed>.event:not(:first-child){border-top:1px solid rgba(34,36,38,.15)}.ui.ui.feed>.event>.label[data-text]::before{content:attr(data-text)}.ui.feed>.event>.label[data-text]::before,.ui.ordered.feed>.event>.label::before{text-align:center;line-height:1;height:2.5em;background:#bbb;color:#fff;border-radius:50%;padding-top:.6em;position:relative;display:block;margin-bottom:.3em;border:2px solid transparent}.ui.ordered.feed{counter-reset:ordered}.ui.ordered.feed>.event>.label::before{counter-increment:ordered;content:counter(ordered)}.ui.ordered.connected.feed>.event::before{top:2.7em;height:calc(100% - 2.5em)}.ui.connected.feed>.labeled.event::before,.ui.connected.labeled.feed>.event::before{top:4.85em;height:calc(100% - 4.6499999999999995em)}@supports selector(:has(.f)){.ui.connected.feed>.event:has(>.label[data-text]>*)::before,.ui.ordered.connected.feed>.event:has(>.label>*)::before{top:4.85em;height:calc(100% - 4.6499999999999995em)}}.ui.feed{font-size:1rem}