From 5b4c4d87b7298bba622586d257af862d21aeab00 Mon Sep 17 00:00:00 2001 From: Jaemin Choi <1dotolee@gmail.com> Date: Wed, 15 Nov 2023 02:46:14 +0900 Subject: [PATCH] fix: apply pretendard to home --- .../docs/scss/custom/structure/_general.scss | 5 ++- assets/scss/custom/structure/_general.scss | 44 +++++++++++++++++++ 2 files changed, 48 insertions(+), 1 deletion(-) create mode 100644 assets/scss/custom/structure/_general.scss diff --git a/assets/docs/scss/custom/structure/_general.scss b/assets/docs/scss/custom/structure/_general.scss index f13dd36..fdb502d 100644 --- a/assets/docs/scss/custom/structure/_general.scss +++ b/assets/docs/scss/custom/structure/_general.scss @@ -5,7 +5,10 @@ html { background-color: var(--body-bg); } body { - font-family: 'Pretendard', $font-family-secondary; + font-family: -apple-system, BlinkMacSystemFont, 'Apple SD Gothic Neo', + 'Pretendard Variable', Pretendard, Roboto, 'Noto Sans KR', 'Segoe UI', + 'Malgun Gothic', 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', + sans-serif; overflow-x: hidden !important; font-size: $font-size-base; color: var(--body-color); diff --git a/assets/scss/custom/structure/_general.scss b/assets/scss/custom/structure/_general.scss new file mode 100644 index 0000000..2aef920 --- /dev/null +++ b/assets/scss/custom/structure/_general.scss @@ -0,0 +1,44 @@ +body { + font-family: -apple-system, BlinkMacSystemFont, 'Apple SD Gothic Neo', + 'Pretendard Variable', Pretendard, Roboto, 'Noto Sans KR', 'Segoe UI', + 'Malgun Gothic', 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', + sans-serif; + overflow-x: hidden !important; + font-size: $font-size-base; + color: $body-color; + background-color: $body-bg; +} +h1, +h2, +h3, +h4, +h5, +h6, +.h1, +.h2, +.h3, +.h4, +.h5, +.h6 { + font-family: $font-family-base; + line-height: 1.4; + font-weight: 600; +} +::selection { + background: rgba($primary, 0.9); + color: $white; +} +a { + text-decoration: none !important; + transition: all 0.5s ease; +} +p { + line-height: 1.6; +} + +.four-oh-four { + min-height: calc(100vh - 180px); + @media (max-width: 767px) { + min-height: calc(100vh - 241px); + } +}