| 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 | }
|