]>
Commit | Line | Data |
---|---|---|
91e44d91 S |
1 | // Applies the given styles only when the browser support CSS3 3D transforms. |
2 | @mixin if-supports-3d-transforms() { | |
3 | @media (-webkit-transform-3d) { | |
4 | // Old Safari, Old Android | |
5 | // http://caniuse.com/#feat=css-featurequeries | |
6 | // https://developer.mozilla.org/en-US/docs/Web/CSS/@media/-webkit-transform-3d | |
7 | @content; | |
8 | } | |
9 | ||
10 | @supports (transform: translate3d(0,0,0)) { | |
11 | // The Proper Way: Using a CSS feature query | |
12 | @content; | |
13 | } | |
14 | } |