shoelace-style/shoelace 1.0.0-beta13

on GitHub

• Don't use scoped variables
• Added GitHub templates

Why were scoped variables removed?

Myth and cssnext convert CSS variables to static properties, making it possible to use Shoelace in all browsers today. However, it's not possible for these libraries to handle scoped variables, therefore, all variables must be defined at the root.

For example:

:root {
  --color: red;
}

.blue {
  --color: blue;
}

div {
  color: var(--color);
}

<div>
  This will be red.
</div>

<div class="blue">
  This will be blue.
</div>

Because of this, I've reverted all scoped variables in Shoelace so you can continue to use it with Myth or cssnext as needed.