CSSketch icon indicating copy to clipboard operation
CSSketch copied to clipboard

Only the first box-shadow is added

Open make-sum opened this issue 9 years ago • 0 comments

This plugin is amazing, thank you!

Is there a way to have the plugin apply multiple shadows to one element?

ex. If multiple shadows in CSS: .shadow { box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12), 0 1px 3px 0 rgba(0, 0, 0, 0.2); }

Only the first is created/added in Sketch: box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.14);

ex. If I add each shadow individually: .shadow { box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.14); box-shadow: 0 2px -1px 1px rgba(0, 0, 0, 0.12); box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2); }

The shadow will appear correct in Sketch, but will only show one shadow in the property editor (and the developers will not like the CSS :).

Why and who will benefit? Anyone who wants the correct Material Design shadows.

make-sum avatar Mar 29 '16 00:03 make-sum