css-element-queries icon indicating copy to clipboard operation
css-element-queries copied to clipboard

Unrounded unit values don't seem to be supported

Open mdings opened this issue 9 years ago • 1 comments
trafficstars

I'm trying to use foundation's rem-calc function which can potentially output values like 21.875rem. Element queries containing unrounded unit values seem to be getting ignored completely:

.program {
  background: red;
    &[min-width~="#{rem-calc(350)}"] { //outputs 21.875rem
      background: blue; //background still red
    }
 }

.program {
  background: red;
    &[min-width~="#{rem-calc(336)}"] { //outputs 21rem
      background: blue; //background blue
    }
 }

mdings avatar Mar 16 '16 15:03 mdings

What kind of css does this produce exactly?

marcj avatar May 04 '16 21:05 marcj