moparisthebest/www.moparisthebest.com
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

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

Browse Source
This commit is contained in:
Brandon Mathis 2011-07-23 09:05:16 -04:00
parent fe074b2c1b
commit 51b2a36b40
3 changed files with 10 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
.themes/classic/sass/base/_typography.scss
View File

@ -134,4 +134,11 @@ blockquote {
font-size: 1.4em; font-size: 1.4em;
line-height: 1.45em; 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;
}

1
.themes/classic/sass/partials/_blog.scss
View File

@ -1,6 +1,7 @@
article { article {
overflow: hidden; overflow: hidden;
padding-top: 1em; padding-top: 1em;
@extend force-wrap;
header { header {
position: relative; position: relative;
padding-top: 2em; padding-top: 2em;

1
.themes/classic/sass/partials/sidebar/_base.scss
View File

@ -4,6 +4,7 @@
aside[role=sidebar] { aside[role=sidebar] {
color: $sidebar-color; color: $sidebar-color;
text-shadow: lighten($sidebar-bg, 8) 0 1px; text-shadow: lighten($sidebar-bg, 8) 0 1px;
@extend .force-wrap;
section { section {
@extend .sans; @extend .sans;
font-size: .8em; font-size: .8em;