From 377b52423d1460791e340534a66add06bd4a33ba Mon Sep 17 00:00:00 2001 From: Feuerfuchs Date: Fri, 15 Nov 2019 12:39:49 +0100 Subject: Only enable max with if wrapping is enabled --- css/main.scss | 19 +++++++++++-------- 1 file changed, 11 insertions(+), 8 deletions(-) (limited to 'css') diff --git a/css/main.scss b/css/main.scss index be9dbea..bed3b24 100644 --- a/css/main.scss +++ b/css/main.scss @@ -186,11 +186,19 @@ strong { // Site content classes .wrap { - max-width: 50em; - max-width: 100ch; - margin: 0 auto; padding: 2em 1em; text-align: center; + + &--word-wrap { + max-width: 50em; + max-width: 100ch; + margin: 0 auto; + + .content { + white-space: pre-wrap; + word-wrap: break-word; + } + } } .content { @@ -204,11 +212,6 @@ strong { font: inherit; font-family: $font-proportional; - &--wrap { - white-space: pre-wrap; - word-wrap: break-word; - } - &--has-type-annotations { padding-left: 3em; padding-left: 5ch; -- cgit v1.2.3-54-g00ecf