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

Drop shadows: Align core drop shadows with Figma #2488

Closed
DzmitryTrubchyk opened this issue Sep 3, 2024 · 1 comment
Closed

Drop shadows: Align core drop shadows with Figma #2488

DzmitryTrubchyk opened this issue Sep 3, 2024 · 1 comment
Assignees
Labels
improvement Something that could be better
Milestone

Comments

@DzmitryTrubchyk
Copy link
Collaborator

DzmitryTrubchyk commented Sep 3, 2024

Open in Figma

Loveship Light, Promo, Electric:

/* shadows/shadow-level-1 */
box-shadow: 0px 0px 3px rgba(29, 30, 38, 0.05), 0px 3px 6px rgba(29, 30, 38, 0.1);

/* shadows/shadow-level-2 */
box-shadow: 0px 6px 12px rgba(29, 30, 38, 0.05), 0px 3px 12px rgba(29, 30, 38, 0.1), 0px 0px 6px rgba(29, 30, 38, 0.05);

/* shadows/shadow-level-3 */
box-shadow: 0px 0px 10px rgba(29, 30, 38, 0.05), 0px 6px 36px rgba(29, 30, 38, 0.12), 0px 9px 15px rgba(29, 30, 38, 0.05);

Loveship Dark

/* shadows/shadow-level-1 */
box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2), 0px 3px 6px rgba(0, 0, 0, 0.2);

/* shadows/shadow-level-2 */
box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2), 0px 4px 22px 3px rgba(0, 0, 0, 0.26);

/* shadows/shadow-level-3 */
box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2), 0px 3px 25px 3px rgba(0, 0, 0, 0.56);

@NatalliaAlieva
Copy link
Collaborator

Released in 5.10.0 ver.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
improvement Something that could be better
Projects
Status: Closed
Development

No branches or pull requests

4 participants