@node-core/ui-components 1.0.1-bc3f4a79ab5f54e7ed1ee525005e7e9f1030495c → 1.0.1-cc5c2626b0639fe2088a736f54169ea3e10ed325

package/styles/animations.css

@@ -0,0 +1,47 @@
+@theme inline {
+  --animate-surf: surf 1s infinite ease-in-out;
+  --animate-pulse: pulse 500ms infinite alternate-reverse;
+  --animate-pulse-dark: pulse-dark 500ms infinite alternate-reverse;
+
+  @keyframes surf {
+    0% {
+      transform: translate(0, 0);
+    }
+
+    25% {
+      transform: translate(0, 6px);
+    }
+
+    50% {
+      transform: translate(0, -6px);
+    }
+
+    75% {
+      transform: translate(0, 3px);
+    }
+
+    100% {
+      transform: translate(0, 0);
+    }
+  }
+
+  @keyframes pulse {
+    from {
+      background: var(--color-pulse-100);
+    }
+
+    to {
+      background: var(--color-pulse-200);
+    }
+  }
+
+  @keyframes pulse-dark {
+    from {
+      background: var(--color-pulse-300);
+    }
+
+    to {
+      background: var(--color-pulse-400);
+    }
+  }
+}

package/styles/base.css

@@ -0,0 +1,17 @@
+* {
+  @apply subpixel-antialiased;
+}
+
+html,
+body {
+  @apply h-full;
+}
+
+body {
+  @apply font-open-sans
+    bg-white
+    text-neutral-950
+    motion-safe:scroll-smooth
+    dark:bg-neutral-950
+    dark:text-white;
+}

package/styles/effects.css

@@ -0,0 +1,12 @@
+h1.special {
+  @apply bg-gradient-subtle-gray
+    dark:bg-gradient-subtle-white
+    bg-clip-text
+    text-4xl
+    leading-[3rem]
+    -tracking-[0.045rem]
+    [-webkit-text-fill-color:transparent]
+    md:text-5xl
+    md:leading-[4rem]
+    md:-tracking-[0.06rem];
+}