astro first commit

2026-05-26 13:05:25 +00:00 · 2024-11-22 00:42:48 +01:00
parent 13eb767fa0
commit d4e9b2027e
156 changed files with 11589 additions and 0 deletions
@@ -0,0 +1,38 @@
+---
+export type Props = {
+  letters: string
+  even?: boolean
+  readable?: boolean
+}
+
+const { letters, readable = false, even = false } = Astro.props
+---
+
+<div class:list={{ even, readable }}>
+  {even ? [...letters].map((letter) => <span>{letter}</span>) : letters}
+</div>
+
+<style>
+  span {
+    width: 1em;
+    text-align: center;
+    display: inline-block;
+  }
+
+  div {
+    font-size: min(8vw, 5em);
+    text-transform: uppercase;
+    user-select: none;
+    letter-spacing: 0.35em;
+  }
+
+  div.even {
+    font-size: 8vw;
+  }
+
+  div.readable {
+    letter-spacing: initial;
+    text-transform: initial;
+    font-size: 2.25rem;
+  }
+</style>