X-Git-Url: https://git.heureux-cyclage.org/?p=lhc%2Fweb%2Fwiklou.git;a=blobdiff_plain;f=resources%2Fsrc%2Fmediawiki.less%2Fmediawiki.mixins.less;h=1218644f82461970a4ba1fb8d362d5a2e02ff912;hp=58f6dc243d5cd006cba132902728bb08d675e18a;hb=8269ed4dfd5e4395e25945b1fa2ed391684606ed;hpb=58858df842f91d9ea1c9f9b6f3c767d8b204886b

diff --git a/resources/src/mediawiki.less/mediawiki.mixins.less b/resources/src/mediawiki.less/mediawiki.mixins.less
index 58f6dc243d..1218644f82 100644
--- a/resources/src/mediawiki.less/mediawiki.mixins.less
+++ b/resources/src/mediawiki.less/mediawiki.mixins.less
@@ -56,6 +56,25 @@
 	list-style-image: e( '/* @embed */' ) url( @fallback ) e( '\9' );
 }
 
+.hyphens( @value: auto ) {
+	& when ( @value = auto ){
+		// Legacy `word-wrap`; IE 6-11, Edge 12+, Firefox 3.5+, Chrome 4+, Safari 3.1+,
+		//   Opera 11.5+, iOS 3.2+, Android 2.1+
+		// `overflow-wrap` is W3 standard, but it doesn't seem as if browser vendors
+		//   will abandon `word-wrap` (it has wider support), therefore no duplication.
+		word-wrap: break-word;
+	}
+	& when ( @value = none ) {
+		word-wrap: normal;
+	}
+
+	// CSS3 hyphenation
+	-webkit-hyphens: @value; // Safari 5.1+, iOS 4.3+
+	-moz-hyphens: @value;    // Firefox 6-42
+	-ms-hyphens: @value;     // IE 10-11, Edge 12+
+	hyphens: @value;         // Firefox 43+, Chrome 55+, Android 62+, UC Browser 11.8+, Samsung 6.2+
+}
+
 .transform( @value ) {
 	-webkit-transform: @value; // Safari 3.1-8.0, iOS 3.2-8.4, Android 2.1-4.4.4
 	-moz-transform: @value; // Firefox 3.5-15