Fix scoped styles regex

tronsha · tronsha · commit be2d02d332a1 · 2020-10-07T16:12:42.000+02:00
diff --git a/src/Utils/StyleBuilder.php b/src/Utils/StyleBuilder.php
@@ -94,7 +94,7 @@ public function compile(?DOMElement $styleElement): ?string
         if ($styleElement->hasAttribute('scoped')) {
             $this->hasScoped = true;
             $style = preg_replace(
-                '/((?:^|\s)\s*[^@\s,][a-z0-9-_:]+?[a-z0-9-_]+)(\s*[{,])/i',
+                '/((?:^|\s)\s*[^@\s,][a-z0-9-_]+?)((?::{1,2}[a-z-]+)?\s*[{,])/i',
                 '$1[' . $this->scopedAttribute . ']$2',
                 $style
             );
diff --git a/tests/fixtures/style-block-scoped/style-block-scoped.twig b/tests/fixtures/style-block-scoped/style-block-scoped.twig
@@ -6,7 +6,7 @@
   .baz[data-v-298e350ad072842c5a52ec31b90d5edf] {
     color: blue;
   }
-  .foo:after[data-v-298e350ad072842c5a52ec31b90d5edf] {
+  .foo[data-v-298e350ad072842c5a52ec31b90d5edf]:after {
     display: none;
   }
   .root .bar[data-v-298e350ad072842c5a52ec31b90d5edf] {

Original file line number	Diff line number	Diff line change
`@@ -6,7 +6,7 @@`
`6`	`6`	`.baz[data-v-298e350ad072842c5a52ec31b90d5edf] {`
`7`	`7`	`color: blue;`
`8`	`8`	`}`
`9`		`- .foo:after[data-v-298e350ad072842c5a52ec31b90d5edf] {`
	`9`	`+ .foo[data-v-298e350ad072842c5a52ec31b90d5edf]:after {`
`10`	`10`	`display: none;`
`11`	`11`	`}`
`12`	`12`	`.root .bar[data-v-298e350ad072842c5a52ec31b90d5edf] {`