the-grid icon indicating copy to clipboard operation
the-grid copied to clipboard

Add tile mixin

Open bennypowers opened this issue 6 years ago • 2 comments

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.

bennypowers avatar Jan 10 '18 06:01 bennypowers

@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 ?

vpusher avatar Jan 10 '18 10:01 vpusher

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

bennypowers avatar Jan 10 '18 11:01 bennypowers