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

Why use 2 box-shadow in paper #57

Closed
Gaubee opened this issue Nov 13, 2014 · 1 comment
Closed

Why use 2 box-shadow in paper #57

Gaubee opened this issue Nov 13, 2014 · 1 comment
Labels
component: Paper This is the name of the generic UI component, not the React module!

Comments

@Gaubee
Copy link

Gaubee commented Nov 13, 2014

This Code:

    &.mui-z-depth-1 {
        .lh-box-shadow(0 1px 4px rgba(0, 0, 0, 0.24)); 
        & > .mui-z-depth-bottom { .lh-box-shadow(0 1px 6px rgba(0, 0, 0, 0.12)); }
    }

I can't understand why use two box-shadow. In Google material, It just like this:

button{
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
}
@hai-cea
Copy link
Member

hai-cea commented Nov 14, 2014

The upper and lower shadows were specified on the previous version of the material design specs. It doesn't seem to be there anymore, but I believe if you look at the photoshop files here: http://www.google.com/design/spec/resources/sticker-sheets-icons.html you will see 2 shadows.

@hai-cea hai-cea closed this as completed Nov 18, 2014
@oliviertassinari oliviertassinari added the status: waiting for maintainer These issues haven't been looked at yet by a maintainer label Dec 25, 2022
@zannager zannager added component: Paper This is the name of the generic UI component, not the React module! and removed status: waiting for maintainer These issues haven't been looked at yet by a maintainer labels Jan 16, 2023
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
component: Paper This is the name of the generic UI component, not the React module!
Projects
None yet
Development

No branches or pull requests

4 participants