diff --git a/web/style/blog.scss b/web/style/blog.scss index 66fe1d1..c4c2391 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; } @@ -52,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; 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; 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;