diff options
| author | Brandon Mathis <brandon@imathis.com> | 2011-07-23 09:05:16 -0400 |
|---|---|---|
| committer | Brandon Mathis <brandon@imathis.com> | 2011-07-23 09:06:47 -0400 |
| commit | 51b2a36b40e261c5d4fc10f0e6d99f0ec80a02d4 (patch) | |
| tree | 5c56d0b03c32a548cfe6726a96ff054c766ef39e /.themes/classic/sass | |
| parent | fe074b2c1b08046d26c5f191889743ef4115bc55 (diff) | |
| download | my_new_personal_website-51b2a36b40e261c5d4fc10f0e6d99f0ec80a02d4.tar.xz my_new_personal_website-51b2a36b40e261c5d4fc10f0e6d99f0ec80a02d4.zip | |
Added a fix for wrapping long lines of text in articles and in the sidebar
Diffstat (limited to '')
| -rw-r--r-- | .themes/classic/sass/base/_typography.scss | 9 | ||||
| -rw-r--r-- | .themes/classic/sass/partials/_blog.scss | 1 | ||||
| -rw-r--r-- | .themes/classic/sass/partials/sidebar/_base.scss | 1 |
3 files changed, 10 insertions, 1 deletions
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; |