Windows Mac 共通 ブラウザ別指定
1 2 3 4 | color : #fff ; @include ie { color : #000 ; } |
のような感じでmixinを呼び出します。
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 | //Win IE 11 @mixin ie { @at-root _:-ms-lang(x)::-ms-backdrop, & { @content; } } //Win Edge @mixin edge { @supports (-ms-ime-align: auto ) { @content; } } //Win Mac Chrome @mixin chrome { @media screen and (-webkit-min-device-pixel-ratio: 0 ){ @content; } } //Win Mac Firefox @mixin firefox { @-moz-document url-prefix(){ @content; } } |