Adding a unit to calc

Question

When using calc, how can you add a unit?

I have tried the following:

font-size: calc(((768 / 100) * 6) / 16)rem;

font-size: calc(((768 / 100) * 6) / 16) rem;

font-size: calc(((768 / 100) * 6) / 16) + rem;

font-size: unit(calc(((768 / 100) * 6) / 16), rem);

I am using a LESS compiler, but can't find any indication on how in the LESS docs.

Edit - I have also tried removing 'calc':

font-size: ((768 / 100) * 6) / 16 rem

This outputs: font-size: 2.88 rem

How can you join 'rem' with the number?

A space between the number and the unit is ignored. `2.88 rem` is treated the same as `2.88rem` — Heretic Monkey, Jan 21 '20 at 19:22
simply like this: `font-size: calc(((768 / 100) * 6rem) / 16);` ? or `font-size: calc((((768 / 100) * 6) / 16) * 1rem);` ? — Temani Afif, Jan 21 '20 at 19:53

score 0 · Answer 1 · answered Jan 22 '20 at 12:11

0

you can in less use like this code

font-size: ((768 / 100) * 6) / 16rem;

in compile you can get this CSS

 font-size:2.88rem;

answered Jan 22 '20 at 12:11

MBadrian

409
3
10

Adding a unit to calc

1 Answers1