refactor: add standardized spacing variables and more style cleanup (#1287)

* refactor: add standardized spacing variables and more style cleanup

* refactor: rename `spacing-xxl` to `spacing-2xl` and introduce `spacing-3xl` for consistent spacing variables.

* refactor: Migrate related content styling to use the `subsection-list` component with updated layout adjustments.

* style: adjust padding values for article list tiles.

* refactor: Introduce shadow variables and dynamic spacing to prevent shadow cutoff in list layouts.

* refactor: relocate dark scheme Mermaid variables within the root scope.
This commit is contained in:
Jimmy
2026-03-05 12:29:48 +01:00
committed by GitHub
parent 88468ad84e
commit 0ad02c5c0f
14 changed files with 157 additions and 133 deletions
+10 -10
View File
@@ -20,13 +20,13 @@
padding: var(--card-padding);
display: flex;
flex-direction: column;
gap: 15px;
gap: var(--spacing-md);
@include respond(md) {
flex-direction: row;
flex-wrap: wrap;
align-items: center;
gap: 20px;
gap: var(--spacing-lg);
}
}
@@ -38,7 +38,7 @@
display: block;
color: var(--card-text-color-main);
font-size: 1.6rem;
margin-bottom: 5px;
margin-bottom: var(--spacing-xs);
}
p {
@@ -51,7 +51,7 @@
.cookie-banner__actions {
display: flex;
gap: 10px;
gap: var(--spacing-sm);
flex-shrink: 0;
}
@@ -116,19 +116,19 @@
h3 {
color: var(--card-text-color-main);
font-size: 1.6rem;
margin: 0 0 15px 0;
margin: 0 0 var(--spacing-md) 0;
}
&__actions {
display: flex;
justify-content: flex-end;
gap: 10px;
margin-top: 20px;
gap: var(--spacing-sm);
margin-top: var(--spacing-lg);
}
}
.cookie-category {
padding: 15px 0;
padding: var(--spacing-md) 0;
border-bottom: 1px solid var(--card-separator-color);
&:last-of-type {
@@ -138,7 +138,7 @@
label {
display: flex;
align-items: center;
gap: 10px;
gap: var(--spacing-sm);
cursor: pointer;
input[type="checkbox"] {
@@ -192,6 +192,6 @@
font-size: 1.4rem;
p {
margin: 0 0 15px 0;
margin: 0 0 var(--spacing-md) 0;
}
}