Прототип изоляции стилей для Shower на веб-компонентах

Описание: 00:00 Интро
00:23 Обзор Shower
01:39 Основа прототипа
05:04 Shower-deck
12:19 Shower-slide
17:58 Изоляция стилей
22:34 Зачем всё это

Нравится? Становитесь патронами —   / pepelsbey  

Демо — https://pepelsbey.github.io/playgroun...
Код — https://github.com/pepelsbey/playgrou...

Shower — https://shwr.me/
Can I use: Scoped CSS — https://caniuse.com/#feat=style-scoped
The scoped attribute — http://html5doctor.com/the-scoped-att...
Web Components — https://developers.google.com/web/fun...

* *

Камера: Lumix GH5 + DMW-XLR1
Объектив: Lumix 20 мм, f/1,7 II
Микрофон: Audio-Technica AT4053b
Свет: Aputure Light Storm 120t + Light Dome
Софт: Final Cut Pro, iZotope RX