From 51b2a36b40e261c5d4fc10f0e6d99f0ec80a02d4 Mon Sep 17 00:00:00 2001 From: Brandon Mathis Date: Sat, 23 Jul 2011 09:05:16 -0400 Subject: [PATCH] Added a fix for wrapping long lines of text in articles and in the sidebar --- .themes/classic/sass/base/_typography.scss | 9 ++++++++- .themes/classic/sass/partials/_blog.scss | 1 + .themes/classic/sass/partials/sidebar/_base.scss | 1 + 3 files changed, 10 insertions(+), 1 deletion(-) 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;