폰트사이즈 css 수정

main
이범준 8 months ago
parent e498a19437
commit a9a8b7c780

@ -123,41 +123,24 @@ h6, .h6, h5, .h5, h4, .h4, h3, .h3, h2, .h2, h1, .h1 {
color: #566a7f; color: #566a7f;
} }
h1, .h1 {
font-size: calc(1.3625rem + 1.35vw);
}
@media (min-width: 1200px) {
h1, .h1 { h1, .h1 {
font-size: 2.375rem; font-size: 2.375rem;
} }
}
h2, .h2 {
font-size: calc(1.325rem + 0.9vw);
}
@media (min-width: 1200px) {
h2, .h2 { h2, .h2 {
font-size: 2rem; font-size: 2rem;
} }
}
h3, .h3 {
font-size: calc(1.2875rem + 0.45vw);
}
@media (min-width: 1200px) {
h3, .h3 { h3, .h3 {
font-size: 1.625rem; font-size: 1.625rem;
} }
}
h4, .h4 {
font-size: calc(1.2625rem + 0.15vw);
}
@media (min-width: 1200px) {
h4, .h4 { h4, .h4 {
font-size: 1.375rem; font-size: 1.375rem;
} }
}
h5, .h5 { h5, .h5 {
font-size: 1.125rem; font-size: 1.125rem;
@ -417,14 +400,10 @@ legend {
width: 100%; width: 100%;
padding: 0; padding: 0;
margin-bottom: 0.5rem; margin-bottom: 0.5rem;
font-size: calc(1.275rem + 0.3vw);
line-height: inherit;
}
@media (min-width: 1200px) {
legend {
font-size: 1.5rem; font-size: 1.5rem;
line-height: inherit;
} }
}
legend + * { legend + * {
clear: left; clear: left;
} }
@ -496,70 +475,46 @@ progress {
} }
.display-1 { .display-1 {
font-size: calc(1.525rem + 3.3vw); font-size: 4rem;
font-weight: 500; font-weight: 500;
line-height: 1.1; line-height: 1.1;
} }
@media (min-width: 1200px) {
.display-1 {
font-size: 4rem;
}
}
.display-2 { .display-2 {
font-size: calc(1.475rem + 2.7vw); font-size: 3.5rem;
font-weight: 500; font-weight: 500;
line-height: 1.1; line-height: 1.1;
} }
@media (min-width: 1200px) {
.display-2 {
font-size: 3.5rem;
}
}
.display-3 { .display-3 {
font-size: calc(1.425rem + 2.1vw); font-size: 3rem;
font-weight: 500; font-weight: 500;
line-height: 1.1; line-height: 1.1;
} }
@media (min-width: 1200px) {
.display-3 {
font-size: 3rem;
}
}
.display-4 { .display-4 {
font-size: calc(1.375rem + 1.5vw); font-size: 2.5rem;
font-weight: 500; font-weight: 500;
line-height: 1.1; line-height: 1.1;
} }
@media (min-width: 1200px) {
.display-4 {
font-size: 2.5rem;
}
}
.display-5 { .display-5 {
font-size: calc(1.325rem + 0.9vw); font-size: 2rem;
font-weight: 500; font-weight: 500;
line-height: 1.1; line-height: 1.1;
} }
@media (min-width: 1200px) {
.display-5 {
font-size: 2rem;
}
}
.display-6 { .display-6 {
font-size: calc(1.275rem + 0.3vw); font-size: 1.5rem;
font-weight: 500; font-weight: 500;
line-height: 1.1; line-height: 1.1;
} }
@media (min-width: 1200px) {
.display-6 {
font-size: 1.5rem;
}
}
.list-unstyled { .list-unstyled {
padding-left: 0; padding-left: 0;

Loading…
Cancel
Save