fomantic-ui 2.10.0-beta.8 → 2.10.0-beta.81

package/dist/components/placeholder.min.css

@@ -1,9 +1,9 @@
 /*!
- * # Fomantic-UI 2.10.0-beta.8+62e258f - Placeholder
+ * # Fomantic-UI 2.10.0-beta.81+4f706c2 - Placeholder
  * https://github.com/fomantic/Fomantic-UI/
  *
  *
  * Released under the MIT license
  * https://opensource.org/licenses/MIT
  *
- */.ui.placeholder{position:static;overflow:hidden;animation:placeholderShimmer 2s linear;animation-iteration-count:infinite;background-color:#fff;background-image:linear-gradient(to right,rgba(0,0,0,.08) 0,rgba(0,0,0,.15) 15%,rgba(0,0,0,.08) 30%);background-size:1200px 100%;max-width:30rem}@keyframes placeholderShimmer{0%{background-position:-1200px 0}100%{background-position:1200px 0}}.ui.placeholder+.ui.placeholder{margin-top:2rem}.ui.placeholder+.ui.placeholder{animation-delay:.15s}.ui.placeholder+.ui.placeholder+.ui.placeholder{animation-delay:.3s}.ui.placeholder+.ui.placeholder+.ui.placeholder+.ui.placeholder{animation-delay:.45s}.ui.placeholder+.ui.placeholder+.ui.placeholder+.ui.placeholder+.ui.placeholder{animation-delay:.6s}.ui.placeholder,.ui.placeholder .image.header::after,.ui.placeholder .line,.ui.placeholder .line::after,.ui.placeholder>::before{background-color:#fff}.ui.placeholder.hidden{display:none}.ui.placeholder .image:not(.header):not(.ui):not(.icon){height:100px}.ui.placeholder .square.image:not(.header){height:0;overflow:hidden;padding-top:100%}.ui.placeholder .rectangular.image:not(.header){height:0;overflow:hidden;padding-top:75%}.ui.placeholder .line{position:relative;height:.85714286em}.ui.placeholder .line::after,.ui.placeholder .line::before{top:100%;position:absolute;content:"";background-color:inherit}.ui.placeholder .line::before{left:0}.ui.placeholder .line::after{right:0}.ui.placeholder .line{margin-bottom:.5em}.ui.placeholder .line::after,.ui.placeholder .line::before{height:.5em}.ui.placeholder .line:not(:first-child){margin-top:.5em}.ui.placeholder .line:nth-child(1)::after{width:0}.ui.placeholder .line:nth-child(2)::after{width:50%}.ui.placeholder .line:nth-child(3)::after{width:10%}.ui.placeholder .line:nth-child(4)::after{width:35%}.ui.placeholder .line:nth-child(5)::after{width:65%}.ui.placeholder .header{position:relative;overflow:hidden}.ui.placeholder .header .line{margin-bottom:.64285714em}.ui.placeholder .header .line::after,.ui.placeholder .header .line::before{height:.64285714em}.ui.placeholder .header .line:not(:first-child){margin-top:.64285714em}.ui.placeholder .header .line::after{width:20%}.ui.placeholder .header .line:nth-child(2)::after{width:60%}.ui.placeholder .image.header .line{margin-left:3em}.ui.placeholder .image.header .line::before{width:.71428571rem}.ui.placeholder .image.header::after{display:block;height:.85714286em;content:"";margin-left:3em}.ui.placeholder .header .line:first-child,.ui.placeholder .image .line:first-child,.ui.placeholder .paragraph .line:first-child{height:.01px}.ui.placeholder .header:not(:first-child)::before,.ui.placeholder .image:not(:first-child)::before,.ui.placeholder .paragraph:not(:first-child)::before{height:1.42857143em;content:"";display:block}.ui.inverted.placeholder{background-image:linear-gradient(to right,rgba(255,255,255,.08) 0,rgba(255,255,255,.14) 15%,rgba(255,255,255,.08) 30%)}.ui.inverted.placeholder,.ui.inverted.placeholder .image.header::after,.ui.inverted.placeholder .line,.ui.inverted.placeholder .line::after,.ui.inverted.placeholder>::before{background-color:#1b1c1d}.ui.placeholder .full.line.line.line::after{width:0}.ui.placeholder .very.long.line.line.line::after{width:10%}.ui.placeholder .long.line.line.line::after{width:35%}.ui.placeholder .medium.line.line.line::after{width:50%}.ui.placeholder .short.line.line.line::after{width:65%}.ui.placeholder .very.short.line.line.line::after{width:80%}.ui.fluid.placeholder{max-width:none}
+ */.ui.placeholder{position:static;overflow:hidden;animation:placeholderShimmer 2s linear;animation-iteration-count:infinite;background-color:#fff;background-image:linear-gradient(to right,rgba(0,0,0,.08) 0,rgba(0,0,0,.15) 15%,rgba(0,0,0,.08) 30%);background-size:1200px 100%;max-width:30rem}@keyframes placeholderShimmer{0%{background-position:-1200px 0}100%{background-position:1200px 0}}.ui.placeholder+.ui.placeholder{margin-top:2rem}.ui.placeholder+.ui.placeholder{animation-delay:.15s}.ui.placeholder+.ui.placeholder+.ui.placeholder{animation-delay:.3s}.ui.placeholder+.ui.placeholder+.ui.placeholder+.ui.placeholder{animation-delay:.45s}.ui.placeholder+.ui.placeholder+.ui.placeholder+.ui.placeholder+.ui.placeholder{animation-delay:.6s}.ui.placeholder,.ui.placeholder .image.header::after,.ui.placeholder .line,.ui.placeholder .line::after,.ui.placeholder>::before{background-color:#fff}.ui.placeholder.hidden{display:none}.ui.placeholder .image:not(.header,.ui,.icon){height:100px}.ui.placeholder .square.image:not(.header){height:0;overflow:hidden;padding-top:100%}.ui.placeholder .rectangular.image:not(.header){height:0;overflow:hidden;padding-top:75%}.ui.placeholder .line{position:relative;height:.85714286em}.ui.placeholder .line::after,.ui.placeholder .line::before{top:100%;position:absolute;content:"";background-color:inherit}.ui.placeholder .line::before{left:0}.ui.placeholder .line::after{right:0}.ui.placeholder .line{margin-bottom:.5em}.ui.placeholder .line::after,.ui.placeholder .line::before{height:.5em}.ui.placeholder .line:not(:first-child){margin-top:.5em}.ui.placeholder .line:nth-child(1)::after{width:0}.ui.placeholder .line:nth-child(2)::after{width:50%}.ui.placeholder .line:nth-child(3)::after{width:10%}.ui.placeholder .line:nth-child(4)::after{width:35%}.ui.placeholder .line:nth-child(5)::after{width:65%}.ui.placeholder .header{position:relative;overflow:hidden}.ui.placeholder .header .line{margin-bottom:.64285714em}.ui.placeholder .header .line::after,.ui.placeholder .header .line::before{height:.64285714em}.ui.placeholder .header .line:not(:first-child){margin-top:.64285714em}.ui.placeholder .header .line::after{width:20%}.ui.placeholder .header .line:nth-child(2)::after{width:60%}.ui.placeholder .image.header .line{margin-left:3em}.ui.placeholder .image.header .line::before{width:.71428571rem}.ui.placeholder .image.header::after{display:block;height:.85714286em;content:"";margin-left:3em}.ui.placeholder .header .line:first-child,.ui.placeholder .image .line:first-child,.ui.placeholder .paragraph .line:first-child{height:.01px}.ui.placeholder .header:not(:first-child)::before,.ui.placeholder .image:not(:first-child)::before,.ui.placeholder .paragraph:not(:first-child)::before{height:1.42857143em;content:"";display:block}.ui.inverted.placeholder{background-image:linear-gradient(to right,rgba(255,255,255,.08) 0,rgba(255,255,255,.14) 15%,rgba(255,255,255,.08) 30%)}.ui.inverted.placeholder,.ui.inverted.placeholder .image.header::after,.ui.inverted.placeholder .line,.ui.inverted.placeholder .line::after,.ui.inverted.placeholder>::before{background-color:#1b1c1d}.ui.placeholder .full.line.line.line::after{width:0}.ui.placeholder .very.long.line.line.line::after{width:10%}.ui.placeholder .long.line.line.line::after{width:35%}.ui.placeholder .medium.line.line.line::after{width:50%}.ui.placeholder .short.line.line.line::after{width:65%}.ui.placeholder .very.short.line.line.line::after{width:80%}.ui.fluid.placeholder{max-width:none}

package/dist/components/popup.css

@@ -1,5 +1,5 @@
 /*!
- * # Fomantic-UI 2.10.0-beta.8+62e258f - Popup
+ * # Fomantic-UI 2.10.0-beta.81+4f706c2 - Popup
  * https://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -218,18 +218,12 @@
 /* Top Center (default) */
 [data-tooltip]:not([data-position])::after,
 [data-position="top center"][data-tooltip]::after {
-  top: auto;
-  right: auto;
-  left: 50%;
-  bottom: 100%;
+  inset: auto auto 100% 50%;
   margin-bottom: 0.5em;
 }
 [data-tooltip]:not([data-position])::before,
 [data-position="top center"][data-tooltip]::before {
-  top: auto;
-  right: auto;
-  bottom: 100%;
-  left: 50%;
+  inset: auto auto 100% 50%;
   background: #fff;
   margin-left: -0.07142857rem;
   margin-bottom: 0.14285714rem;
@@ -237,34 +231,22 @@
 
 /* Top Left */
 [data-position="top left"][data-tooltip]::after {
-  top: auto;
-  right: auto;
-  left: 0;
-  bottom: 100%;
+  inset: auto auto 100% 0;
   margin-bottom: 0.5em;
 }
 [data-position="top left"][data-tooltip]::before {
-  top: auto;
-  right: auto;
-  bottom: 100%;
-  left: 1em;
+  inset: auto auto 100% 1em;
   margin-left: -0.07142857rem;
   margin-bottom: 0.14285714rem;
 }
 
 /* Top Right */
 [data-position="top right"][data-tooltip]::after {
-  top: auto;
-  left: auto;
-  right: 0;
-  bottom: 100%;
+  inset: auto 0 100% auto;
   margin-bottom: 0.5em;
 }
 [data-position="top right"][data-tooltip]::before {
-  top: auto;
-  left: auto;
-  bottom: 100%;
-  right: 1em;
+  inset: auto 1em 100% auto;
   margin-left: -0.07142857rem;
   margin-bottom: 0.14285714rem;
 }
@@ -275,17 +257,11 @@
 
 /* Bottom Center */
 [data-position="bottom center"][data-tooltip]::after {
-  bottom: auto;
-  right: auto;
-  left: 50%;
-  top: 100%;
+  inset: 100% auto auto 50%;
   margin-top: 0.5em;
 }
 [data-position="bottom center"][data-tooltip]::before {
-  bottom: auto;
-  right: auto;
-  top: 100%;
-  left: 50%;
+  inset: 100% auto auto 50%;
   margin-left: -0.07142857rem;
   margin-top: 0.30714286em;
 }
@@ -297,10 +273,7 @@
   margin-top: 0.5em;
 }
 [data-position="bottom left"][data-tooltip]::before {
-  bottom: auto;
-  right: auto;
-  top: 100%;
-  left: 1em;
+  inset: 100% auto auto 1em;
   margin-left: -0.07142857rem;
   margin-top: 0.14285714rem;
 }
@@ -312,10 +285,7 @@
   margin-top: 0.5em;
 }
 [data-position="bottom right"][data-tooltip]::before {
-  bottom: auto;
-  left: auto;
-  top: 100%;
-  right: 1em;
+  inset: 100% 1em auto auto;
   margin-left: -0.14285714rem;
   margin-top: 0.07142857rem;
 }
@@ -462,10 +432,7 @@
 /* --- Below --- */
 .ui.bottom.center.popup::before {
   margin-left: -0.30714286em;
-  top: -0.30714286em;
-  left: 50%;
-  right: auto;
-  bottom: auto;
+  inset: -0.30714286em auto auto 50%;
   box-shadow: -1px -1px 0 0 #bababc;
 }
 .ui.bottom.left.popup {
@@ -474,10 +441,7 @@
 
 /* rtl:rename */
 .ui.bottom.left.popup::before {
-  top: -0.30714286em;
-  left: 1em;
-  right: auto;
-  bottom: auto;
+  inset: -0.30714286em auto auto 1em;
   margin-left: 0;
   box-shadow: -1px -1px 0 0 #bababc;
 }
@@ -487,20 +451,14 @@
 
 /* rtl:rename */
 .ui.bottom.right.popup::before {
-  top: -0.30714286em;
-  right: 1em;
-  bottom: auto;
-  left: auto;
+  inset: -0.30714286em 1em auto auto;
   margin-left: 0;
   box-shadow: -1px -1px 0 0 #bababc;
 }
 
 /* --- Above --- */
 .ui.top.center.popup::before {
-  top: auto;
-  right: auto;
-  bottom: -0.30714286em;
-  left: 50%;
+  inset: auto auto -0.30714286em 50%;
   margin-left: -0.30714286em;
 }
 .ui.top.left.popup {
@@ -509,10 +467,7 @@
 
 /* rtl:rename */
 .ui.top.left.popup::before {
-  bottom: -0.30714286em;
-  left: 1em;
-  top: auto;
-  right: auto;
+  inset: auto auto -0.30714286em 1em;
   margin-left: 0;
 }
 .ui.top.right.popup {
@@ -521,10 +476,7 @@
 
 /* rtl:rename */
 .ui.top.right.popup::before {
-  bottom: -0.30714286em;
-  right: 1em;
-  top: auto;
-  left: auto;
+  inset: auto 1em -0.30714286em auto;
   margin-left: 0;
 }
 
@@ -532,10 +484,7 @@
 
 /* rtl:rename */
 .ui.left.center.popup::before {
-  top: 50%;
-  right: -0.30714286em;
-  bottom: auto;
-  left: auto;
+  inset: 50% -0.30714286em auto auto;
   margin-top: -0.30714286em;
   box-shadow: 1px -1px 0 0 #bababc;
 }
@@ -544,10 +493,7 @@
 
 /* rtl:rename */
 .ui.right.center.popup::before {
-  top: 50%;
-  left: -0.30714286em;
-  bottom: auto;
-  right: auto;
+  inset: 50% auto auto -0.30714286em;
   margin-top: -0.30714286em;
   box-shadow: -1px 1px 0 0 #bababc;
 }