.box-shadow() isn't working correctly with rgba colors

madebysource / lesshat

Smart LESS CSS mixins library.

lesshat.com

MIT License

2.19k stars 258 forks source link

.box-shadow() isn't working correctly with rgba colors #117

Closed hustlahusky closed 7 years ago

hustlahusky commented 10 years ago

For example

.box-shadow(0 2px 4px rgba(0,0,0,0.2) inset);

Output:

-webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0) inset;
-moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0) inset;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0) inset;

petrbrzek commented 10 years ago

This is Less 1.7.1 reported bug.

Quick fix is to use the interpolation syntax ~"0 2px 4px rgba(0,0,0,0.2) inset".

hustlahusky commented 10 years ago

Thank you

bluetidepro commented 10 years ago

I have this same issue. Is the work around the only fix as of now?

petrbrzek commented 10 years ago

You can downgrade to Less 1.7.0.

bluetidepro commented 10 years ago

Thanks @petrbrzek !