PostERG/xamxam
1
0
Fork 0
mirror of https://codeberg.org/PostERG/xamxam.git synced 2026-08-10 07:11:18 +02:00
Code Issues Packages Projects Releases Wiki Activity

css: apropos special block styling

Browse Source
This commit is contained in:
Pontoporeia
2026-07-09 14:45:03 +02:00
parent 20873f94af
commit 61029ea437
1 changed files with 126 additions and 152 deletions
Download Patch File Download Diff File Expand all files Collapse all files
app/public/assets/css/content-page.css
+5 -31
View File
@@ -65,7 +65,7 @@
line-height: 1.6; line-height: 1.6;
color: var(--text-primary); color: var(--text-primary);
font-weight: 300; font-weight: 300;
padding-bottom: var(--space-xl); /* padding-bottom: var(--space-xl); */
} }
.page-content > article * { .page-content > article * {
@@ -141,7 +141,7 @@
/* Section separators (about page only) */ /* Section separators (about page only) */
.page-content > article > section { .page-content > article > section {
padding-bottom: var(--space-xl); /* padding-bottom: var(--space-xl); */
border-bottom: 1px solid var(--border-primary); border-bottom: 1px solid var(--border-primary);
margin-bottom: var(--space-xl); margin-bottom: var(--space-xl);
} }
@@ -188,16 +188,10 @@
.apropos-contact-card { .apropos-contact-card {
font-style: normal; font-style: normal;
padding: var(--space-s) 0; padding: var(--space-s) 0;
border-bottom: 1px solid var(--border-primary);
}
.apropos-contact-card:first-child {
border-top: 1px solid var(--border-primary);
} }
.apropos-contact-card strong { .apropos-contact-card strong {
display: block; display: block;
font-size: var(--step-0);
font-weight: 600; font-weight: 600;
color: var(--text-primary); color: var(--text-primary);
margin-bottom: var(--space-3xs); margin-bottom: var(--space-3xs);
@@ -205,25 +199,11 @@
.apropos-contact-card span { .apropos-contact-card span {
display: block; display: block;
font-size: var(--step--1);
color: var(--text-secondary); color: var(--text-secondary);
line-height: 1.4; line-height: 1.4;
margin-bottom: var(--space-3xs); margin-bottom: var(--space-3xs);
} }
.apropos-contact-card a {
font-size: var(--step--1);
color: inherit;
text-decoration: none;
font-weight: 700;
transition: color 0.15s;
}
.apropos-contact-card a:hover {
color: var(--accent-primary);
text-decoration: none;
}
/* ------------------------------------------------------------------ */ /* ------------------------------------------------------------------ */
/* Credits list */ /* Credits list */
/* ------------------------------------------------------------------ */ /* ------------------------------------------------------------------ */
@@ -241,24 +221,18 @@
grid-template-columns: 1fr 1.6fr; grid-template-columns: 1fr 1.6fr;
gap: var(--space-s); gap: var(--space-s);
padding: var(--space-s) 0; padding: var(--space-s) 0;
border-bottom: 1px solid var(--border-primary);
align-items: baseline; align-items: baseline;
} }
.apropos-credit-row:first-child {
border-top: 1px solid var(--border-primary);
}
.apropos-credits-list dt { .apropos-credits-list dt {
font-size: var(--step--2); /* font-size: var(--step--1); */
font-weight: 600; font-weight: 300;
letter-spacing: 0.04em; letter-spacing: 0.04em;
text-transform: uppercase; text-transform: uppercase;
color: var(--text-tertiary);
} }
.apropos-credits-list dd { .apropos-credits-list dd {
font-size: var(--step--1); /* font-size: var(--step-; */
color: var(--text-primary); color: var(--text-primary);
margin: 0; margin: 0;
line-height: 1.5; line-height: 1.5;