.background-image-svg( @svg, @fallback ) {
background-image: url( @fallback );
background-image: linear-gradient( transparent, transparent ), e( '/* @embed */' ) url( @svg );
- // Do not serve SVG to Opera 12, bad rendering with border-radius or background-size (T87504)
- background-image: -o-linear-gradient( transparent, transparent ), url( @fallback );
}
// Shorthand for background-image-svg. Use if your PNG and SVG have the same name
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;
+ }
+
+ // 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
&::placeholder {
@rules();
}
- // For inputs that use jquery.placeholder.js e.g. IE9
- &.placeholder {
- @rules();
- }
}
/* stylelint-enable selector-no-vendor-prefix, at-rule-no-unknown */