JohnCoates / CSSketch

Plugin that adds CSS support to Sketch 3 for a faster design workflow.
MIT License
1.89k stars 97 forks source link

Only the first box-shadow is added #36

Open mediamichael opened 8 years ago

mediamichael commented 8 years ago

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.