diff --git a/themes/maik-blog/assets/scss/_main.scss b/themes/maik-blog/assets/scss/_main.scss index a30f150..2b4f098 100644 --- a/themes/maik-blog/assets/scss/_main.scss +++ b/themes/maik-blog/assets/scss/_main.scss @@ -16,7 +16,7 @@ html { box-sizing: border-box; line-height: 1.6; - letter-spacing: .06em; + letter-spacing: 0.06em; scroll-behavior: smooth; } @@ -29,7 +29,8 @@ html { body { margin: 0; padding: 0; - font-family: 'Inter UI', -apple-system, BlinkMacSystemFont, "Roboto", "Segoe UI", Helvetica, Arial, sans-serif; + font-family: "Inter UI", -apple-system, BlinkMacSystemFont, "Roboto", + "Segoe UI", Helvetica, Arial, sans-serif; font-display: auto; font-size: 1rem; line-height: 1.54; @@ -174,7 +175,7 @@ figure { figcaption { font-size: 14px; margin-top: 5px; - opacity: .8; + opacity: 0.8; &.left { text-align: left; @@ -188,6 +189,11 @@ figure { text-align: right; } } + + &.small { + max-width: 300px; + width: 90%; + } } code { @@ -198,7 +204,7 @@ code { padding: 1px 6px; margin: 0 2px; border-radius: 5px; - font-size: .95rem; + font-size: 0.95rem; word-wrap: break-word; .dark-theme & { @@ -210,7 +216,7 @@ pre { // background: #212020; padding: 10px 10px 10px 20px; border-radius: 8px; - font-size: .95rem; + font-size: 0.95rem; overflow: auto; @media #{$media-size-phone} { @@ -242,7 +248,7 @@ blockquote { } &:before { - content: '”'; + content: "”"; font-family: Georgia, serif; font-display: auto; font-size: 3.875rem; @@ -374,7 +380,7 @@ table { width: 100%; padding: 10px 10px 10px 20px; border-radius: 8px; - font-size: .95rem; + font-size: 0.95rem; overflow: auto; background: $light-background-secondary; @@ -394,6 +400,5 @@ table { td { border-top-color: $dark-color-secondary; } - } -} \ No newline at end of file +}