sass/node-sass

unit is removed when value is 0 from css-vars

csaggo opened this issue · 1 comments

when defining a css variable like so:

:root {
--varname: 0px;
}

it results in:
:root {
--varname: 0;
}
so the unit is removed in case the value is 0.

this results in calc() not working correctly in the browser:

left: calc(50% - var(--varname)) results in left: 0
while when the unit is contained in the variable the result will be left: 800px (in case the container is 1600px for example as expected)

  • NPM version 9.6.5
  • Node version v18.16.0
  • Node Process {
    node: '18.16.0',
    acorn: '8.8.2',
    ada: '1.0.4',
    ares: '1.19.0',
    brotli: '1.0.9',
    cldr: '42.0',
    icu: '72.1',
    llhttp: '6.0.10',
    modules: '108',
    napi: '8',
    nghttp2: '1.52.0',
    nghttp3: '0.7.0',
    ngtcp2: '0.8.1',
    openssl: '3.0.8+quic',
    simdutf: '3.2.2',
    tz: '2022g',
    undici: '5.21.0',
    unicode: '15.0',
    uv: '1.44.2',
    uvwasi: '0.0.15',
    v8: '10.2.154.26-node.26',
    zlib: '1.2.13'
    }
  • Node Platform darwin
  • Node architecture x64
  • node-sass version 8.0.0:
  • npm node-sass versions node-sass@8.0.0

My bad, the unit gets removed by my css-minifyer not by node-sass. issue is closed.