Add support for [--self] selector

Author: tomhodgins

index.browser.js

@@ -40,7 +40,7 @@ function element(selector, conditions, stylesheet) {
 
         tag.setAttribute(`data-element-${attr}`, count)
         styles += stylesheet.replace(
-          /:self|\$this/g,
+          /:self|\$this|\[--self\]/g,
           `[data-element-${attr}="${count}"]`
         )
 

index.js

@@ -40,7 +40,7 @@ module.exports = (selector, conditions, stylesheet) => {
 
         tag.setAttribute(`data-element-${attr}`, count)
         styles += stylesheet.replace(
-          /:self|\$this/g,
+          /:self|\$this|\[--self\]/g,
           `[data-element-${attr}="${count}"]`
         )
 

index.vanilla.js

@@ -40,7 +40,7 @@ export default (selector, conditions, stylesheet) => {
 
         tag.setAttribute(`data-element-${attr}`, count)
         styles += stylesheet.replace(
-          /:self|\$this/g,
+          /:self|\$this|\[--self\]/g,
           `[data-element-${attr}="${count}"]`
         )