document .hyphens() mixin

diff --git a/docs/less.html b/docs/less.html
index 476f5ac98267464da9e295ee70ba373b13867d4d..aff16044f9b7559d7a1aec116f952e445a102f83 100644 (file)
--- a/docs/less.html
+++ b/docs/less.html
@@ -907,6 +907,11 @@
         <td><code>@columnCount, @columnGap: @gridGutterWidth</code></td>
         <td>Make the content of any element use CSS3 columns</td>
       </tr>
+      <tr>
+        <td><code>.hyphens()</code></td>
+        <td><code>@mode: auto</code></td>
+        <td>CSS3 hyphenation when you want it (includes <code>word-wrap: break-word</code>)</td>
+      </tr>
     </tbody>
   </table>
   <h3>Backgrounds and gradients</h3>

diff --git a/docs/templates/pages/less.mustache b/docs/templates/pages/less.mustache
index bb71484534e0643afe71e3c280a25bb1e99d8264..a83a28cedadd1c58f5795593a50d07856dbcc93c 100644 (file)
--- a/docs/templates/pages/less.mustache
+++ b/docs/templates/pages/less.mustache
@@ -830,6 +830,11 @@
         <td><code>@columnCount, @columnGap: @gridGutterWidth</code></td>
         <td>{{_i}}Make the content of any element use CSS3 columns{{/i}}</td>
       </tr>
+      <tr>
+        <td><code>.hyphens()</code></td>
+        <td><code>@mode: auto</code></td>
+        <td>{{_i}}CSS3 hyphenation when you want it (includes <code>word-wrap: break-word</code>){{/i}}</td>
+      </tr>
     </tbody>
   </table>
   <h3>{{_i}}Backgrounds and gradients{{/i}}</h3>

diff --git a/less/mixins.less b/less/mixins.less
index b5c5352cf2eaa3a35dc292571db24cecebda87c3..8efe12b388a2ee83f580913ecc82436d79c4899f 100644 (file)
--- a/less/mixins.less
+++ b/less/mixins.less
@@ -314,12 +314,12 @@
 
 // Optional hyphenation
 .hyphens(@mode: auto) {
+  word-wrap: break-word;
   -webkit-hyphens: @mode;
      -moz-hyphens: @mode;
       -ms-hyphens: @mode;
        -o-hyphens: @mode;
           hyphens: @mode;
-        word-wrap: break-word;
 }
 
 // Opacity