From fee109996aa6bdb9b06fd82c4833156bcc35985d Mon Sep 17 00:00:00 2001 From: Nikita Tokarchuk Date: Tue, 11 Jan 2022 00:13:49 +0100 Subject: [PATCH 1/3] Make a single style for headers --- web/style/blog.scss | 1 - web/style/index.scss | 10 ++++++++++ 2 files changed, 10 insertions(+), 1 deletion(-) diff --git a/web/style/blog.scss b/web/style/blog.scss index 66fe1d1..453aa39 100644 --- a/web/style/blog.scss +++ b/web/style/blog.scss @@ -14,7 +14,6 @@ .blog-post-head h1 { margin-block-start: 0.43em; margin-block-end: 0.43em; - font-family: $menu-font; font-size: 2em; font-weight: normal; } diff --git a/web/style/index.scss b/web/style/index.scss index 342d3f2..3a48bf3 100644 --- a/web/style/index.scss +++ b/web/style/index.scss @@ -22,6 +22,16 @@ html { flex-direction: column; } +h1, +h2, +h3, +h4, +h5, +h6 { + font-family: $menu-font; + text-align: center; +} + img { max-width: 70vw; height: auto; From fe58992ac438b7f576b24162297c9697f364696d Mon Sep 17 00:00:00 2001 From: Nikita Tokarchuk Date: Tue, 11 Jan 2022 00:14:35 +0100 Subject: [PATCH 2/3] Make blockquotes visible --- web/style/blog.scss | 11 +++++++++++ 1 file changed, 11 insertions(+) diff --git a/web/style/blog.scss b/web/style/blog.scss index 453aa39..c4c2391 100644 --- a/web/style/blog.scss +++ b/web/style/blog.scss @@ -51,6 +51,17 @@ width: 50vw; } +.blog-post-content > blockquote { + padding: 1.7em; + background: white; + border-left-style: double; + border-left-width: 0.4em; + border-left-color: $text-color; + border-right-style: double; + border-right-width: 0.4em; + border-right-color: $text-color; +} + @media all and (max-width: 512px) { .blog-post-content > * { width: 90vw; From 541ae39098cbb9c9a35dcde546b90ce2abfca8f2 Mon Sep 17 00:00:00 2001 From: Nikita Tokarchuk Date: Tue, 11 Jan 2022 00:21:23 +0100 Subject: [PATCH 3/3] Use editors wide-full as left-right aligners --- web/style/kg.scss | 8 ++++++++ 1 file changed, 8 insertions(+) diff --git a/web/style/kg.scss b/web/style/kg.scss index db7fde4..a274916 100644 --- a/web/style/kg.scss +++ b/web/style/kg.scss @@ -1,5 +1,13 @@ @use "./const.scss" as *; +.kg-width-wide { + align-self: flex-start; +} + +.kg-width-full { + align-self: flex-end; +} + .kg-card { width: auto; max-width: 70vw;