Westbrook

import htm from 'https://unpkg.com/htm?module'; // for parity of renderer plus access to element properties

const handler = (e) => console.log("You've got an event at the parent level:",e);
const eventToComponent = htm`<MyComponent onSomething=${handler} />`;
const eventToCustomElement = htm`<my-component onSomething=${handler} />`;


// OR, you can use capturing to manage this sort of thing via central data store

document.body.addEventListener('something', e => {

Westbrook

import {LitElement, html} from '@polymer/lit-element';
import {UseEffectMixin} from './use-effect.js';

class MyElement extends UseEffectMixin(LitElement) {
  static get properties() { 
    return {
      mood: {type: String},
      expression: {type: String}
    }
  }

Westbrook

// ----
// libsass (v0.7.0)
// ----

%extended {
  border: none;
}

%extend {
  width: 100%;

Westbrook

// ----
// libsass (v0.7.0)
// ----

%extend {
  @media only screen and (max-width: 600px) {
    width:100%;  
  }
}