start something stylish 🐷💅 add sass, create layout components, sort styles and components into folders

2024-05-09 02:11:37 +02:00
parent 5b9c484f14
commit 5cd5e40e91
14 changed files with 350 additions and 90 deletions
--- a/web/src/components/layout/header.module.scss
+++ b/web/src/components/layout/header.module.scss
@ -0,0 +1,24 @@
+.header {
+  display: flex;
+  justify-content: space-between;
+  align-items: flex-start;
+  padding: var(--spacing-sitepadding);
+
+  a {
+    text-decoration: none;
+  }
+}
+
+.logo {
+  font-size: 3rem;
+  text-transform: uppercase;
+  font-weight: 700;
+}
+
+.siteMenu {
+  ul {
+    list-style: none;
+    display: flex;
+    gap: var(--spacing-sitepadding);
+  }
+}