terbshaeusser/website
Public Access
1
0
Fork 0
Code Issues Pull Requests Actions Activity

replace paddings with variables

Browse Source 
Signed-off-by: Tobias Erbshäußer <tobias@tesoft.dev>
This commit is contained in:
Tobias Erbshäußer
2026-05-24 09:22:56 +02:00
parent 2b6c7074c2
commit 07b35bfc0b
8 changed files with 19 additions and 19 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/src/components/badge.njk
+2 -2
View File
@@ -11,13 +11,13 @@
border-radius: 0.4rem; border-radius: 0.4rem;
color: var(--gray); color: var(--gray);
font-weight: 600; font-weight: 600;
padding: 0.2rem 0.5rem; padding: var(--small-padding) var(--medium-padding);
} }
slot { slot {
align-items: center; align-items: center;
display: grid; display: grid;
gap: 0.5rem; gap: var(--small-padding);
grid-auto-flow: column; grid-auto-flow: column;
justify-content: start; justify-content: start;
} }
frontend/src/components/blog-article-list.njk
+5 -5
View File
@@ -8,7 +8,7 @@
:host > div { :host > div {
display: grid; display: grid;
gap: 1rem; gap: var(--medium-padding);
grid-template-columns: 1fr; grid-template-columns: 1fr;
grid-template-rows: auto 1fr auto; grid-template-rows: auto 1fr auto;
} }
@@ -20,13 +20,13 @@
.tags { .tags {
display: flex; display: flex;
flex-wrap: wrap; flex-wrap: wrap;
gap: 0.5rem; gap: var(--small-padding);
} }
.list { .list {
align-content: start; align-content: start;
display: grid; display: grid;
gap: 2rem; gap: var(--large-padding);
grid-template-columns: 1fr; grid-template-columns: 1fr;
grid-auto-rows: auto; grid-auto-rows: auto;
width: 100%; width: 100%;
@@ -42,7 +42,7 @@
.item > h3 { .item > h3 {
align-items: center; align-items: center;
display: grid; display: grid;
gap: 1rem; gap: var(--medium-padding);
grid-auto-columns: auto; grid-auto-columns: auto;
grid-auto-flow: column; grid-auto-flow: column;
justify-content: start; justify-content: start;
@@ -50,7 +50,7 @@
} }
.item > .dates { .item > .dates {
padding-bottom: 0.6rem; padding-bottom: var(--small-padding);
} }
tesoft-pagination { tesoft-pagination {
frontend/src/components/blog-article.njk
+3 -3
View File
@@ -12,7 +12,7 @@
.article { .article {
display: grid; display: grid;
gap: 1.6rem; gap: var(--large-padding);
grid-template-columns: 1fr; grid-template-columns: 1fr;
grid-template-rows: auto auto; grid-template-rows: auto auto;
width: 100%; width: 100%;
@@ -27,7 +27,7 @@
.header > h1 { .header > h1 {
align-items: center; align-items: center;
display: grid; display: grid;
gap: 1rem; gap: var(--medium-padding);
grid-template-columns: auto auto; grid-template-columns: auto auto;
grid-template-rows: auto; grid-template-rows: auto;
justify-content: start; justify-content: start;
@@ -43,7 +43,7 @@
.tags { .tags {
display: flex; display: flex;
flex-wrap: wrap; flex-wrap: wrap;
gap: 0.5rem; gap: var(--small-padding);
} }
img { img {
frontend/src/components/error.njk
+1 -1
View File
@@ -9,7 +9,7 @@
:host > div { :host > div {
align-items: center; align-items: center;
display: grid; display: grid;
gap: 1.6rem; gap: var(--large-padding);
grid-template-columns: auto 1fr; grid-template-columns: auto 1fr;
grid-template-rows: auto; grid-template-rows: auto;
} }
frontend/src/components/nav.njk
+4 -4
View File
@@ -17,12 +17,12 @@
nav > div { nav > div {
align-items: center; align-items: center;
background-color: var(--gray); background-color: var(--gray);
border-radius: 0.5rem; border-radius: var(--button-border-radius);
display: grid; display: grid;
gap: 1rem; gap: var(--medium-padding);
grid-template-columns: 4rem 1fr; grid-template-columns: 4rem 1fr;
grid-template-rows: auto; grid-template-rows: auto;
padding: var(--small-padding) var(--medium-padding) var(--small-padding) var(--medium-padding); padding: var(--small-padding) var(--medium-padding);
} }
a { a {
@@ -50,7 +50,7 @@
tesoft-button.small-menu::part(children) { tesoft-button.small-menu::part(children) {
display: grid; display: grid;
gap: 1rem; gap: var(--medium-padding);
grid-template-columns: 1fr 4rem; grid-template-columns: 1fr 4rem;
grid-template-rows: auto; grid-template-rows: auto;
width: 100%; width: 100%;
frontend/src/components/pagination.njk
+1 -1
View File
@@ -15,7 +15,7 @@
.cur-page { .cur-page {
font-size: 1.8rem; font-size: 1.8rem;
padding: 0 1rem; padding: 0 var(--medium-padding);
} }
</style> </style>
frontend/src/components/tag.njk
+1 -1
View File
@@ -9,7 +9,7 @@
tesoft-button::part(children) { tesoft-button::part(children) {
align-items: center; align-items: center;
display: grid; display: grid;
gap: 0.5rem; gap: var(--small-padding);
grid-template-columns: auto auto; grid-template-columns: auto auto;
grid-template-rows: auto; grid-template-rows: auto;
} }
frontend/src/styles/main.css
+2 -2
View File
@@ -29,14 +29,14 @@ body > div {
} }
tesoft-nav { tesoft-nav {
padding-bottom: 0.8rem; padding-bottom: var(--medium-padding);
position: sticky; position: sticky;
top: 0; top: 0;
} }
main { main {
min-height: var(--full-content-height); min-height: var(--full-content-height);
padding: 0 0.5rem; padding: 0 var(--small-padding);
} }
@media (max-width: 1440px) { @media (max-width: 1440px) {