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

Use a single div for Paper #601

Merged
merged 1 commit into from
May 10, 2015
Merged

Conversation

pomerantsev
Copy link
Contributor

In a conversation with Hai Nguyen (@hai-cea), he confirmed that the
only reason for creating an inner div was preserving the two shadows.
Since it's possible in CSS to apply two or more shadows to a single
element, such nested structure is in my opinion redundant.
The order of shadows matters: shadows for an element are applied
top to bottom (first one goes on top), we had to put the child's
shadows first.

In a conversation with Hai Nguyen (@hai-cea), he confirmed that the
only reason for creating an inner div was preserving the two shadows.
Since it's possible in CSS to apply two or more shadows to a single
element, such nested structure is in my opinion redundant.
The order of shadows matters: shadows for an element are applied
top to bottom (first one goes on top), we had to put the child's
shadows first.
hai-cea pushed a commit that referenced this pull request May 10, 2015
@hai-cea hai-cea merged commit 19e16d9 into mui:master May 10, 2015
@hai-cea
Copy link
Member

hai-cea commented May 10, 2015

Looks great @pomerantsev 👍

I didn't know this was possible! :)

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

Successfully merging this pull request may close these issues.

3 participants