@solid-design-system/styles 1.5.5 → 2.0.0-next.1

package/dist/modules/meta.css

@@ -1,49 +1,48 @@
-/**
- * Meta information like file size, date, or whatever is needed.
- * @name sd-meta
- * @status stable
- * @since 1.7
- * @variant { sm } sd-meta--size-... The size. Small can be used as an alternative in tight spaces.
- * @boolean sd-meta--inverted Inverts the meta element.
- * @boolean sd-meta--pipe Adds a pipe right from the meta element.
- * @boolean sd-meta--light Makes sd-meta light.
- */
-
+/*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */
+@layer properties;
+@layer theme, base, components, utilities;
 .sd-meta {
-      font-size: var(--sd-font-size-base, 1rem) /* 16px */;
-      font-weight: 400;
-      line-height: var(--sd-line-height-none, 100%) /* Used for buttons, input fields etc. */;
-      
-      color: rgb(var(--sd-color-black, 24 24 24) / var(--tw-text-opacity, 1)) /* Default text color */;
+  font-size: var(--sd-text-base);
+  line-height: var(--tw-leading, var(--text-base--line-height, calc(1.5 / 1)));
+  --tw-leading: 1;
+  line-height: 1;
+  --tw-font-weight: var(--sd-font-weight-normal);
+  font-weight: var(--sd-font-weight-normal);
+  color: var(--sd-color-text-black);
 }
-
 .sd-meta--size-sm {
-      font-size: var(--sd-font-size-sm, 0.875rem) /* 14px */;
-}
-
+    font-size: var(--sd-text-sm);
+    line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / 0.875)));
+  }
 .sd-meta--light {
-      
-      color: rgb(var(--sd-color-neutral-700, 104 104 104) / var(--tw-text-opacity, 1)) /* Additional text color */;
-}
-
+    color: var(--sd-color-text-neutral-700);
+  }
 .sd-meta--inverted {
-      
-      color: rgb(var(--sd-color-white, 255 255 255) / var(--tw-text-opacity, 1)) /* Inverted text color */;
-}
-
+    color: var(--sd-color-text-white);
+  }
 .sd-meta--inverted.sd-meta--light {
-      
-      color: rgb(var(--sd-color-primary-400, 153 171 208) / var(--tw-text-opacity, 1)) /* Additional text inverted color
-Used for inverted pressed interaction text link */;
-}
-
+      color: var(--sd-color-text-primary-400);
+    }
 .sd-meta--pipe::after {
       content: '|';
-      margin-left: var(--sd-spacing-1, 0.25rem) /* 4px */;
-      margin-right: var(--sd-spacing-1, 0.25rem) /* 4px */;
+      margin-inline: var(--sd-spacing-1);
     }
-
 .sd-meta--pipe.sd-meta--size-sm::after {
-      margin-left: var(--sd-spacing-0-5, 0.125rem) /* 2px */;
-      margin-right: var(--sd-spacing-0-5, 0.125rem) /* 2px */;
+        margin-inline: var(--sd-spacing-0\.5);
+      }
+@property --tw-leading {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-font-weight {
+  syntax: "*";
+  inherits: false;
+}
+@layer properties {
+  @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
+    *, ::before, ::after, ::backdrop {
+      --tw-leading: initial;
+      --tw-font-weight: initial;
+    }
+  }
 }