css - @css calc 関数をサポート

Question

@supports(propertyName, value)でcalc 関数を使用する方法はありますか? つまり、calc 関数専用の場所です。<supports_condition>

@supports ( <supports_condition> ) {
    .col-3 {
    width: calc(25% - 20px/4)
    }
    .col-4 {
        width: calc(33.3333333% - 20px/3)
    }
    .col-6 {
        width: calc(50% - 20px/2)
    }
}