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

Add a background-size:inherit to the placeholder #88

Open
herbalizer404 opened this issue Aug 12, 2016 · 0 comments
Open

Add a background-size:inherit to the placeholder #88

herbalizer404 opened this issue Aug 12, 2016 · 0 comments

Comments

@herbalizer404
Copy link

Description

When you use the paper-card element which uses iron-image, you can't precise the "size" properties to the iron-image.
The only choice for you is to customize this css rule like that:
--paper-card-header-image {
background-size: cover;
}
BUT the iron-image background-size doesn't change because there is no attribute in the placeholder css rules like this one:
background-size: inherit;

Expected outcome

The iron-image placeholder of a paper-card image must inherit from this rule in the paper card definition:
--paper-card-header-image {
background-size: cover;
}

Actual outcome

The background-size: cover; doesn't work, cause there is no background-size: inherit; in the #placeholder css rules.

Steps to reproduce

  1. Put a paper-card element in a page (eventually in an app-grid element), and add it an image, and a placeholder smaller than the image.
  2. Open the page in a web browser.
  3. What you'll see is that the placeholder shown is background-repeat instead of cover.
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