search

vpusher / the-grid

Grid layout custom element with drag and drop capabilities
https://www.webcomponents.org/element/vpusher/the-grid
MIT License
129 stars 31 forks source link

Add tile mixin #30

Open bennypowers opened 6 years ago

bennypowers commented 6 years ago

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 commented 6 years ago

@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 commented 6 years ago

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