akemi/noway.moe
1
0
Fork 0
Code Issues 1 Pull requests Packages Projects Releases Wiki Activity

Markdown: reduce title sizes

Browse source
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
Show stats Download patch file Download diff file Expand all files Collapse all files

12
src/layouts/BlogPost.astro
View file

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

1
src/styles/global.css
View file

@ -7,6 +7,7 @@
}
: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-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, "ＭＳ Ｐゴシック", "MS PGothic", "ＭＳ ゴシック", "MS Gothic", sans-serif;