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

Markdown: url styles

Browse source
This commit is contained in:
Akemi Izuko 2023-12-26 14:55:13 -07:00
parent cce5f00e18
commit eec78dfbfe
Signed by: akemi
GPG key ID: 8DE0764E1809E9FC
2 changed files with 18 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

17
src/layouts/BlogPost.astro
View file

@ -66,6 +66,13 @@ const { title, description, pubDate, updatedDate, heroImage } = Astro.props;
font-family: var(--font-sans); font-family: var(--font-sans);
margin: 16px 0; margin: 16px 0;
} }
.prose a {
text-decoration: none;
color: var(--accent-color);
}
.prose a:hover {
text-decoration: underline;
}
.prose ul { .prose ul {
padding-left: 30px; padding-left: 30px;
} }
@ -78,6 +85,16 @@ const { title, description, pubDate, updatedDate, heroImage } = Astro.props;
border-radius: 22px; border-radius: 22px;
filter: drop-shadow(0 4px 6px #444); filter: drop-shadow(0 4px 6px #444);
} }
.prose code:not(pre > code) {
background-color: #f6f6f6;
/*border-radius: 6px;*/
border-radius: 6px;
/*padding: 16px;*/
padding: 2px 4px;
margin: 16px 0;
font-family: var(--font-mono);
/*filter: drop-shadow(0 2px 6px #ddd);*/
}
.prose pre { .prose pre {
background-color: #f6f6f6; background-color: #f6f6f6;
border-radius: 6px; border-radius: 6px;

1
src/styles/global.css
View file

@ -12,6 +12,7 @@
--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; --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;
--box-shadow: 0 2px 6px rgba(#000, 25%), 0 8px 24px rgba(#000, 33%), 0 16px 32px rgba(#000, 33%); --box-shadow: 0 2px 6px rgba(#000, 25%), 0 8px 24px rgba(#000, 33%), 0 16px 32px rgba(#000, 33%);
--font-size: 1em; --font-size: 1em;
--accent-color: deeppink;
} }
body { body {