gbanyan/blog-nextjs
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Stage all layout updates

Browse Source
This commit is contained in:
Gbanyan
2025-11-19 17:38:45 +08:00
parent 7ca7655e40
commit a249a120a5
15 changed files with 424 additions and 194 deletions
Download Patch File Download Diff File Expand all files Collapse all files

87
styles/globals.css
View File

@@ -34,12 +34,15 @@ body {
transform: translate(-50%, -10%);
opacity: 0;
}
15% {
opacity: 1;
}
85% {
opacity: 1;
}
100% {
transform: translate(-50%, 110%);
opacity: 0;
@@ -122,12 +125,12 @@ body {
font-size: clamp(0.85rem, 0.2vw + 0.8rem, 0.95rem);
}
.prose h1 > a,
.prose h2 > a,
.prose h3 > a,
.prose h4 > a,
.prose h5 > a,
.prose h6 > a {
.prose h1>a,
.prose h2>a,
.prose h3>a,
.prose h4>a,
.prose h5>a,
.prose h6>a {
text-decoration: none !important;
color: inherit !important;
}
@@ -153,13 +156,16 @@ body {
transform: translateX(-120%);
opacity: 0;
}
30% {
opacity: 0.4;
}
60% {
transform: translateX(120%);
opacity: 0;
}
100% {
transform: translateX(120%);
opacity: 0;
@@ -191,35 +197,52 @@ body {
}
@layer components {
.type-display {
font-size: clamp(2.2rem, 1.6rem + 2.4vw, 3.5rem);
line-height: 1.2;
font-weight: var(--font-weight-semibold);
}
.type-display {
font-size: clamp(2.2rem, 1.6rem + 2.4vw, 3.5rem);
line-height: 1.2;
font-weight: var(--font-weight-semibold);
font-family: var(--font-serif-eng), "Songti SC", serif;
}
.type-title {
font-size: clamp(1.6rem, 1.1rem + 1.4vw, 2.6rem);
line-height: 1.3;
font-weight: var(--font-weight-semibold);
}
.type-title {
font-size: clamp(1.6rem, 1.1rem + 1.4vw, 2.6rem);
line-height: 1.3;
font-weight: var(--font-weight-semibold);
font-family: var(--font-serif-eng), "Songti SC", serif;
letter-spacing: 0.02em;
}
.type-subtitle {
font-size: clamp(1.25rem, 0.9rem + 1vw, 1.9rem);
line-height: 1.35;
font-weight: var(--font-weight-medium);
}
.type-subtitle {
font-size: clamp(1.25rem, 0.9rem + 1vw, 1.9rem);
line-height: 1.35;
font-weight: var(--font-weight-medium);
font-family: var(--font-serif-eng), "Songti SC", serif;
letter-spacing: 0.02em;
}
.type-body {
font-size: clamp(1rem, 0.2vw + 0.9rem, 1.15rem);
line-height: var(--line-height-body);
font-weight: var(--font-weight-regular);
}
.type-body {
font-size: clamp(1rem, 0.2vw + 0.9rem, 1.15rem);
line-height: var(--line-height-body);
font-weight: var(--font-weight-regular);
}
.type-small {
font-size: clamp(0.85rem, 0.2vw + 0.8rem, 0.95rem);
line-height: 1.4;
font-weight: var(--font-weight-regular);
}
.type-small {
font-size: clamp(0.85rem, 0.2vw + 0.8rem, 0.95rem);
line-height: 1.4;
font-weight: var(--font-weight-regular);
}
h1 {
font-weight: 700;
letter-spacing: -0.03em;
font-family: var(--font-serif-eng), "Songti SC", serif;
}
h2 {
font-weight: 600;
letter-spacing: -0.02em;
font-family: var(--font-serif-eng), "Songti SC", serif;
}
.type-nav {
font-size: clamp(0.95rem, 0.2vw + 0.85rem, 1.05rem);
@@ -242,4 +265,4 @@ body {
transition: color var(--motion-duration-short) var(--motion-ease-snappy),
transform var(--motion-duration-short) var(--motion-ease-snappy);
}
}
}