<template is="starcounter-composition">
.icon-holder ::content button {
.compositioneditor-shadowcss-fix > .icon-holder button {
.icon-holder ::content [active],
.compositioneditor-shadowcss-fix > .icon-holder [active],
.compositioneditor-shadowcss-fix > .icon-holder:hover {
<div class="icon-holder">
<content select="[slot='CompositionEditor/icon']"></content>
// :host and ::content selectors are not supported by WC v0 polyfill
// so a custom script is needed to make it work in browsers other than Chrome
// TODO: Re-evaluate the need once webcomponents.js#V1 is shipped.
// see https://github.com/StarcounterPrefabs/Launcher/pull/266#issuecomment-273434475
if (window.ShadowDOMPolyfill) {
var template = document.currentScript.previousElementSibling;
template.parentNode.classList.add('compositioneditor-shadowcss-fix');