Is there a way to use the calc function in @ supports (propertyName, value) ? I mean <supports_condition>- only for calc function.
<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) } }
@supports , calc(), ( IE @supports , calc() 9, 4 ), , , @supports, , , calc(), @supports, . , , , calc(), - .
@supports
calc()
, calc() , @supports , , calc() :
width: 95px; width: calc(25% - 20px/4);
, - calc @support, , , . - : JS Fiddle
calc
@support
@supports (width: calc(100% - 80em)) { div { width: calc(100% - 3em); } }
. Mozilla.