pvrz/site
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Repaired wordmark styles for better responsiveness and visual appeal. Adjusted font size, line height, and padding to enhance readability across different screen sizes.

Browse Source
This commit is contained in:
Christian
2026-02-12 17:46:08 -05:00
parent 92e0c8ba51
commit e76b2df6c5
1 changed files with 7 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
styles.css
View File

@@ -300,18 +300,20 @@ body.home {
align-items: center; align-items: center;
gap: 0.75rem; gap: 0.75rem;
text-align: center; text-align: center;
width: min(100%, 1000px);
padding: 0 clamp(0.75rem, 4vw, 2rem);
} }
.wordmark { .wordmark {
display: inline-block; display: inline-block;
font-family: var(--font-serif); font-family: var(--font-serif);
font-style: italic; font-style: italic;
font-size: clamp(4.5rem, 18vw, min(11rem, 26vw)); font-size: clamp(3.25rem, 12.5vw, 9.5rem);
font-weight: 400; font-weight: 400;
letter-spacing: -0.04em; letter-spacing: -0.03em;
line-height: 1.08; line-height: 1.06;
padding: 0.06em 0.02em 0.12em; padding: 0.08em 0.18em 0.14em;
max-width: 92vw; max-width: 100%;
text-align: center; text-align: center;
color: var(--text-primary); color: var(--text-primary);
background: linear-gradient(145deg, var(--text-primary) 30%, var(--accent) 100%); background: linear-gradient(145deg, var(--text-primary) 30%, var(--accent) 100%);