replace paddings with variables

Signed-off-by: Tobias Erbshäußer <tobias@tesoft.dev>

frontend/src/components/blog-article.njk

@@ -12,7 +12,7 @@
 
         .article {
             display: grid;
-            gap: 1.6rem;
+            gap: var(--large-padding);
             grid-template-columns: 1fr;
             grid-template-rows: auto auto;
             width: 100%;
@@ -27,7 +27,7 @@
         .header > h1 {
             align-items: center;
             display: grid;
-            gap: 1rem;
+            gap: var(--medium-padding);
             grid-template-columns: auto auto;
             grid-template-rows: auto;
             justify-content: start;
@@ -43,7 +43,7 @@
         .tags {
             display: flex;
             flex-wrap: wrap;
-            gap: 0.5rem;
+            gap: var(--small-padding);
         }
 
         img {