From 4944325d6a57861d65cf098709d0e953348ef6a1 Mon Sep 17 00:00:00 2001
From: Thibaut <thibaut@me.com>
Date: Sun, 15 Dec 2013 10:25:39 +0000
Subject: [PATCH] Use overflow-wrap CSS property alongside word-wrap

---
 assets/stylesheets/components/_content.scss | 1 +
 assets/stylesheets/components/_mobile.scss  | 1 +
 assets/stylesheets/components/_sidebar.scss | 1 +
 assets/stylesheets/global/_base.scss        | 1 +
 4 files changed, 4 insertions(+)

diff --git a/assets/stylesheets/components/_content.scss b/assets/stylesheets/components/_content.scss
index d6cbb62f..9ad0b586 100644
--- a/assets/stylesheets/components/_content.scss
+++ b/assets/stylesheets/components/_content.scss
@@ -154,6 +154,7 @@
   white-space: nowrap;
   overflow: hidden;
   word-wrap: normal;
+  overflow-wrap: normal;
 
   &:after {
     content: '';
diff --git a/assets/stylesheets/components/_mobile.scss b/assets/stylesheets/components/_mobile.scss
index b7f4c30f..792c8973 100644
--- a/assets/stylesheets/components/_mobile.scss
+++ b/assets/stylesheets/components/_mobile.scss
@@ -75,6 +75,7 @@
   ._list-item {
     white-space: normal;
     word-wrap: break-word;
+    overflow-wrap: break-word;
     border-right-width: 0;
   }
 
diff --git a/assets/stylesheets/components/_sidebar.scss b/assets/stylesheets/components/_sidebar.scss
index 8e45f79c..1b8266a4 100644
--- a/assets/stylesheets/components/_sidebar.scss
+++ b/assets/stylesheets/components/_sidebar.scss
@@ -65,6 +65,7 @@
   font-size: .875rem;
   white-space: nowrap;
   word-wrap: normal;
+  overflow-wrap: normal;
   text-overflow: ellipsis;
   text-shadow: 0 1px rgba(white, .3);
   border: solid transparent;
diff --git a/assets/stylesheets/global/_base.scss b/assets/stylesheets/global/_base.scss
index c14d26b0..5a8c5f99 100644
--- a/assets/stylesheets/global/_base.scss
+++ b/assets/stylesheets/global/_base.scss
@@ -13,6 +13,7 @@ body {
   font: normal 1em/1.7 $baseFont;
   color: $textColor;
   word-wrap: break-word;
+  overflow-wrap: break-word;
   -webkit-tap-highlight-color: rgba(black, 0);
   -webkit-touch-callout: none;
   -webkit-text-size-adjust: 100%;