Re: [polymer-dev] Re: Allow components to use global CSS

2018-03-09 Thread Ronn Ross
elements to deal with legacy global CSS, but should generally never be made > for reusable elements, since you lose all guarantees of reusability granted > by encapsulation and open back up a lot of the problems that web components > solve for making UI components reusable in any

Re: [polymer-dev] Re: Allow components to use global CSS

2018-03-09 Thread Ronn Ross
le-modules of 2.x did... > > -Karl Tiedt > > On Fri, Mar 9, 2018 at 8:34 AM, Ronn Ross > > wrote: > >> I guess I should clarify that I'm not talking about the need to create a >> style module. I pull tachyons in from a CDN in the html page. I am just >&g

[polymer-dev] Re: Allow components to use global CSS

2018-03-09 Thread Ronn Ross
I guess I should clarify that I'm not talking about the need to create a style module. I pull tachyons in from a CDN in the html page. I am just looking for a way for the components to be able to see all those global styles. Thanks! On Friday, March 9, 2018 at 9:30:21 AM UTC-5, Ronn Ross

[polymer-dev] Allow components to use global CSS

2018-03-09 Thread Ronn Ross
Hi I'm using polymer 3, and lit-html. I am defining a set of components and using Tachyons to style them. Tachyons is provided by the page that loads the components. As of now my components do not by default see the global styles. Is there a way to set them up to do so? Follow Polymer on Googl

Re: [polymer-dev] Child html within lit-html

2018-02-19 Thread Ronn Ross
use s: > https://developers.google.com/web/fundamentals/web-components/shadowdom#slots > > class MyButton extends LitElement { > constructor(...args) { > super(); > } > > render() { > return html` > > > > `; > } &g

[polymer-dev] Child html within lit-html

2018-02-19 Thread Ronn Ross
I have a simple button component. I trying to get the child content and pass it through to the button. Here is an example: this is some content I can't figure out how MyButton can pass along the children class MyButton extends LitElement { constructor(...args) { super(); } render({childre

[polymer-dev] Adding dynamic css class using lit-html

2018-02-19 Thread Ronn Ross
I'm attempting to dynamically apply a css class using a property. For example I want to pass in a string: some stuff My component looks like so: class MyButton extends LitElement { static get properties() { return { kind: String } } constructor() { super(); } render({ kind }) { return html`

Re: [polymer-dev] Polymer 3 lit-html example

2018-02-16 Thread Ronn Ross
Justin, That worked. Thanks for the quick response. Is ready() a special method? Do you think lit-element will get long term support in polymer 3? Thanks! On Friday, February 16, 2018 at 2:32:48 PM UTC-5, Justin Fagnani wrote: > > > > On Fri, Feb 16, 2018 at 11:16 AM, Ronn R

[polymer-dev] Polymer 3 lit-html example

2018-02-16 Thread Ronn Ross
Greetings, I'm attempting to create a small polymer 3 lit-html project. I'm getting hung up when lit-html enters the picture. I followed this tutorial: https://www.polymer-project.org/blog/2017-08-23-hands-on-30-preview and was able to get the demo project running locally. Then I felt inspired