feat: 한국어 우선 쇼케이스 정리
This commit is contained in:
parent
e4087c29f5
commit
2b7fa32b5b
109 changed files with 437 additions and 279 deletions
|
|
@ -1,7 +1,7 @@
|
|||
@import url("./tokens.css");
|
||||
|
||||
/* ==========================================================================
|
||||
향연 — quiet-luxury. 한지 위의 장부.
|
||||
향연 — quiet-luxury. 밝은 편집면 위의 기록.
|
||||
========================================================================== */
|
||||
|
||||
*,
|
||||
|
|
@ -33,20 +33,6 @@ body {
|
|||
-webkit-font-smoothing: antialiased;
|
||||
}
|
||||
|
||||
/* 한지 그레인 — 본문 뒤 전면, 알파 0.05. 이 페이지의 유일한 재질 효과 */
|
||||
.paper {
|
||||
position: fixed;
|
||||
inset: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
pointer-events: none;
|
||||
z-index: 1;
|
||||
}
|
||||
body > *:not(.paper) {
|
||||
position: relative;
|
||||
z-index: 2;
|
||||
}
|
||||
|
||||
:where(h1, h2, h3) {
|
||||
font-family: var(--font-display);
|
||||
font-weight: 500;
|
||||
|
|
@ -121,13 +107,6 @@ a {
|
|||
margin-inline: auto;
|
||||
}
|
||||
|
||||
/* 세로쓰기 — 이 스튜디오의 물성 어휘. 목요일의 화원과 같은 결, 다른 용도 */
|
||||
.vertical {
|
||||
writing-mode: vertical-rl;
|
||||
text-orientation: upright;
|
||||
letter-spacing: 0.3em;
|
||||
}
|
||||
|
||||
/* ── 헤더 ─────────────────────────────────────────────────────────────── */
|
||||
|
||||
.site-head {
|
||||
|
|
@ -219,8 +198,8 @@ a {
|
|||
.hero-photo {
|
||||
position: relative;
|
||||
display: grid;
|
||||
grid-template-columns: auto auto;
|
||||
gap: var(--space-4);
|
||||
grid-template-columns: minmax(0, 1fr);
|
||||
gap: var(--space-2);
|
||||
justify-content: end;
|
||||
align-items: start;
|
||||
}
|
||||
|
|
@ -233,7 +212,7 @@ a {
|
|||
.hero-photo figcaption {
|
||||
font-size: var(--step--1);
|
||||
color: var(--ink-faint);
|
||||
height: 14rem;
|
||||
letter-spacing: 0.06em;
|
||||
}
|
||||
|
||||
/* ── 섹션 공통 ────────────────────────────────────────────────────────── */
|
||||
|
|
@ -382,7 +361,8 @@ tbody th {
|
|||
font-family: var(--font-display);
|
||||
color: var(--ink-faint);
|
||||
font-size: var(--step--1);
|
||||
height: 11rem;
|
||||
letter-spacing: 0.08em;
|
||||
align-self: end;
|
||||
}
|
||||
|
||||
/* ── 등장 모션 — 다른 페이지보다 느리다 ──────────────────────────────── */
|
||||
|
|
@ -416,7 +396,6 @@ tbody th {
|
|||
}
|
||||
.hero-photo {
|
||||
max-width: 24rem;
|
||||
grid-template-columns: 1fr auto;
|
||||
justify-content: start;
|
||||
}
|
||||
.visit-grid {
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue