Only enable max with if wrapping is enabled

1 files changed, 11 insertions, 8 deletions

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;