Edge Browser-@supports for SCSS throws error

Asked May 08 '17 at 09:58

Active May 08 '17 at 09:58

Viewed 349 times

I have an angular2 application where I am using scss for styling. I need to fix a small alignment issue only in Microsoft Edge. I have written the css like-

@supports (-ms-ime-align:auto) {
    .checkbox {
        padding-top: 10px;
    }
}

but when I hover on @supports it gives me error-

[scss] at-rule unknown

Any idea why is this not working.

asked May 08 '17 at 09:58

techie_questie

1,434
4
29
53

version of sass? Do you use Stylint? – jukben May 08 '17 at 10:07
Cant find out the version. But I am using angular cli which compiles my scss to css. Node-6.7.0 and npm- 3.10.3 – techie_questie May 08 '17 at 10:11
Could you try this hack: `.checkbox { @supports (-ms-ime-align:auto) { padding-top: 10px;}}`? – jukben May 08 '17 at 10:17
does not work :( – techie_questie May 08 '17 at 10:44

Edge Browser-@supports for SCSS throws error

0 Answers0