8 character HEX (with alpha channel) causes 500 error on deployment

Open mike-healy opened this issue 4 years ago • 1 comments

Expected behavior

To be able to use 8 character HEX codes (e.g. #4e607644) in .scss files

Actual behavior

The syntax works during local development (i.e. viewing the site at localhost:3000), but when the theme is pushed the request to the CSS file on the CDN produces a 500 server error.

Steps to reproduce behavior

Define a color code using 8 character HEX with alpha channel, and push to a live site. Refactoring the format to rgba seems to solve it – e.g. rgba(78,96, 118, 0.27);

Environment

Live

Stencil-cli version stencil --version: 3.6.2

Node version node -v: 12.20.1

NPM version npm -v: 6.14.10

OS: Mac OS Catalina 10.15.7

Dec 21 '21 23:12 mike-healy

I just ran into the same problem. Refactoring the 8 character hex to a rgba value also resolved it.

Environment Live

Stencil-cli version stencil --version: 4.0.0

Node version node -v: 12.13.0

NPM version npm -v: 8.13.2

OS: Mac OS Monterey 12.6.3

Mar 17 '23 04:03 T-McVee