css narrative
All checks were successful
Deploy / Build and Deploy to Production (push) Successful in 25s

This commit is contained in:
sarahgarcin1 2026-02-27 13:50:51 +01:00
parent 68d23440e2
commit 0f8192eceb
5 changed files with 53 additions and 22 deletions

View file

@ -15,7 +15,7 @@
--nw-tag-bg : #e9e5dc;
--nw-max-w : 1360px;
--nw-narrow : 720px;
--nw-narrow : 840px;
--nw-sidenav-w : 220px;
--nw-transition : 0.25s ease;
@ -97,6 +97,10 @@
transition: opacity var(--nw-transition), transform var(--nw-transition);
white-space: nowrap;
order: 1;
width: 200px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.nw-sidenav__link:hover .nw-sidenav__label,
@ -306,7 +310,7 @@
}
.nw-introduction__body {
font-size: 1.25rem;
font-size: 1.4rem;
line-height: 1.8;
color: var(--nw-ink-soft);
font-weight: 300;
@ -317,7 +321,7 @@
.nw-introduction__body p:first-child::first-letter {
font-family: var(--nw-font-display);
font-size: 4.5rem;
font-size: 5.7rem;
font-weight: 800;
line-height: 0.8;
float: left;
@ -383,6 +387,7 @@
.nw-section__header {
margin-bottom: 2.5rem;
max-width: var(--nw-narrow);
}
.nw-section__title {
@ -420,7 +425,7 @@
PROSE (writer fields)
*/
.nw-prose {
font-size: 1.1rem;
font-size: 1.3rem;
line-height: 1.8;
color: var(--nw-ink-soft);
margin-bottom: 2rem;
@ -454,7 +459,7 @@
position: relative;
width: 100%;
height: clamp(400px, 55vh, 700px);
margin: 2rem 0;
margin: 5rem 0 2rem;
border-top: 3px solid var(--nw-accent);
overflow: hidden;
}