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;
color: var(--gray);
font-weight: 600;
padding: 0.2rem 0.5rem;
padding: var(--small-padding) var(--medium-padding);
}
slot {
align-items: center;
display: grid;
gap: 0.5rem;
gap: var(--small-padding);
grid-auto-flow: column;
justify-content: start;
}
frontend/src/components/blog-article-list.njk
+5 -5
View File
@@ -8,7 +8,7 @@
:host > div {
display: grid;
gap: 1rem;
gap: var(--medium-padding);
grid-template-columns: 1fr;
grid-template-rows: auto 1fr auto;
}
@@ -20,13 +20,13 @@
.tags {
display: flex;
flex-wrap: wrap;
gap: 0.5rem;
gap: var(--small-padding);
}
.list {
align-content: start;
display: grid;
gap: 2rem;
gap: var(--large-padding);
grid-template-columns: 1fr;
grid-auto-rows: auto;
width: 100%;
@@ -42,7 +42,7 @@
.item > h3 {
align-items: center;
display: grid;
gap: 1rem;
gap: var(--medium-padding);
grid-auto-columns: auto;
grid-auto-flow: column;
justify-content: start;
@@ -50,7 +50,7 @@
}
.item > .dates {
padding-bottom: 0.6rem;
padding-bottom: var(--small-padding);
}
tesoft-pagination {
frontend/src/components/blog-article.njk
+3 -3
View File
@@ -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 {
frontend/src/components/error.njk
+1 -1
View File
@@ -9,7 +9,7 @@
:host > div {
align-items: center;
display: grid;
gap: 1.6rem;
gap: var(--large-padding);
grid-template-columns: auto 1fr;
grid-template-rows: auto;
}
frontend/src/components/nav.njk
+4 -4
View File
@@ -17,12 +17,12 @@
nav > div {
align-items: center;
background-color: var(--gray);
border-radius: 0.5rem;
border-radius: var(--button-border-radius);
display: grid;
gap: 1rem;
gap: var(--medium-padding);
grid-template-columns: 4rem 1fr;
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 {
@@ -50,7 +50,7 @@
tesoft-button.small-menu::part(children) {
display: grid;
gap: 1rem;
gap: var(--medium-padding);
grid-template-columns: 1fr 4rem;
grid-template-rows: auto;
width: 100%;
frontend/src/components/pagination.njk
+1 -1
View File
@@ -15,7 +15,7 @@
.cur-page {
font-size: 1.8rem;
padding: 0 1rem;
padding: 0 var(--medium-padding);
}
</style>
frontend/src/components/tag.njk
+1 -1
View File
@@ -9,7 +9,7 @@
tesoft-button::part(children) {
align-items: center;
display: grid;
gap: 0.5rem;
gap: var(--small-padding);
grid-template-columns: auto auto;
grid-template-rows: auto;
}
frontend/src/styles/main.css
+2 -2
View File
@@ -29,14 +29,14 @@ body > div {
}
tesoft-nav {
padding-bottom: 0.8rem;
padding-bottom: var(--medium-padding);
position: sticky;
top: 0;
}
main {
min-height: var(--full-content-height);
padding: 0 0.5rem;
padding: 0 var(--small-padding);
}
@media (max-width: 1440px) {