Markdown: reduce title sizes

This commit is contained in:
Akemi Izuko 2023-12-27 11:58:55 -07:00
parent 4c9c06a4b1
commit 57188b3cf7
Signed by: akemi
GPG key ID: 8DE0764E1809E9FC
2 changed files with 7 additions and 6 deletions

View file

@ -24,8 +24,8 @@ const { title, description, pubDate, updatedDate, heroImage } = Astro.props;
margin-bottom: 20px; margin-bottom: 20px;
} }
h1.markdown-title { h1.markdown-title {
font-family: PoetsenOne, var(--font-sans); font-family: var(--font-title);
font-size: 60px; font-size: 40px;
} }
.hero-image { .hero-image {
width: 100%; width: 100%;
@ -43,20 +43,20 @@ const { title, description, pubDate, updatedDate, heroImage } = Astro.props;
.prose h5, .prose h5,
.prose h6 { .prose h6 {
margin-top: calc(var(--font-size) / 3); margin-top: calc(var(--font-size) / 3);
font-family: PoetsenOne, var(--font-sans); font-family: var(--font-title);
text-align: left; text-align: left;
} }
.prose h1 { .prose h1 {
font-size: 60px; font-size: 40px;
border-bottom: 2px solid #000; border-bottom: 2px solid #000;
margin-bottom: calc(var(--font-size) / 3); margin-bottom: calc(var(--font-size) / 3);
} }
.prose h2 { .prose h2 {
font-size: 40px; font-size: 30px;
border-bottom: 1px solid #aaa; border-bottom: 1px solid #aaa;
} }
.prose h3 { .prose h3 {
font-size: 30px; font-size: 26px;
} }
.prose h4, .prose h5, .prose h6 { .prose h4, .prose h5, .prose h6 {
font-size: 22px; font-size: 22px;

View file

@ -7,6 +7,7 @@
} }
:root { :root {
--font-title: PoetsenOne, "Noto Sans", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
--font-sans: "Noto Sans", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; --font-sans: "Noto Sans", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
--font-mono: 'Noto Mono', monospace; --font-mono: 'Noto Mono', monospace;
--font-jp: "Source Han Sans", "源ノ角ゴシック", "Hiragino Sans", "HiraKakuProN-W3", "Hiragino Kaku Gothic ProN W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "Noto Sans", "Noto Sans CJK JP", "メイリオ", Meiryo, "游ゴシック", YuGothic, " Pゴシック", "MS PGothic", " ゴシック", "MS Gothic", sans-serif; --font-jp: "Source Han Sans", "源ノ角ゴシック", "Hiragino Sans", "HiraKakuProN-W3", "Hiragino Kaku Gothic ProN W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "Noto Sans", "Noto Sans CJK JP", "メイリオ", Meiryo, "游ゴシック", YuGothic, " Pゴシック", "MS PGothic", " ゴシック", "MS Gothic", sans-serif;