From 51b2a36b40e261c5d4fc10f0e6d99f0ec80a02d4 Mon Sep 17 00:00:00 2001
From: Brandon Mathis <brandon@imathis.com>
Date: Sat, 23 Jul 2011 09:05:16 -0400
Subject: 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 06d1a989..10cc28f2 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 cc8c6848..6ecb04b9 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 b07dffac..ffac1117 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;
-- 
cgit v1.2.1