Как в scss использовать @support?

Question

[evilelf]

Всем привет!

Как в scss использовать css-свойство @supports ?

@mixin support($prop,$vars...){
    @supports "#{$prop}"{
        @each $key in $vars{
            .#{$key} {
                @content;
            }
        }
    }
}

такой код выдаёт ошибку.

@supports (background-clip:text) or (-webkit-background-clip:text) or (-moz-background-clip:text){
    
}

такой код тоже выдаёт ошибку))

Answer 1

[Денис Инешин]

Забудьте, вообще неизвестно когда появится нормальная кроссбраузерная поддержка @supports. Как минимум нужно ждать смерти IE9-11

Comments

[evilelf]

оч клёвая штука)

[evilelf]

а как тогда проверять без js-а?)

[Денис Инешин]

evilelf: да не очень. Не вижу смысла от этой штуки в вечно зеленых браузерах. А вот в старых IE, где бы точно пригодилась, этой поддержки нет.

[Денис Инешин]

evilelf: нет ничего страшного, чтобы проверять фичи на JS и класть в html классы вроде no-animation.

[Денис Инешин]

evilelf: Modernizr так и делает например.

[evilelf]

Денис Инешин: точняк! спасибо!