forcing emCalc in calc css property

Question

Is there anyway to force emCalc to run in Foundation. For example I have this code.

.rule {
    height: calc(100% - emCalc(10px));
}

The sass simple produces exactly that, without running the emCalc function. Is there anyway to force the sass processor to run the emCalc function first?

Is the emCalc function enabled? Sometimes, Foundation has things disabled by default. If so and it's still not working, you could set it to a variable and use that variable in calc — joshboley, Jul 08 '14 at 19:12

score 2 · Accepted Answer · answered Jul 08 '14 at 19:19

2

You can do it like this:

.rule {
    height: calc(100% - #{emCalc(10px)});
}

answered Jul 08 '14 at 19:19

JAre

4,666
3
27
45

forcing emCalc in calc css property

1 Answers1