Browse code

Added a fix for wrapping long lines of text in articles and in the sidebar

Brandon Mathis authored on 23/07/2011 at 13:05:16
Showing 3 changed files
... ...
@@ -134,4 +134,11 @@ blockquote {
134 134
   font-size: 1.4em;
135 135
   line-height: 1.45em;
136 136
 }
137
-
137
+/* @extend this to force long lines of continuous text to wrap */
138
+.force-wrap {
139
+  white-space: -moz-pre-wrap;
140
+  white-space: -pre-wrap;
141
+  white-space: -o-pre-wrap;
142
+  white-space: pre-wrap;
143
+  word-wrap: break-word;
144
+}
... ...
@@ -1,6 +1,7 @@
1 1
 article {
2 2
   overflow: hidden;
3 3
   padding-top: 1em;
4
+  @extend force-wrap;
4 5
   header {
5 6
     position: relative;
6 7
     padding-top: 2em;
... ...
@@ -4,6 +4,7 @@
4 4
 aside[role=sidebar] {
5 5
   color: $sidebar-color;
6 6
   text-shadow: lighten($sidebar-bg, 8) 0 1px;
7
+  @extend .force-wrap;
7 8
   section {
8 9
     @extend .sans;
9 10
     font-size: .8em;