css - How do I stop Sass adding spaces before units of measurement? -
this question has answer here: adding unit number in sass 1 answer i'm attempting follow this tutorial on responsive layout design, using sass/scss base specification language. to end, have defined following scss: body { font: 100%/1.5; } h1 { $h1_size: 24; font-size: ($h1_size / 16)em; line-height:(28 / $h1_size)em; margin-top: (24 / $h1_size)em; } unfortunately, output sass css format looks this: h1 { font-size: 1.5 em; line-height: 1.167 em; margin-top: 1 em; } — unit separated value space. chrome rejects these values invalid, , uses them if manually go , remove spaces myself. is there way fix problem tweaking scss, or passing option sass ? so far, have tried: placing unit inside calculation: ( font-size: ($h1_size / 16em) ) => syntax error ( font-size: (($h1_size)em / 16) => font-size: 24 em/16; same problem i...