Skip to content
New issue

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

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

Already on GitHub? # to your account

Add tile mixin #30

Open
wants to merge 1 commit into
base: master
Choose a base branch
from
Open

Add tile mixin #30

wants to merge 1 commit into from

Conversation

bennypowers
Copy link
Contributor

Styling tiles from consuming component works fine with native browsers, but polyfilled browsers do not respect those styles. This PR adds a mixin for slotted tile elements which works across browsers.

Styling tiles from consuming component works fine with native browsers, but polyfilled browsers do not respect those styles. This PR adds a mixin for slotted `tile` elements which works across browsers.
@vpusher
Copy link
Owner

vpusher commented Jan 10, 2018

@bennypowers The thing is you can use whatever tag as grid's tile. This is not limited to <tile>. So I an not really confortable at adding a mixin only for this tag.

By consuming component, you mean parent component that wraps the grid ?

@bennypowers
Copy link
Contributor Author

yeah the consumer is the domHost of the-grid

In my case, I want to do something like

tile {
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: Roboto, sans;
  font-size: 32px;
}

in the host. This breaks with shadycss

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

Successfully merging this pull request may close these issues.

2 participants