mirror of
https://github.com/Misterio77/Foundry.git
synced 2026-08-28 10:04:20 -05:00
Gabriel Fontes
656d3d3377
Represent email and social links as compact inline lists without redundant visible labels. Assisted-by: pi (openai-codex/gpt-5.6-sol)
97 lines
1.6 KiB
SCSS
97 lines
1.6 KiB
SCSS
// Content
|
|
h1 {
|
|
max-width: var(--content-width);
|
|
margin: 0 0 var(--space-4);
|
|
color: var(--text-bright);
|
|
}
|
|
|
|
p {
|
|
margin-top: 0;
|
|
}
|
|
|
|
main > article {
|
|
max-width: var(--content-width);
|
|
margin: 0 auto;
|
|
}
|
|
|
|
main > article > header {
|
|
margin: 0;
|
|
padding: 2.25rem 0 var(--space-6);
|
|
}
|
|
|
|
main > article > header :is(p, .inline-list) {
|
|
margin: 0.2rem 0 0;
|
|
color: var(--text-muted);
|
|
font-size: 0.9rem;
|
|
}
|
|
|
|
.inline-list {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
gap: 0;
|
|
margin: 0;
|
|
padding: 0;
|
|
list-style: none;
|
|
|
|
> li:not(:last-child)::after {
|
|
margin-right: 0.35em;
|
|
content: " ·";
|
|
}
|
|
}
|
|
|
|
main > article > section > p {
|
|
margin-bottom: 1.15rem;
|
|
}
|
|
|
|
main > article > section > :is(h2, h3) {
|
|
color: var(--primary);
|
|
}
|
|
|
|
main > article > section > :is(h2, h3, h4) {
|
|
font-weight: 700;
|
|
}
|
|
|
|
main > article > section > h2 {
|
|
margin: 2.6rem 0 var(--space-4);
|
|
padding-top: var(--space-4);
|
|
border-top: var(--rule-width) solid var(--border);
|
|
border-image: var(--starlight-rule);
|
|
font-family: var(--font-body);
|
|
font-size: 2rem;
|
|
line-height: 1.2;
|
|
|
|
&:first-of-type {
|
|
margin-top: 0;
|
|
padding-top: 0;
|
|
border-top: 0;
|
|
border-image: none;
|
|
}
|
|
}
|
|
|
|
main > article > section > h3 {
|
|
margin: 2rem 0 0.7rem;
|
|
font-size: 1.4rem;
|
|
line-height: 1.35;
|
|
}
|
|
|
|
main > article > section > h4 {
|
|
margin: 1.6rem 0 0.55rem;
|
|
color: var(--text-main);
|
|
font-size: 1.05rem;
|
|
line-height: 1.4;
|
|
}
|
|
|
|
main > article > section > ul {
|
|
margin: var(--space-4) 0 var(--space-6);
|
|
padding-left: 1.35rem;
|
|
|
|
li + li {
|
|
margin-top: 0.7rem;
|
|
}
|
|
}
|
|
|
|
.document > section {
|
|
max-width: var(--document-width);
|
|
margin-inline: auto;
|
|
}
|