reuse padding in style system

2024-10-10 21:56:00 -05:00 · 2024-10-10 21:56:00 -05:00 · 8130e0b614
commit 8130e0b614
parent 4086d24f28
2 changed files with 2 additions and 1 deletions
--- a/src/lib/components/headline.svelte
+++ b/src/lib/components/headline.svelte
@ -10,6 +10,6 @@
  header {
    background-color: var(--color-dark);
    color: var(--color-light);
-    padding: 0.5em 1em;
+    padding: var(--padding-md);
  }
 </style>
--- a/src/routes/+layout.svelte
+++ b/src/routes/+layout.svelte
@ -10,6 +10,7 @@
    --color-dark: #2e282a;
    --color-light: #fbfbfb;
    --fonts-sans: Rubik, Arial, sans-serif;
+    --padding-md: 0.5em 1em;
  }

  :global(body) {