Nevraeka

The Web Ahead by @jensimmons

• Web Components with Peter Gasston
• Componentizing the Web with Rob Dodson

Shop Talk Show by @chriscoyier

• 124: Rob Dodson
• 141: Marcy Sutton

JavaScript Jabber by @cmaxw

• Google Polymer with Rob Dodson and Eric Bidelman

Nevraeka

When you load css bundle asyncronously this can happen:
>> FYI- bundling assets is a separate issue from CSS core features
1) it load:
.class-3 { color: green; }
<div class="class-3">

2) it load
.class-1 { color: red; }
.class-2 { color: blue; }

Nevraeka

@mixin prefix($property, $value, $prefixes: ()) {
  @each $prefix in $prefixes {
    #{"--" + $prefix + "-" + $property}: #{$value};
  }
  #{$property}: $value;
}

@mixin flexbox {
  display: -webkit-box;
  display: -moz-box;

Nevraeka

{
  "foo": "Hello Template",
  "repeatCount": 5
}

Nevraeka

:root {
  --translate-item: calc(50% - 20px);
}

.x-translate {
  box-sizing: content-box;
  padding: 8px;
  width: 24px;
  height: 24px;
  background-color: rgba(0,0,0, .8);