master-co / css

The CSS Language and Framework
https://css.master.co
MIT License
1.75k stars 42 forks source link

✨ `@supported` shorthand for whether declarations are supported #320

Open 1aron opened 6 months ago

1aron commented 6 months ago

Description

Case 1

- grid@supports(display:grid)
+ grid@supported
@supports (display:grid) {
    .grid\@supported {
        display: grid
    }
}

Case 2

- {grid;w:100dvw}@supports(display:grid)and(width:100dvw)
+ {grid;w:100dvw}@supported
@supports (display:grid) and (width:100dvw) {
    .\{grid\;w\:100dvw\}\@supported {
        display: grid;
        width: 100dvw;
    }
}