Setup Astro project and start working on placeholder page

2025-09-11 15:59:12 +02:00
parent e11df7efb2
commit b5e812da0f
43 changed files with 1675 additions and 181 deletions
@@ -0,0 +1,45 @@
+<style is:global>
+@import url('../styles/archivo.css');
+@import url('../styles/clash-display.css');
+
+:root {
+    --clr-ts-warm-red: hsl(3, 94%, 60%);
+    --clr-ts-dark: hsl(7, 18%, 10%);
+    --clr-ts-dark-logo: hsl(7, 18%, 13%);
+    --clr-ts-light: hsl(349, 57%, 91%);
+
+    --ff-heading: "Clash Display", sans-serif;
+    --ff-body: "Archivo", sans-serif;
+
+    --fs-xl: clamp(3.75rem, 5vw + 1rem, 6rem);
+    --fs-600: 1.5rem;
+    --fs-500: 1.25rem;
+    --fs-400: 1rem;
+}
+
+* {
+    box-sizing: border-box;
+    margin: 0;
+    padding: 0;
+}
+
+html,
+body {
+    margin: 0;
+    width: 100%;
+    height: 100%;
+}
+
+body {
+    background-color: var(--clr-ts-dark);
+    color: var(--clr-ts-light);
+    font-family: var(--ff-body);
+    font-size: var(--fs-400);
+    padding: clamp(2rem, 5vw + 1rem, 3.75rem);
+}
+
+h1 { 
+    font-family: var(--ff-heading);
+    font-size: var(--fs-xl);
+}
+</style>