92 lines
No EOL
2.3 KiB
CSS
92 lines
No EOL
2.3 KiB
CSS
@import url("https://cdn.jsdelivr.net/gh/wanteddev/wanted-sans@v1.0.3/packages/wanted-sans/fonts/webfonts/variable/split/WantedSansVariable.min.css");
|
|
@import url('https://cdn.jsdelivr.net/npm/galmuri@latest/dist/galmuri.css');
|
|
@import "tailwindcss";
|
|
@import "tw-animate-css";
|
|
|
|
@custom-variant dark (&:is(.dark *));
|
|
|
|
@theme inline {
|
|
--color-background: var(--background);
|
|
--color-foreground: var(--foreground);
|
|
--color-muted: var(--muted);
|
|
--color-muted-foreground: var(--muted-foreground);
|
|
--color-border: var(--border);
|
|
--color-ring: var(--ring);
|
|
--radius-sm: calc(var(--radius) * 0.6);
|
|
--radius-md: calc(var(--radius) * 0.8);
|
|
--radius-lg: var(--radius);
|
|
}
|
|
|
|
@font-face {
|
|
font-family: 'BonmyeongjoSourceHanSerif';
|
|
src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_two@1.0/NotoSerifKR.woff') format('woff');
|
|
font-weight: normal;
|
|
font-display: swap;
|
|
}
|
|
|
|
.font-BonmyeongjoSourceHanSerif {
|
|
font-family: "BonmyeongjoSourceHanSerif", sans-serif !important;
|
|
}
|
|
|
|
.font-galmuri {
|
|
font-family: "Galmuri", sans-serif !important;
|
|
}
|
|
|
|
:root {
|
|
--background: hsl(340 40% 98%);
|
|
--foreground: hsl(315 21% 8%);
|
|
--muted: hsl(340 20% 95%);
|
|
--muted-foreground: hsl(340 10% 60%);
|
|
--border: hsl(340 25% 90%);
|
|
--ring: hsl(315 21% 8%);
|
|
--radius: 0.625rem;
|
|
|
|
--scrollbar: hsla(340 10% 60% / 0.5);
|
|
--scrollbar-hover: hsla(340 10% 60% / 0.8);
|
|
}
|
|
|
|
.dark {
|
|
--background: hsl(315 21% 8%);
|
|
--foreground: hsl(0 0% 98%);
|
|
--muted: hsl(296, 18%, 15%);
|
|
--muted-foreground: hsl(240 5% 68%);
|
|
--border: hsl(296, 18%, 15%);
|
|
--ring: hsl(240 4.9% 83.9%);
|
|
|
|
--scrollbar: hsla(340 10% 60% / 0.5);
|
|
--scrollbar-hover: hsla(340 10% 60% / 0.8);
|
|
}
|
|
|
|
@layer base {
|
|
* {
|
|
border-color: var(--border);
|
|
outline-color: color-mix(in srgb, var(--ring) 50%, transparent);
|
|
}
|
|
|
|
body {
|
|
background-color: var(--background);
|
|
color: var(--foreground);
|
|
font-family: "Wanted Sans Variable", "Wanted Sans", -apple-system,
|
|
BlinkMacSystemFont, system-ui, "Segoe UI", "Apple SD Gothic Neo",
|
|
"Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji",
|
|
"Segoe UI Symbol", sans-serif;
|
|
}
|
|
}
|
|
|
|
/* Fullscreen Scroll Snap */
|
|
html {
|
|
scroll-behavior: smooth;
|
|
}
|
|
|
|
body {
|
|
scroll-snap-type: y mandatory;
|
|
}
|
|
|
|
.snap-section {
|
|
scroll-snap-align: start;
|
|
scroll-snap-stop: always;
|
|
}
|
|
|
|
strong {
|
|
font-weight: 600;
|
|
} |