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/css/variables.scss
+++ b/web/src/css/variables.scss
@ -0,0 +1,15 @@
+:root {
+  // font families
+  --font-main: 'Avenir Next', sans-serif;
+  --font-serif: 'p22-mackinac-pro', serif;
+
+  --font-size-body: 1rem;
+  --font-size-lead: 1.4rem;
+
+  // colors
+  --color-text: #333;
+  --color-background: #eee;
+
+  // spacing
+  --spacing-sitepadding: 2rem;
+}