SafariだけにCSS適用するためのmixinを作りました
最近ちょくちょく書くことがあり、どうせならmixin書いたほうが早いやとなったので。
mixin.scss
@mixin safari {
@at-root _::-webkit-full-page-media, _:future, :root & {
@content;
}
}
main.scss
.selector {
background-color: yellow;
@include safari {
background-color: pink;
}
}
↑みたいに書くと、↓にコンパイルされます
main.css
.selector {
background-color: yellow;
}
_::-webkit-full-page-media, _:future, :root .selector {
background-color: pink;
}
Author And Source
この問題について(SafariだけにCSS適用するためのmixinを作りました), 我々は、より多くの情報をここで見つけました https://qiita.com/hrism/items/f8c2d381f42cf0aefc36著者帰属：元の著者の情報は、元のURLに含まれています。著作権は原作者に属する。
Content is automatically searched and collected through network algorithms . If there is a violation . Please contact us . We will adjust (correct author information ,or delete content ) as soon as possible .