Files
ComponentTest/src/styles.scss
T
2026-03-26 00:14:43 +09:00

76 lines
1.4 KiB
SCSS

@import url('https://cdn.jsdelivr.net/npm/nanumsquareneo@0.0.5/nanumsquareneo.css');
@import url('https://cdn.jsdelivr.net/gh/wanteddev/wanted-sans@v1.0.1/packages/wanted-sans/fonts/webfonts/variable/split/WantedSansVariable.min.css');
@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard-jp-dynamic-subset.min.css");
body {
font-family: 'NanumSquareNeo', 'Wanted Sans Variable', 'Pretendard JP', sans-serif;
font-weight: 500;
margin: 0;
overscroll-behavior-x: none;
background-color: white;
}
.icon-24 {
font-variation-settings: 'FILL' 0, 'wght' 300, 'GRAD' 0, 'opsz' 24;
font-size: 24px;
line-height: 24px;
}
.icon-40 {
font-variation-settings: 'FILL' 0, 'wght' 300, 'GRAD' 0, 'opsz' 40;
font-size: 40px;
line-height: 40px;
}
strong {
font-weight: 900;
}
h1 {
margin-bottom: 40px;
text-align: center;
}
h2 {
margin-top: 0;
margin-bottom: 20px;
font-size: 1.2rem;
color: #666;
}
p {
margin-top: 15px;
font-weight: 500;
}
.container {
padding: 40px;
max-width: 600px;
margin: 0 auto;
}
.popup-outlet {
position: fixed;
inset: 0;
pointer-events: none;
z-index: 10000; /* 최상위 레이어 */
}
#global-popup-root > * {
pointer-events: auto;
display: block;
}
section {
margin-bottom: 40px;
padding: 20px;
border: 2px solid rgba(0, 0, 0, 0.2);
border-radius: 8px;
}
.container {
padding: 40px;
max-width: 600px;
margin: 0 auto;
}