Changeset 24153

Timestamp:

05/01/2013 05:50:55 PM (13 years ago)

Author:

lancewillett

Message:

Twenty Thirteen: avoid hyphenating post and page titles (and other unintended consequences) by moving word-breaking and hyphenation rules to only apply specifically to post/page content and widgets. Fixes #24231.

Location:

trunk/wp-content/themes/twentythirteen

Files:

• css/editor-style.css (modified) (3 diffs)
• style.css (modified) (4 diffs)

trunk/wp-content/themes/twentythirteen/css/editor-style.css

@@ -11 +11 @@
 body {
         font-family: "Source Sans Pro", Helvetica, sans-serif;
-        -webkit-hyphens: auto;
-        -moz-hyphens:    auto;
-        -ms-hyphens:     auto;
-        hyphens: auto;
         color: #141412;
         line-height: 1.5;
@@ -127 +123 @@
         font-family: monospace, serif;
         font-size: 14px;
-        -webkit-hyphens: auto;
-        -moz-hyphens:    auto;
-        -ms-hyphens:     auto;
-        hyphens: none;
 }
 
@@ -148 +140 @@
 blockquote,
 q {
-        -webkit-hyphens: auto;
-        -moz-hyphens:    auto;
-        -ms-hyphens:     auto;
-        hyphens: none;
         quotes: none;
 }

trunk/wp-content/themes/twentythirteen/style.css

@@ -108 +108 @@
 
 body {
-        -webkit-hyphens: auto;
-        -moz-hyphens:    auto;
-        -ms-hyphens:     auto;
-        hyphens:         auto;
         color: #141412;
         line-height: 1.5;
@@ -1023 +1019 @@
 .hentry {
         padding: 40px 0;
-        word-wrap: break-word;
 }
 
@@ -1154 +1149 @@
  * ----------------------------------------------------------------------------
  */
+
+.entry-content {
+        -webkit-hyphens: auto;
+        -moz-hyphens:    auto;
+        -ms-hyphens:     auto;
+        hyphens:         auto;
+        word-wrap: break-word;
+}
 
 .entry-content a,
@@ -2547 +2550 @@
 .widget {
         background-color: rgba(247, 245, 231, 0.7);
+        -webkit-hyphens: auto;
+        -moz-hyphens:    auto;
+        -ms-hyphens:     auto;
+        hyphens:         auto;
         font-size: 14px;
         margin: 0 0 24px;
         padding: 20px;
+        word-wrap: break-word;
 }