diff --git a/.themes/classic/sass/base/_typography.scss b/.themes/classic/sass/base/_typography.scss index 06d1a98..10cc28f 100644 --- a/.themes/classic/sass/base/_typography.scss +++ b/.themes/classic/sass/base/_typography.scss @@ -134,4 +134,11 @@ blockquote { font-size: 1.4em; line-height: 1.45em; } - +/* @extend this to force long lines of continuous text to wrap */ +.force-wrap { + white-space: -moz-pre-wrap; + white-space: -pre-wrap; + white-space: -o-pre-wrap; + white-space: pre-wrap; + word-wrap: break-word; +} diff --git a/.themes/classic/sass/partials/_blog.scss b/.themes/classic/sass/partials/_blog.scss index cc8c684..6ecb04b 100644 --- a/.themes/classic/sass/partials/_blog.scss +++ b/.themes/classic/sass/partials/_blog.scss @@ -1,6 +1,7 @@ article { overflow: hidden; padding-top: 1em; + @extend force-wrap; header { position: relative; padding-top: 2em; diff --git a/.themes/classic/sass/partials/sidebar/_base.scss b/.themes/classic/sass/partials/sidebar/_base.scss index b07dffa..ffac111 100644 --- a/.themes/classic/sass/partials/sidebar/_base.scss +++ b/.themes/classic/sass/partials/sidebar/_base.scss @@ -4,6 +4,7 @@ aside[role=sidebar] { color: $sidebar-color; text-shadow: lighten($sidebar-bg, 8) 0 1px; + @extend .force-wrap; section { @extend .sans; font-size: .8em;