diff options
Diffstat (limited to 'static/css')
| -rw-r--r-- | static/css/blog.css | 10 | ||||
| -rw-r--r-- | static/css/style.css | 18 |
2 files changed, 26 insertions, 2 deletions
diff --git a/static/css/blog.css b/static/css/blog.css index 772bd5b..27a63d9 100644 --- a/static/css/blog.css +++ b/static/css/blog.css @@ -1,3 +1,13 @@ .article { margin-top: 4rem; } + +.article h1, +.article h2, +.article h3, +.article h4, +.article h5, +.article h6 { + margin-top: 2.5rem; + margin-bottom: 1rem; +} diff --git a/static/css/style.css b/static/css/style.css index e9ca6b3..35abb1b 100644 --- a/static/css/style.css +++ b/static/css/style.css @@ -150,6 +150,13 @@ pre, code { font-family: FiraMono, "Courier New", monospace; } +@media screen and (max-width: 500px) { + pre, code { + white-space: pre-wrap; + + } +} + code { background-color: var(--color-grey); padding: 0.2rem 0.3rem; @@ -180,13 +187,20 @@ pre { p { font-size: 1rem; margin: 1.3rem 0; + letter-spacing: 0.03rem; } blockquote { margin-left: 1rem; - border-left: 3px solid var(--color-light-grey); - padding-left: 0.5rem; + border-left: 5px solid var(--color-light-grey); + padding: 0.4rem; + padding-left: 1.0rem; + background-color: var(--color-darker); +} + +blockquote p { + margin: 0.3rem 0; } img, canvas, iframe, video, svg, select, textarea { |