diff --git a/src/style/components/Article.scss b/src/style/components/Article.scss index fa5407ee..5b470375 100644 --- a/src/style/components/Article.scss +++ b/src/style/components/Article.scss @@ -2,7 +2,7 @@ .Article { --article-line-height: 1.75em; - --article-quote-padding: 1em; + --article-quote-padding: var(--half-margin); --article-quote-font-size: 1.25em; --article-head-margin-bottom: var(--small-margin); @@ -23,15 +23,10 @@ } } - &-Body{ + &-Body { --text-margin: 10px; - img { - max-width: 100%; - max-height: 35em; - } - - ul, ol{ + ul, ol { margin-left: $half-margin; margin-bottom: $single-margin; @@ -40,7 +35,7 @@ } } - ul{ + ul { list-style: disc; } @@ -74,6 +69,10 @@ text-align: right; margin-right: $single-margin; } + + p { + margin-bottom: 0; + } } hr { diff --git a/src/style/kazimir/image.scss b/src/style/kazimir/image.scss index ff4a81ce..672569d7 100644 --- a/src/style/kazimir/image.scss +++ b/src/style/kazimir/image.scss @@ -11,6 +11,9 @@ img { border-radius: 3px; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.15); + + max-width: 100%; + max-height: 35em; } figure { @@ -18,7 +21,7 @@ } figcaption { - margin: $half-margin 0 0 var(--kazimir-caption-margin); + margin-left: var(--kazimir-caption-margin); font-size: 16px; font-style: italic;