.vertical-gradient( @startColor: gray, @endColor: white, @startPos: 0, @endPos: 100% ) {
background-color: @endColor;
- background-image: -webkit-gradient( linear, left top, left bottom, color-stop( @startPos, @startColor ), color-stop( @endPos, @endColor ) ); // Safari 4+, Chrome 2+
background-image: -webkit-linear-gradient( top, @startColor @startPos, @endColor @endPos ); // Safari 5.1+, Chrome 10+
background-image: -moz-linear-gradient( top, @startColor @startPos, @endColor @endPos ); // Firefox 3.6+
background-image: linear-gradient( @startColor @startPos, @endColor @endPos ); // Standard
// compatibility (browsers able to understand gradient syntax support also SVG).
// http://pauginer.tumblr.com/post/36614680636/invisible-gradient-technique
//
-// We use gzip compression, which means that it is okay to embed twice.
-//
// We do not embed the fallback image on the assumption that the gain for old browsers
// is not worth the harm done to modern ones.
.background-image-svg( @svg, @fallback ) {
// 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+
+ -ms-hyphens: @value; // IE 10-11, Edge 12+
hyphens: @value; // Firefox 43+, Chrome 55+, Android 62+, UC Browser 11.8+, Samsung 6.2+
}