chore(redesign): 재설계가 죽인 다크/스크롤큐 CSS 제거 + 연결선 gradient 제거
globals.css: --jsm-dark-* 토큰, --jsm-accent-bright, .jsm-dark-form, .df-scroll-dot/@keyframes df-scroll-cue 제거 (전부 소비처 0). 홈 PROCESS 연결선 linear-gradient → solid 인셋 라인. 유지: --kx-*/.kx-*(/, packages·work·music 사용), .gradient-text(/portfolio/[token] 사용) — 숨김·레거시 라우트라 이번 범위 밖. Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_01A2N6SziVSPfavx1j5rAs52
This commit is contained in:
@@ -49,15 +49,7 @@
|
||||
--jsm-accent-hover: #1e40af; /* blue-800 */
|
||||
--jsm-accent-soft: #dbeafe; /* blue-100 뱃지 배경 */
|
||||
|
||||
/* === Deep Field dark tokens (2026-06 랜딩 경험) — 라이트 토큰과 공존 === */
|
||||
--jsm-dark-bg: #070d1a;
|
||||
--jsm-dark-surface: rgba(255, 255, 255, 0.03);
|
||||
--jsm-dark-line: rgba(148, 163, 184, 0.14);
|
||||
--jsm-dark-ink: #f8fafc;
|
||||
--jsm-dark-soft: #94a3b8;
|
||||
--jsm-accent-bright: #60a5fa;
|
||||
|
||||
/* 기존 kx 변수 재매핑 (잔여 참조 호환용) */
|
||||
/* 기존 kx 변수 재매핑 (레거시·숨김 라우트 /packages·/work·/music 호환용) */
|
||||
--kx-surface: var(--jsm-bg);
|
||||
--kx-surface-low: var(--jsm-surface-alt);
|
||||
--kx-surface-mid: var(--jsm-surface);
|
||||
@@ -198,13 +190,6 @@ body {
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
/* 외주 의뢰 폼 — 다크 스킨 placeholder (Deep Field 재스킨) */
|
||||
.jsm-dark-form input::placeholder,
|
||||
.jsm-dark-form textarea::placeholder {
|
||||
color: var(--jsm-dark-soft);
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
/* Service card hover */
|
||||
.service-card {
|
||||
transition: transform 0.2s ease, box-shadow 0.2s ease;
|
||||
@@ -260,20 +245,6 @@ body {
|
||||
mask-image: linear-gradient(to right, transparent, black 8%, black 92%, transparent);
|
||||
}
|
||||
|
||||
/* ─── Deep Field 히어로 스크롤 큐 (가는 세로선 안의 점 미세 바운스) ─── */
|
||||
@keyframes df-scroll-cue {
|
||||
0%, 100% { transform: translateY(0); opacity: 0.35; }
|
||||
50% { transform: translateY(8px); opacity: 1; }
|
||||
}
|
||||
.df-scroll-dot {
|
||||
animation: none;
|
||||
}
|
||||
@media (prefers-reduced-motion: no-preference) {
|
||||
.df-scroll-dot {
|
||||
animation: df-scroll-cue 1.8s cubic-bezier(0.16, 1, 0.3, 1) infinite;
|
||||
}
|
||||
}
|
||||
|
||||
/* Scrollbar styling */
|
||||
::-webkit-scrollbar {
|
||||
width: 6px;
|
||||
|
||||
Reference in New Issue
Block a user