add variables for most spacing and size values

2024-06-21 12:21:01 +02:00
parent 8ba4fa8d04
commit 5762655653
29 changed files with 137 additions and 127 deletions
--- a/web/src/components/blocks/featuredBlock.module.scss
+++ b/web/src/components/blocks/featuredBlock.module.scss
@@ -1,7 +1,7 @@
 .featuredBlock {
  background: var(--color-background-secondary);
-  margin: calc(var(--spacing-sitepadding)*2) calc(var(--spacing-sitepadding)*-1);
-  padding: var(--spacing-sitepadding);
+  margin: calc(var(--spacing-sitepadding-block)*2) calc(var(--spacing-sitepaddign-inline)*-1);
+  padding: var(--spacing-sitepadding-block) var(--spacing-sitepadding-inline);
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  column-gap: var(--spacing-gap-column);
@@ -22,7 +22,7 @@
  }

  +.featuredBlock {
-    margin-top: calc(var(--spacing-sitepadding)*-2);
+    margin-top: calc(var(--spacing-sitepadding-block)*-2);
  }

  &:last-child {