Commas are not supported
e.g
background-size 1237px 120px, auto 100%
should output
background-size: 1237px 120px, auto 100%;
background-size: xrem xrem, auto 100%;
But instead, it won’t build and throws an error:
Stylus error: Error: /Users/Laura/Indie/Web/ind-ie-site/source/assets/stylus/indie-style-core/responsive-pixels/index.styl:30:20
26| if value == 'inherit' || value == 'auto' || value == 'none' || value == 'cover' || value == 'contain' || value == 'smaller' || value == '!important' || value == 0 || value == null
27| value
28| else if value == 'hairline'
29| '1px'
30| else if unit(value) == 'px'
--------------------------^
31| unit(value/16, 'rem')
32| else
33| unit(value, unit(value))
TypeError: expected string, ident or literal, but got unit:61px
at abstract-shorthand() (/Users/Laura/Indie/Web/ind-ie-site/source/assets/stylus/indie-style-core/responsive-pixels/index.styl:39:30)
at background-size() (/Users/Laura/Indie/Web/ind-ie-site/source/assets/stylus/indie-style-core/responsive-pixels/index.styl:156:24)
at ".device-wrap" (/Users/Laura/Indie/Web/ind-ie-site/source/assets/stylus/_home.styl:103:19)