fix(style): Apply normal word-break rule on p and headings in tabs

Exchange a strict word-break rule as general styling of p and heading elements for a normal word-break rule.
podlove · Feb 29, 2016 · 8c2ed7a · 8c2ed7a
1 parent d238f2e
commit 8c2ed7a
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 5 deletions.
diff --git a/src/sass/_tabs.scss b/src/sass/_tabs.scss
@@ -10,6 +10,12 @@ $tab-header-height-mobile:  50px;
   background-color: $tab-background;
   position: relative;
 
+  h2, h3, p {
+    hyphens: auto;
+    /* Non standard for webkit */
+    word-break: break-word;
+  }
+
   a {
     color: $tab-link-color;
     &:hover,

diff --git a/src/sass/_type.scss b/src/sass/_type.scss
@@ -10,16 +10,12 @@
 // -------------------------
 
 .break-all {
-  hyphens: auto;
   word-break: break-all;
-  /* Non standard for webkit */
-  word-break: break-word;
 }
 
 p {
   margin: 0 0 ($line-height-computed / 2);
   font-weight: $font-weight-normal;
-  @extend .break-all;
 }
 
 
@@ -31,7 +27,6 @@ h1, h2, h3, h4, h5, h6,
   font-family: $headings-font-family;
   line-height: $headings-line-height;
   color:       $headings-color;
-  @extend .break-all;
 }
 
 h1, h2,