Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Only the first box-shadow is added #36

Open
make-sum opened this issue Mar 29, 2016 · 0 comments
Open

Only the first box-shadow is added #36

make-sum opened this issue Mar 29, 2016 · 0 comments

Comments

@make-sum
Copy link

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.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

1 participant