@broxus/react-uikit 0.20.0 → 0.21.0

package/styles/text.scss

@@ -183,6 +183,71 @@
         );
         color: transparent !important;
 
+        .uk-text-muted.uk-text-loading,
+        .uk-text-muted .uk-text-loading {
+            background-image: linear-gradient(
+                    90deg,
+                    var(--text-muted-color) 25%,
+                    var(--text-color) 50%,
+                    var(--text-muted-color) 75%
+            );
+        }
+
+        .uk-text-primary.uk-text-loading,
+        .uk-text-primary .uk-text-loading {
+            --primary-muted-color: color-mix(in sRGB, var(--text-primary-color) 50%, transparent);
+            background-image: linear-gradient(
+                    90deg,
+                    var(--text-primary-color) 25%,
+                    var(--primary-muted-color) 50%,
+                    var(--text-primary-color) 75%
+            );
+        }
+
+        .uk-text-secondary.uk-text-loading,
+        .uk-text-secondary .uk-text-loading {
+            --secondary-muted-color: color-mix(in sRGB, var(--text-secondary-color) 50%, transparent);
+            background-image: linear-gradient(
+                    90deg,
+                    var(--text-secondary-color) 25%,
+                    var(--secondary-muted-color) 50%,
+                    var(--text-secondary-color) 75%
+            );
+        }
+
+        .uk-text-tertiary.uk-text-loading,
+        .uk-text-tertiary .uk-text-loading {
+            --tertiary-muted-color: color-mix(in sRGB, var(--text-tertiary-color) 50%, transparent);
+            background-image: linear-gradient(
+                    90deg,
+                    var(--text-tertiary-color) 25%,
+                    var(--tertiary-muted-color) 50%,
+                    var(--text-tertiary-color) 75%
+            );
+        }
+
+        .uk-text-warning.uk-text-loading,
+        .uk-text-warning .uk-text-loading {
+            --warning-muted-color: color-mix(in sRGB, var(--text-warning-color) 50%, transparent);
+            background-image: linear-gradient(
+                    90deg,
+                    var(--text-warning-color) 25%,
+                    var(--warning-muted-color) 50%,
+                    var(--text-warning-color) 75%
+            );
+        }
+
+        .uk-text-danger.uk-text-loading,
+        .uk-text-danger .uk-text-loading {
+            --danger-muted-color: color-mix(in sRGB, var(--text-danger-color) 50%, transparent);
+            background-image: linear-gradient(
+                    90deg,
+                    var(--text-danger-color) 25%,
+                    var(--danger-muted-color) 50%,
+                    var(--text-danger-color) 75%
+            );
+        }
+
         @if meta.mixin-exists('hook-text-loading') {
             @include hook-text-loading;
         }
@@ -301,6 +366,7 @@ td.uk-text-truncate { max-width: 0; }
     overflow-wrap: break-word;
 
     /* 2 */
+    // noinspection Stylelint
     word-wrap: break-word;
 }