Search code examples
csssasslibsass

How to put Fraction number in front of unit in SASS

I have the following SASS code:

margin: #{-5/16}rem

I get with this code:

margin: -5/16rem

I want this output:

margin: -0.3125rem

I also tried this:

margin: (-5/16)rem

but this results in:

margin: -0.3125 rem <- notice the space between number and unit
Solution

  • I tried combining both your notations and it seems to properly work (Sass v3.4.25):

    margin: #{(-5/16)}rem; /* margin: -0.3125rem; */

    Sassmeister demo