mirror of
https://github.com/Oreolek/elements.git
synced 2024-07-01 05:54:59 +03:00
added cross browser opacity rules
This commit is contained in:
parent
ebdcd8ca09
commit
33cc13db4a
|
@ -72,9 +72,18 @@
|
|||
-moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box;
|
||||
}
|
||||
.opacity(@opacity: 0.5) {
|
||||
@percent: @opacity * 100;
|
||||
/* IE 8 */
|
||||
-ms-filter: ~"progid:DXImageTransform.Microsoft.Alpha(opacity=(@{percentage}))";
|
||||
/* IE 5-7 */
|
||||
filter: ~"alpha(opacity = (@{percentage}))";
|
||||
/* Netscape */
|
||||
-moz-opacity: @opacity;
|
||||
/* Safari 1.x */
|
||||
-khtml-opacity: @opacity;
|
||||
/* Webkit */
|
||||
-webkit-opacity: @opacity;
|
||||
/* Good browsers */
|
||||
opacity: @opacity;
|
||||
}
|
||||
.transition-duration(@duration: 0.2s) {
|
||||
|
|
Loading…
Reference in a new issue