From bad1b055edc8f11b69a01b4b32edd1fe5a884e17 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Krist=C3=B3f=20Poduszl=C3=B3?= <kripod@protonmail.com>
Date: Sat, 25 Apr 2020 21:19:07 +0200
Subject: [PATCH 001/134] chore: mark package free of side-effects

---
 package.json | 1 +
 1 file changed, 1 insertion(+)

diff --git a/package.json b/package.json
index 79d4af6..e75567d 100644
--- a/package.json
+++ b/package.json
@@ -7,6 +7,7 @@
   "author": "Sultan Tarimo <sultantarimo@me.com>",
   "repository": "https://github.com/thysultan/stylis.js",
   "bugs": "https://github.com/thysultan/stylis.js/issues",
+  "sideEffects": false,
   "type": "module",
   "main": "dist/stylis.umd.js",
   "module": "dist/stylis.esm.js",

From 743b237eb87d662872c55934d78382c62f342e85 Mon Sep 17 00:00:00 2001
From: thysultan <sultantarimo@me.com>
Date: Sun, 26 Apr 2020 15:10:29 +0300
Subject: [PATCH 002/134] fix website link

---
 docs/index.html | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/docs/index.html b/docs/index.html
index d7fa47c..a6faa1b 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -47,7 +47,7 @@
 			</div>
 		</div>
 		<script type=module>
-			import {compile, serialize, middleware, prefixer, stringify} from '../index.js'
+			import {compile, serialize, middleware, prefixer, stringify} from 'https://unpkg.com/stylis?module'
 
 			function tabbed (select, ranged, content) {
 				ranged.deleteContents()

From f4c526873168abfc893b51a78171f6cfd87c4139 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Mateusz=20Burzy=C5=84ski?= <mateuszburzynski@gmail.com>
Date: Tue, 12 May 2020 16:39:34 +0200
Subject: [PATCH 003/134] Add carriage return to handled whitespace characters

---
 src/Parser.js    | 4 ++--
 src/Tokenizer.js | 4 ++--
 test/Parser.js   | 3 +++
 3 files changed, 7 insertions(+), 4 deletions(-)

diff --git a/src/Parser.js b/src/Parser.js
index 99a597d..491cece 100644
--- a/src/Parser.js
+++ b/src/Parser.js
@@ -45,8 +45,8 @@ export function parse (value, root, parent, rule, rules, rulesets, pseudo, point
 			case 34: case 39: case 91: case 40:
 				characters += delimit(character)
 				break
-			// \t \n \s
-			case 9: case 10: case 32:
+			// \t \n \r \s
+			case 9: case 10: case 13: case 32:
 				characters += whitespace(previous)
 				break
 			// /
diff --git a/src/Tokenizer.js b/src/Tokenizer.js
index f1e85d8..d14c136 100644
--- a/src/Tokenizer.js
+++ b/src/Tokenizer.js
@@ -77,8 +77,8 @@ export function slice (begin, end) {
  */
 export function token (type) {
 	switch (type) {
-		// \0 \t \n \s whitespace token
-		case 0: case 9: case 10: case 32:
+		// \0 \t \n \r \s whitespace token
+		case 0: case 9: case 10: case 13: case 32:
 			return 5
 		// ! + , / > @ ~ isolate token
 		case 33: case 43: case 44: case 47: case 62: case 64: case 126:
diff --git a/test/Parser.js b/test/Parser.js
index 06ac207..08c2db2 100644
--- a/test/Parser.js
+++ b/test/Parser.js
@@ -529,6 +529,8 @@ describe('Parser', () => {
   test('whitespace', () => {
     expect(
       stylis(`
+        @import\r\n "./a.css";
+
         div {
           ${'width:0;    '}
         }
@@ -537,6 +539,7 @@ describe('Parser', () => {
         }
       `)
     ).to.equal([
+      `@import "./a.css";`,
       `.user div{width:0;}`,
       `.user .foo{color:hotpink;}`
     ].join(''))

From 7e96900e149a8db91a43d956cf21ed3213196056 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Mateusz=20Burzy=C5=84ski?= <mateuszburzynski@gmail.com>
Date: Sat, 23 May 2020 00:59:57 +0200
Subject: [PATCH 004/134] Fix an issue with double hyphen in an identifier
 switching to parsing css var declaration (#221)

---
 src/Parser.js  |  2 +-
 test/Parser.js | 16 ++++++++++++++++
 2 files changed, 17 insertions(+), 1 deletion(-)

diff --git a/src/Parser.js b/src/Parser.js
index 491cece..4089514 100644
--- a/src/Parser.js
+++ b/src/Parser.js
@@ -117,7 +117,7 @@ export function parse (value, root, parent, rule, rules, rulesets, pseudo, point
 						break
 					// -
 					case 45:
-						if (previous === 45)
+						if (previous === 45 && strlen(characters) == 2)
 							variable = 0
 				}
 		}
diff --git a/test/Parser.js b/test/Parser.js
index 08c2db2..3bed9a9 100644
--- a/test/Parser.js
+++ b/test/Parser.js
@@ -699,6 +699,22 @@ describe('Parser', () => {
     ].join(''))
   })
 
+  test('`--` in an identifier (#220)', () => {
+    expect(
+      stylis(`
+        .block--modifier {
+          color: hotpink;
+        }
+        .card {
+          color: black;
+        }
+      `)
+    ).to.equal([
+      `.user .block--modifier{color:hotpink;}`,
+      `.user .card{color:black;}`
+    ].join(''))
+  })
+
   test('comments in rules not increasing depth of consecutive rules (#154)', () => {
     expect(
       stylis(`

From 2a1b8518fb901055390c2560d565fbe21ff33e26 Mon Sep 17 00:00:00 2001
From: thysultan <sultantarimo@me.com>
Date: Sat, 23 May 2020 06:18:38 +0300
Subject: [PATCH 005/134] 4.0.1

---
 package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/package.json b/package.json
index e75567d..936311d 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "stylis",
-  "version": "4.0.0",
+  "version": "4.0.1",
   "license": "MIT",
   "description": "A Light–weight CSS Preprocessor",
   "homepage": "https://github.com/thysultan/stylis.js",

From b111ff85cfcff21e1ade58bb26848ca9cbc56198 Mon Sep 17 00:00:00 2001
From: Vincent Ricard <ghostd@users.noreply.github.com>
Date: Sat, 20 Jun 2020 22:46:13 +0200
Subject: [PATCH 006/134] Fix badges

---
 README.md | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/README.md b/README.md
index 98098e3..edb320a 100644
--- a/README.md
+++ b/README.md
@@ -6,8 +6,8 @@ A Light–weight CSS Preprocessor.
 
 [![Coverage](https://coveralls.io/repos/github/thysultan/stylis.js/badge.svg?branch=master)](https://coveralls.io/github/thysultan/stylis.js)
 [![Size](https://badgen.net/bundlephobia/minzip/stylis)](https://bundlephobia.com/result?p=stylis)
-[![Licence](https://badgen.net/badge/license/MIT/blue)](https://github.com/dyo/dyo/blob/master/LICENSE.md)
-[![NPM](https://badgen.net/npm/v/dyo)](https://www.npmjs.com/package/dyo)
+[![Licence](https://badgen.net/badge/license/MIT/blue)](https://github.com/thysultan/stylis.js/blob/master/LICENSE)
+[![NPM](https://badgen.net/npm/v/dyo)](https://www.npmjs.com/package/stylis)
 
 ## Installation
 

From 11ea64b8974c421115d84b5893963554bd4ac8a6 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Mateusz=20Burzy=C5=84ski?= <mateuszburzynski@gmail.com>
Date: Thu, 25 Jun 2020 12:20:34 +0200
Subject: [PATCH 007/134] Change package.json#main to `.cjs` file

---
 package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/package.json b/package.json
index 936311d..4291b19 100644
--- a/package.json
+++ b/package.json
@@ -9,7 +9,7 @@
   "bugs": "https://github.com/thysultan/stylis.js/issues",
   "sideEffects": false,
   "type": "module",
-  "main": "dist/stylis.umd.js",
+  "main": "dist/stylis.cjs",
   "module": "dist/stylis.esm.js",
   "exports": {
     "import": "./index.js",

From 7cd3a624fa17974959bc33436314e6d0d0b237a2 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Mateusz=20Burzy=C5=84ski?= <mateuszburzynski@gmail.com>
Date: Thu, 25 Jun 2020 12:45:13 +0200
Subject: [PATCH 008/134] Simplify output bundles by making .cjs an UMD bundle

---
 script/build.js | 8 +-------
 1 file changed, 1 insertion(+), 7 deletions(-)

diff --git a/script/build.js b/script/build.js
index 206698e..34faa42 100644
--- a/script/build.js
+++ b/script/build.js
@@ -21,13 +21,7 @@ export default ({configSrc = './', configInput = join(configSrc, 'index.js')}) =
 		{
 			...defaults,
 			input: configInput,
-			output: [{file: join(configSrc, 'dist', 'stylis.cjs'), format: 'cjs', name: 'stylis', freeze: false, sourcemap: true}],
-			plugins: [terser(options), size()]
-		},
-		{
-			...defaults,
-			input: configInput,
-			output: [{file: join(configSrc, 'dist', 'stylis.umd.js'), format: 'umd', name: 'stylis', freeze: false, sourcemap: true}],
+			output: [{file: join(configSrc, 'dist', 'stylis.cjs'), format: 'umd', name: 'stylis', freeze: false, sourcemap: true}],
 			plugins: [terser(options), size()]
 		},
 		{

From 642cd085be96485fbde35792f0d3150e481fb192 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Mateusz=20Burzy=C5=84ski?= <mateuszburzynski@gmail.com>
Date: Thu, 25 Jun 2020 13:54:36 +0200
Subject: [PATCH 009/134] Add prebuild script to clean up old build artifacts

---
 package.json | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/package.json b/package.json
index 4291b19..a902078 100644
--- a/package.json
+++ b/package.json
@@ -25,6 +25,7 @@
     "pretest": "npm run lint && npm run build",
     "test": "nyc npm run spec",
     "spec": "mocha --harmony --require esm script/setup.js --recursive test",
+    "prebuild": "rimraf dist",
     "build": "rollup --config script/build.js --configSrc ./",
     "start": "rollup --config script/build.js --configSrc ./ --watch",
     "prepare": "npm run build",
@@ -34,15 +35,16 @@
     "release-patch": "npm version patch -m '%s'"
   },
   "devDependencies": {
-    "stylis": "./",
     "chai": "4.2.0",
     "eslint": "6.8.0",
     "esm": "3.2.25",
     "mocha": "7.0.0",
     "nyc": "15.0.0",
+    "rimraf": "^3.0.2",
     "rollup": "1.28.0",
+    "rollup-plugin-size": "0.2.1",
     "rollup-plugin-terser": "5.1.3",
-    "rollup-plugin-size": "0.2.1"
+    "stylis": "./"
   },
   "nyc": {
     "temp-dir": "./coverage/.nyc_output",

From bde60d88459707f466686d54429ac761af2692f4 Mon Sep 17 00:00:00 2001
From: Sultan <sultantarimo@me.com>
Date: Thu, 25 Jun 2020 16:31:22 +0300
Subject: [PATCH 010/134] Pin rimraf dev dep

---
 package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/package.json b/package.json
index a902078..07017e4 100644
--- a/package.json
+++ b/package.json
@@ -40,7 +40,7 @@
     "esm": "3.2.25",
     "mocha": "7.0.0",
     "nyc": "15.0.0",
-    "rimraf": "^3.0.2",
+    "rimraf": "3.0.2",
     "rollup": "1.28.0",
     "rollup-plugin-size": "0.2.1",
     "rollup-plugin-terser": "5.1.3",

From e8ce0d88e9c41ce09aafcc28319ab82f9bbbdc96 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Mateusz=20Burzy=C5=84ski?= <mateuszburzynski@gmail.com>
Date: Thu, 25 Jun 2020 18:44:55 +0200
Subject: [PATCH 011/134] Tweak start script

---
 package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/package.json b/package.json
index 07017e4..eb98312 100644
--- a/package.json
+++ b/package.json
@@ -27,7 +27,7 @@
     "spec": "mocha --harmony --require esm script/setup.js --recursive test",
     "prebuild": "rimraf dist",
     "build": "rollup --config script/build.js --configSrc ./",
-    "start": "rollup --config script/build.js --configSrc ./ --watch",
+    "start": "npm run build -- --watch",
     "prepare": "npm run build",
     "postversion": "git push --follow-tags && npm publish",
     "release-major": "npm version major -m '%s'",

From 180b9829101cf0132c5671a36b9e2daf0a5e28e7 Mon Sep 17 00:00:00 2001
From: thysultan <sultantarimo@me.com>
Date: Fri, 26 Jun 2020 00:17:24 +0300
Subject: [PATCH 012/134] use .mjs extension

---
 package.json    | 2 +-
 script/build.js | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/package.json b/package.json
index eb98312..e7cd153 100644
--- a/package.json
+++ b/package.json
@@ -10,7 +10,7 @@
   "sideEffects": false,
   "type": "module",
   "main": "dist/stylis.cjs",
-  "module": "dist/stylis.esm.js",
+  "module": "dist/stylis.mjs",
   "exports": {
     "import": "./index.js",
     "require": "./dist/stylis.cjs"
diff --git a/script/build.js b/script/build.js
index 34faa42..cfd5a7f 100644
--- a/script/build.js
+++ b/script/build.js
@@ -27,7 +27,7 @@ export default ({configSrc = './', configInput = join(configSrc, 'index.js')}) =
 		{
 			...defaults,
 			input: configInput,
-			output: [{file: join(configSrc, 'dist', 'stylis.esm.js'), format: 'esm', name: 'stylis', freeze: false, sourcemap: true}],
+			output: [{file: join(configSrc, 'dist', 'stylis.mjs'), format: 'esm', name: 'stylis', freeze: false, sourcemap: true}],
 			plugins: [terser(options), size()]
 		}
 	]

From 70d0b705c1b601bee26c234d502645861bf2d4f7 Mon Sep 17 00:00:00 2001
From: thysultan <sultantarimo@me.com>
Date: Fri, 26 Jun 2020 00:18:22 +0300
Subject: [PATCH 013/134] 4.0.2

---
 package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/package.json b/package.json
index e7cd153..3b3ce52 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "stylis",
-  "version": "4.0.1",
+  "version": "4.0.2",
   "license": "MIT",
   "description": "A Light–weight CSS Preprocessor",
   "homepage": "https://github.com/thysultan/stylis.js",

From 55e4666970d7956fdac576e7fc4e6ea0ce7c907b Mon Sep 17 00:00:00 2001
From: DEADB17 <DEADB17@gmail.com>
Date: Tue, 30 Jun 2020 23:53:20 -0400
Subject: [PATCH 014/134] Fix typo

---
 README.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/README.md b/README.md
index edb320a..9c64cde 100644
--- a/README.md
+++ b/README.md
@@ -89,7 +89,7 @@ serialize(compile('h1{all:unset}'), stringify)
 
 ## Middleware
 
-The middleware helper is a convinent helper utility, that for all intensive purposes you can do without if you intend to implement your own traversal logic. The `stringify` middleware is one such middleware that can be used in conjunction with it.
+The middleware helper is a convinent helper utility, that for all intents and purposes you can do without if you intend to implement your own traversal logic. The `stringify` middleware is one such middleware that can be used in conjunction with it.
 
 Elements passed to middlewares have a `root` property that is the immediate root/parent of the current element **in the compiled output**, so it references the parent in the already expanded CSS-like structure. Elements have also `parent` property that is the immediate parent of the current element **from the input structure** (structure representing the input string).
 

From 71ee201f531b48fa66a1c1d73354034ef7b6ed85 Mon Sep 17 00:00:00 2001
From: Will Heslam <willheslam@gmail.com>
Date: Tue, 28 Jul 2020 18:34:07 +0100
Subject: [PATCH 015/134] Fix typo

---
 README.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/README.md b/README.md
index 9c64cde..f3d48fa 100644
--- a/README.md
+++ b/README.md
@@ -89,7 +89,7 @@ serialize(compile('h1{all:unset}'), stringify)
 
 ## Middleware
 
-The middleware helper is a convinent helper utility, that for all intents and purposes you can do without if you intend to implement your own traversal logic. The `stringify` middleware is one such middleware that can be used in conjunction with it.
+The middleware helper is a convenient helper utility, that for all intents and purposes you can do without if you intend to implement your own traversal logic. The `stringify` middleware is one such middleware that can be used in conjunction with it.
 
 Elements passed to middlewares have a `root` property that is the immediate root/parent of the current element **in the compiled output**, so it references the parent in the already expanded CSS-like structure. Elements have also `parent` property that is the immediate parent of the current element **from the input structure** (structure representing the input string).
 

From 5ee975c50a2dd98f22155ffefd38cd344e6bb09d Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Mateusz=20Burzy=C5=84ski?= <mateuszburzynski@gmail.com>
Date: Fri, 4 Sep 2020 22:46:11 +0200
Subject: [PATCH 016/134] Add react-native field to pkg.json

---
 package.json | 1 +
 1 file changed, 1 insertion(+)

diff --git a/package.json b/package.json
index 3b3ce52..675c24f 100644
--- a/package.json
+++ b/package.json
@@ -11,6 +11,7 @@
   "type": "module",
   "main": "dist/stylis.cjs",
   "module": "dist/stylis.mjs",
+  "react-native": "./index.js",
   "exports": {
     "import": "./index.js",
     "require": "./dist/stylis.cjs"

From 1f053d618e91e9da91295c9a50f2ce71a7d64c59 Mon Sep 17 00:00:00 2001
From: thysultan <sultantarimo@me.com>
Date: Tue, 15 Sep 2020 00:11:42 +0300
Subject: [PATCH 017/134] 4.0.3

---
 package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/package.json b/package.json
index 675c24f..989c4b7 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "stylis",
-  "version": "4.0.2",
+  "version": "4.0.3",
   "license": "MIT",
   "description": "A Light–weight CSS Preprocessor",
   "homepage": "https://github.com/thysultan/stylis.js",

From 9799734dcf2b04c1216818f8b74cba92b6de4f76 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Mateusz=20Burzy=C5=84ski?= <mateuszburzynski@gmail.com>
Date: Tue, 17 Nov 2020 12:47:47 +0100
Subject: [PATCH 018/134] Make pkg.json#main a .js file (#241)

---
 package.json    | 2 +-
 script/build.js | 6 ++++++
 2 files changed, 7 insertions(+), 1 deletion(-)

diff --git a/package.json b/package.json
index 989c4b7..f79e4bb 100644
--- a/package.json
+++ b/package.json
@@ -9,7 +9,7 @@
   "bugs": "https://github.com/thysultan/stylis.js/issues",
   "sideEffects": false,
   "type": "module",
-  "main": "dist/stylis.cjs",
+  "main": "dist/stylis.js",
   "module": "dist/stylis.mjs",
   "react-native": "./index.js",
   "exports": {
diff --git a/script/build.js b/script/build.js
index cfd5a7f..e009001 100644
--- a/script/build.js
+++ b/script/build.js
@@ -18,6 +18,12 @@ const defaults = {
 
 export default ({configSrc = './', configInput = join(configSrc, 'index.js')}) => {
 	return [
+		{
+			...defaults,
+			input: configInput,
+			output: [{file: join(configSrc, 'dist', 'stylis.js'), format: 'umd', name: 'stylis', freeze: false, sourcemap: true}],
+			plugins: [terser(options), size()]
+		},
 		{
 			...defaults,
 			input: configInput,

From 058f419861c0b54e076e2004ba23c329e7ee5fac Mon Sep 17 00:00:00 2001
From: Graphmaxer <m.lambotin@gmail.com>
Date: Tue, 17 Nov 2020 15:34:18 +0100
Subject: [PATCH 019/134] Update package.json to exports itself

---
 package.json | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/package.json b/package.json
index f79e4bb..1bcbad0 100644
--- a/package.json
+++ b/package.json
@@ -14,7 +14,8 @@
   "react-native": "./index.js",
   "exports": {
     "import": "./index.js",
-    "require": "./dist/stylis.cjs"
+    "require": "./dist/stylis.cjs",
+    "./package.json": "./package.json"
   },
   "files": [
     "index.js",

From 2884304040bf6c832f86919ca9c029624fba2b82 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Mateusz=20Burzy=C5=84ski?= <mateuszburzynski@gmail.com>
Date: Thu, 26 Nov 2020 18:32:53 +0100
Subject: [PATCH 020/134] Fixed fit-content prefixing

---
 src/Prefixer.js  | 8 +++++---
 test/Prefixer.js | 4 ++--
 2 files changed, 7 insertions(+), 5 deletions(-)

diff --git a/src/Prefixer.js b/src/Prefixer.js
index e156c21..4003be4 100644
--- a/src/Prefixer.js
+++ b/src/Prefixer.js
@@ -66,12 +66,14 @@ export function prefix (value, length) {
 			// stretch, max-content, min-content, fill-available
 			if (strlen(value) - 1 - length > 6)
 				switch (charat(value, length + 1)) {
+					// (f)ill-available, (f)it-content
+					case 102:
+						if (charat(value, length + 3) === 108)
+							return replace(value, /(.+:)(.+)-([^]+)/, '$1' + WEBKIT + '$2-$3' + '$1' + MOZ + '$3') + value
 					// (m)ax-content, (m)in-content
 					case 109:
 						return replace(value, /(.+:)(.+)-([^]+)/, '$1' + WEBKIT + '$2-$3' + '$1' + MOZ + '$2-$3') + value
-					// (f)ill-available
-					case 102:
-						return replace(value, /(.+:)(.+)-([^]+)/, '$1' + WEBKIT + '$2-$3' + '$1' + MOZ + '$3') + value
+
 					// (s)tretch
 					case 115:
 						return prefix(replace(value, 'stretch', 'fill-available'), length) + value
diff --git a/test/Prefixer.js b/test/Prefixer.js
index c744804..634c55c 100644
--- a/test/Prefixer.js
+++ b/test/Prefixer.js
@@ -127,11 +127,11 @@ describe('Prefixer', () => {
 		expect(prefix(`width:var(-content);`, 5)).to.equal([`width:var(-content);`].join(''))
 		expect(prefix(`width:var(--max-content);`, 5)).to.equal([`width:var(--max-content);`].join(''))
 		expect(prefix(`width:--max-content;`, 5)).to.equal([`width:--max-content;`].join(''))
-		expect(prefix(`width:fit-content;`, 5)).to.equal([`width:-webkit-fit-content;`, `width:-moz-content;`, `width:fit-content;`].join(''))
+		expect(prefix(`width:fit-content;`, 5)).to.equal([`width:-webkit-fit-content;`, `width:-moz-fit-content;`, `width:fit-content;`].join(''))
 		expect(prefix(`min-width:max-content;`, 9)).to.equal([`min-width:-webkit-max-content;`, `min-width:-moz-max-content;`, `min-width:max-content;`].join(''))
 		expect(prefix(`max-width:min-content;`, 9)).to.equal([`max-width:-webkit-min-content;`, `max-width:-moz-min-content;`, `max-width:min-content;`].join(''))
 		expect(prefix(`height:fill-available;`, 6)).to.equal([`height:-webkit-fill-available;`, `height:-moz-available;`, `height:fill-available;`].join(''))
-		expect(prefix(`max-height:fit-content;`, 10)).to.equal([`max-height:-webkit-fit-content;`, `max-height:-moz-content;`, `max-height:fit-content;`].join(''))
+		expect(prefix(`max-height:fit-content;`, 10)).to.equal([`max-height:-webkit-fit-content;`, `max-height:-moz-fit-content;`, `max-height:fit-content;`].join(''))
 		expect(prefix(`width:stretch;`, 5)).to.equal([`width:-webkit-fill-available;`, `width:-moz-available;`, `width:fill-available;`, `width:stretch;`].join(''))
 		expect(prefix(`width:stretch !important;`, 5)).to.equal([`width:-webkit-fill-available !important;`, `width:-moz-available !important;`, `width:fill-available !important;`, `width:stretch !important;`].join(''))
 		expect(prefix(`min-block-size:max-content;`, 14)).to.equal([`min-block-size:-webkit-max-content;`, `min-block-size:-moz-max-content;`, `min-block-size:max-content;`].join(''))

From 106f6f6b56b791065c005249d6931bfd0d66b178 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Mateusz=20Burzy=C5=84ski?= <mateuszburzynski@gmail.com>
Date: Tue, 1 Dec 2020 15:12:31 +0100
Subject: [PATCH 021/134] Fixed an issue with prefixer going into an infinite
 recursion (#244)

* Add a test case for `width` prefixer ending up in an infinite loop

* Fixed an issue with prefixer going into an infinite recursion
---
 src/Prefixer.js  | 9 +++------
 test/Prefixer.js | 1 +
 2 files changed, 4 insertions(+), 6 deletions(-)

diff --git a/src/Prefixer.js b/src/Prefixer.js
index 4003be4..551daa5 100644
--- a/src/Prefixer.js
+++ b/src/Prefixer.js
@@ -67,16 +67,13 @@ export function prefix (value, length) {
 			if (strlen(value) - 1 - length > 6)
 				switch (charat(value, length + 1)) {
 					// (f)ill-available, (f)it-content
-					case 102:
-						if (charat(value, length + 3) === 108)
-							return replace(value, /(.+:)(.+)-([^]+)/, '$1' + WEBKIT + '$2-$3' + '$1' + MOZ + '$3') + value
+					case 102: length = charat(value, length + 3)
 					// (m)ax-content, (m)in-content
 					case 109:
-						return replace(value, /(.+:)(.+)-([^]+)/, '$1' + WEBKIT + '$2-$3' + '$1' + MOZ + '$2-$3') + value
-
+						return replace(value, /(.+:)(.+)-([^]+)/, '$1' + WEBKIT + '$2-$3' + '$1' + MOZ + (length == 108 ? '$3' : '$2-$3')) + value
 					// (s)tretch
 					case 115:
-						return prefix(replace(value, 'stretch', 'fill-available'), length) + value
+						return ~indexof(value, 'stretch') ? prefix(replace(value, 'stretch', 'fill-available'), length) + value : value
 				}
 			break
 		// position: sticky
diff --git a/test/Prefixer.js b/test/Prefixer.js
index 634c55c..be46ccf 100644
--- a/test/Prefixer.js
+++ b/test/Prefixer.js
@@ -128,6 +128,7 @@ describe('Prefixer', () => {
 		expect(prefix(`width:var(--max-content);`, 5)).to.equal([`width:var(--max-content);`].join(''))
 		expect(prefix(`width:--max-content;`, 5)).to.equal([`width:--max-content;`].join(''))
 		expect(prefix(`width:fit-content;`, 5)).to.equal([`width:-webkit-fit-content;`, `width:-moz-fit-content;`, `width:fit-content;`].join(''))
+		expect(prefix(`width:stackWidth;`, 5)).to.equal([`width:stackWidth;`].join(''))
 		expect(prefix(`min-width:max-content;`, 9)).to.equal([`min-width:-webkit-max-content;`, `min-width:-moz-max-content;`, `min-width:max-content;`].join(''))
 		expect(prefix(`max-width:min-content;`, 9)).to.equal([`max-width:-webkit-min-content;`, `max-width:-moz-min-content;`, `max-width:min-content;`].join(''))
 		expect(prefix(`height:fill-available;`, 6)).to.equal([`height:-webkit-fill-available;`, `height:-moz-available;`, `height:fill-available;`].join(''))

From 99afc806acf31a2b9a82d2d5439bba819e35eca6 Mon Sep 17 00:00:00 2001
From: thysultan <sultantarimo@me.com>
Date: Tue, 1 Dec 2020 18:18:49 +0300
Subject: [PATCH 022/134] 4.0.4

---
 package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/package.json b/package.json
index f79e4bb..c5341aa 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "stylis",
-  "version": "4.0.3",
+  "version": "4.0.4",
   "license": "MIT",
   "description": "A Light–weight CSS Preprocessor",
   "homepage": "https://github.com/thysultan/stylis.js",

From 9af06e2d5f5b19089281649f2f0b7167458aa396 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Mateusz=20Burzy=C5=84ski?= <mateuszburzynski@gmail.com>
Date: Wed, 2 Dec 2020 14:14:22 +0100
Subject: [PATCH 023/134] Create commonjs package scope for the
 package.json#main file

---
 package.json    |  4 ++--
 script/build.js | 19 +++++++++++--------
 2 files changed, 13 insertions(+), 10 deletions(-)

diff --git a/package.json b/package.json
index c5341aa..7d51416 100644
--- a/package.json
+++ b/package.json
@@ -9,12 +9,12 @@
   "bugs": "https://github.com/thysultan/stylis.js/issues",
   "sideEffects": false,
   "type": "module",
-  "main": "dist/stylis.js",
+  "main": "dist/umd/stylis.js",
   "module": "dist/stylis.mjs",
   "react-native": "./index.js",
   "exports": {
     "import": "./index.js",
-    "require": "./dist/stylis.cjs"
+    "require": "./dist/umd/stylis.js"
   },
   "files": [
     "index.js",
diff --git a/script/build.js b/script/build.js
index e009001..1454345 100644
--- a/script/build.js
+++ b/script/build.js
@@ -2,6 +2,15 @@ import {join} from 'path'
 import {terser} from 'rollup-plugin-terser'
 import size from 'rollup-plugin-size'
 
+const emitPackageScopeFile = (type) => {
+	return {
+		name: 'emit-package-scope-file',
+		generateBundle() {
+			this.emitFile({ type: 'asset', fileName: 'package.json', source: `{ "type": "${type}" }\n` });
+		}
+	};
+}
+
 const options = {mangle: true, compress: false, toplevel: true}
 const defaults = {
 	onwarn(warning, warn) {
@@ -21,14 +30,8 @@ export default ({configSrc = './', configInput = join(configSrc, 'index.js')}) =
 		{
 			...defaults,
 			input: configInput,
-			output: [{file: join(configSrc, 'dist', 'stylis.js'), format: 'umd', name: 'stylis', freeze: false, sourcemap: true}],
-			plugins: [terser(options), size()]
-		},
-		{
-			...defaults,
-			input: configInput,
-			output: [{file: join(configSrc, 'dist', 'stylis.cjs'), format: 'umd', name: 'stylis', freeze: false, sourcemap: true}],
-			plugins: [terser(options), size()]
+			output: [{file: join(configSrc, 'dist', 'umd', 'stylis.js'), format: 'umd', name: 'stylis', freeze: false, sourcemap: true}],
+			plugins: [emitPackageScopeFile('commonjs'), terser(options), size()]
 		},
 		{
 			...defaults,

From 29ceb90a512fc04fa0f2c8d8d7f1f1e4340310d5 Mon Sep 17 00:00:00 2001
From: thysultan <sultantarimo@me.com>
Date: Wed, 2 Dec 2020 16:43:44 +0300
Subject: [PATCH 024/134] 4.0.5

---
 package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/package.json b/package.json
index bd64b65..a0606dd 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "stylis",
-  "version": "4.0.4",
+  "version": "4.0.5",
   "license": "MIT",
   "description": "A Light–weight CSS Preprocessor",
   "homepage": "https://github.com/thysultan/stylis.js",

From 0fa7abebbc1f99a357a3f79a4c459dad45ce4dbc Mon Sep 17 00:00:00 2001
From: Graphmaxer <m.lambotin@gmail.com>
Date: Wed, 2 Dec 2020 15:35:02 +0100
Subject: [PATCH 025/134] Fixed package.json#exports shape (#249)

* Fix package.json exports

* Remove trailing comma
---
 package.json | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/package.json b/package.json
index a0606dd..885f575 100644
--- a/package.json
+++ b/package.json
@@ -13,8 +13,10 @@
   "module": "dist/stylis.mjs",
   "react-native": "./index.js",
   "exports": {
-    "import": "./index.js",
-    "require": "./dist/umd/stylis.js",
+    "." : {
+      "import": "./index.js",
+      "require": "./dist/umd/stylis.js"
+    },
     "./package.json": "./package.json"
   },
   "files": [

From 457a9fd29eb75cfe58002937a3b3924d62601d48 Mon Sep 17 00:00:00 2001
From: thysultan <sultantarimo@me.com>
Date: Wed, 2 Dec 2020 18:06:25 +0300
Subject: [PATCH 026/134] 4.0.6

---
 package.json | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/package.json b/package.json
index 885f575..50c53c7 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "stylis",
-  "version": "4.0.5",
+  "version": "4.0.6",
   "license": "MIT",
   "description": "A Light–weight CSS Preprocessor",
   "homepage": "https://github.com/thysultan/stylis.js",
@@ -13,7 +13,7 @@
   "module": "dist/stylis.mjs",
   "react-native": "./index.js",
   "exports": {
-    "." : {
+    ".": {
       "import": "./index.js",
       "require": "./dist/umd/stylis.js"
     },

From 7fa14f99eb8e4c6f7f298e9fc47eef95b72f7740 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Mateusz=20Burzy=C5=84ski?= <mateuszburzynski@gmail.com>
Date: Tue, 8 Dec 2020 13:28:20 +0100
Subject: [PATCH 027/134] Remove empty declarations

---
 src/Parser.js  | 2 +-
 test/Parser.js | 7 +++++++
 2 files changed, 8 insertions(+), 1 deletion(-)

diff --git a/src/Parser.js b/src/Parser.js
index 4089514..b54fea2 100644
--- a/src/Parser.js
+++ b/src/Parser.js
@@ -69,7 +69,7 @@ export function parse (value, root, parent, rule, rules, rulesets, pseudo, point
 					case 0: case 125: scanning = 0
 					// ;
 					case 59 + offset:
-						if (property > 0)
+						if (property > 0 && (strlen(characters) - length))
 							append(property > 32 ? declaration(characters + ';', rule, parent, length - 1) : declaration(replace(characters, ' ', '') + ';', rule, parent, length - 2), declarations)
 						break
 					// @ ;
diff --git a/test/Parser.js b/test/Parser.js
index 3bed9a9..6b55313 100644
--- a/test/Parser.js
+++ b/test/Parser.js
@@ -430,6 +430,13 @@ describe('Parser', () => {
     ).to.equal(``)
   })
 
+  test('remove empty declarations', () => {
+    expect(stylis(`width:`)).to.equal(``)
+    expect(stylis(`height:;`)).to.equal(``)
+    expect(stylis(`max-width:     `)).to.equal(``)
+    expect(stylis(`max-height:     ;`)).to.equal(``)
+  })
+
   test('urls', () => {
     expect(
       stylis(`

From 4b4a39964da70682dcd139bb83d3369982cc27c0 Mon Sep 17 00:00:00 2001
From: thysultan <sultantarimo@me.com>
Date: Fri, 29 Jan 2021 10:46:59 +0300
Subject: [PATCH 028/134] 4.0.7

---
 package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/package.json b/package.json
index 50c53c7..370ce3f 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "stylis",
-  "version": "4.0.6",
+  "version": "4.0.7",
   "license": "MIT",
   "description": "A Light–weight CSS Preprocessor",
   "homepage": "https://github.com/thysultan/stylis.js",

From 71c0afd495d8f7037a04d31f05b9b42806164149 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Ivica=20Batini=C4=87?= <isBatak@users.noreply.github.com>
Date: Sun, 21 Mar 2021 09:30:11 +0100
Subject: [PATCH 029/134] Fixed prefixing of position:sticky (#258)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

* Fix position:sticky; prefix for Safari browser

* Shorter replace for the sticky case in prefixer

Co-authored-by: Mateusz Burzyński <mateuszburzynski@gmail.com>
---
 src/Prefixer.js  | 7 +++++--
 test/Prefixer.js | 2 +-
 2 files changed, 6 insertions(+), 3 deletions(-)

diff --git a/src/Prefixer.js b/src/Prefixer.js
index 551daa5..acac291 100644
--- a/src/Prefixer.js
+++ b/src/Prefixer.js
@@ -84,8 +84,11 @@ export function prefix (value, length) {
 		// display: (flex|inline-flex|inline-box)
 		case 6444:
 			switch (charat(value, strlen(value) - 3 - (~indexof(value, '!important') && 10))) {
-				// stic(k)y, inline-b(o)x
-				case 107: case 111:
+				// stic(k)y
+				case 107:
+					return replace(value, ':', ':' + WEBKIT) + value
+				// inline-b(o)x
+				case 111:
 					return replace(value, value, WEBKIT + value) + value
 				// (inline-)?fl(e)x
 				case 101:
diff --git a/test/Prefixer.js b/test/Prefixer.js
index be46ccf..5e57c3f 100644
--- a/test/Prefixer.js
+++ b/test/Prefixer.js
@@ -104,7 +104,7 @@ describe('Prefixer', () => {
 
 	test('position', () => {
 		expect(prefix(`position:relative;`, 8)).to.equal([`position:relative;`].join(''))
-		expect(prefix(`position:sticky;`, 8)).to.equal([`-webkit-position:sticky;`, `position:sticky;`].join(''))
+		expect(prefix(`position:sticky;`, 8)).to.equal([`position:-webkit-sticky;`, `position:sticky;`].join(''))
 	})
 
 	test('box', () => {

From 00ba4f2e52e42a0ee8666c191d8cf66384715c84 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Mateusz=20Burzy=C5=84ski?= <mateuszburzynski@gmail.com>
Date: Sun, 21 Mar 2021 09:32:04 +0100
Subject: [PATCH 030/134] Drop prefixing of non-standard display:inline-box;

---
 src/Prefixer.js  | 5 +----
 test/Prefixer.js | 1 -
 2 files changed, 1 insertion(+), 5 deletions(-)

diff --git a/src/Prefixer.js b/src/Prefixer.js
index acac291..e555cd7 100644
--- a/src/Prefixer.js
+++ b/src/Prefixer.js
@@ -81,15 +81,12 @@ export function prefix (value, length) {
 			// (s)ticky?
 			if (charat(value, length + 1) !== 115)
 				break
-		// display: (flex|inline-flex|inline-box)
+		// display: (flex|inline-flex)
 		case 6444:
 			switch (charat(value, strlen(value) - 3 - (~indexof(value, '!important') && 10))) {
 				// stic(k)y
 				case 107:
 					return replace(value, ':', ':' + WEBKIT) + value
-				// inline-b(o)x
-				case 111:
-					return replace(value, value, WEBKIT + value) + value
 				// (inline-)?fl(e)x
 				case 101:
 					return replace(value, /(.+:)([^;!]+)(;|!.+)?/, '$1' + WEBKIT + (charat(value, 14) === 45 ? 'inline-' : '') + 'box$3' + '$1' + WEBKIT + '$2$3' + '$1' + MS + '$2box$3') + value
diff --git a/test/Prefixer.js b/test/Prefixer.js
index 5e57c3f..0be73a2 100644
--- a/test/Prefixer.js
+++ b/test/Prefixer.js
@@ -5,7 +5,6 @@ describe('Prefixer', () => {
 		expect(prefix(`display:block;`, 7)).to.equal(['display:block;'].join())
 		expect(prefix(`display:flex!important;`, 7)).to.equal([`display:-webkit-box!important;`, `display:-webkit-flex!important;`, `display:-ms-flexbox!important;`, `display:flex!important;`].join(''))
 		expect(prefix(`display:inline-flex;`, 7)).to.equal([`display:-webkit-inline-box;`, `display:-webkit-inline-flex;`, `display:-ms-inline-flexbox;`, `display:inline-flex;`].join(''))
-		expect(prefix(`display:inline-box;`, 7)).to.equal([`-webkit-display:inline-box;`, `display:inline-box;`].join(''))
 		expect(prefix(`flex:inherit;`, 4)).to.equal([`-webkit-flex:inherit;`, `-ms-flex:inherit;`, `flex:inherit;`].join(''))
 		expect(prefix(`flex-grow:none;`, 9)).to.equal([`-webkit-box-flex:none;`, `-webkit-flex-grow:none;`, `-ms-flex-positive:none;`, `flex-grow:none;`].join(''))
 		expect(prefix(`flex-shrink:none;`, 11)).to.equal([`-webkit-flex-shrink:none;`, `-ms-flex-negative:none;`, `flex-shrink:none;`].join(''))

From 50ed71a7746b9965337f7811767f23eefcab6fe9 Mon Sep 17 00:00:00 2001
From: thysultan <sultantarimo@me.com>
Date: Sun, 21 Mar 2021 21:36:31 +0300
Subject: [PATCH 031/134] fixes #250 and implements or fixes #210 and fixes
 #253

---
 README.md          | 14 ++++++++++++++
 src/Middleware.js  |  4 ++--
 src/Parser.js      | 10 +++++++++-
 src/Prefixer.js    |  3 +++
 src/Tokenizer.js   | 12 ++++++++++++
 test/Middleware.js |  8 ++++++++
 test/Parser.js     |  6 ++++++
 test/Prefixer.js   |  5 +++++
 8 files changed, 59 insertions(+), 3 deletions(-)

diff --git a/README.md b/README.md
index f3d48fa..41eed81 100644
--- a/README.md
+++ b/README.md
@@ -129,6 +129,20 @@ serialize(compile('h1{all:unset}'), middleware([stringify, (element, index, chil
 
 The middlewares in [src/Middleware.js](src/Middleware.js) dive into tangible examples of how you might implement a middleware, alternatively you could also create your own middleware system as `compile` returns all the nessessary structure to fork from.
 
+## Variables
+
+CSS variables are supported but a note should be made about the exotic use of css variables. The css spec mentions the following
+
+>The allowed syntax for custom properties is extremely permissive. The <declaration-value> production matches any sequence of one or more tokens, so long as the sequence does not contain <bad-string-token>, <bad-url-token>, unmatched <)-token>, <]-token>, or <}-token>, or top-level <semicolon-token> tokens or <delim-token> tokens with a value of "!".
+
+That is to say css variables according to the spec allows: `--foo: if(x > 5) this.width = 10;` and while this value is obviously useless as a variable, and would be invalid in any normal property, it still might be read and acted on by JavaScript and this is supported by Stylis, however things become slightly undefined when we start to include the `{` and `}` productions in our use of exotic css variables. 
+
+For example consider the following: `--foo: {};`
+
+While this is valid CSS and supported. It is unclear what should happen when the rule collides with the implicit block termination rule that allows i.e `h1{color:red}`(notice the omitted semicolon) to also be a valid CSS production. This results in the following contradiction in: `h1{--example: {}` is it to be treated as `h1{--foo:{;}` or `h1{--foo:{}` the later of which is an unterminated block or in the following: `h1{--foo:{} h1{color:red;}` should it be `h1 {--foo:{}h1{color:red;};` where `{}h1{color:red;` is part of the css variable `--foo` and not a new rule or should it be something else? 
+
+Never the less Stylis still supports the exotic forms highlighted in the spec, however you should consider it as a general rule to delimit such exotic uses of variables in strings or parentheses i.e: `h1{--foo:'{'}` or `h1{--foo:({)}`. 
+
 ## Benchmark
 
 Stylis is at-least 2X faster than its predecesor.
diff --git a/src/Middleware.js b/src/Middleware.js
index cec5f62..eb25302 100644
--- a/src/Middleware.js
+++ b/src/Middleware.js
@@ -86,8 +86,8 @@ export function namespace (element) {
 							return value
 						// :
 						case 58:
-							if (children[index + 1] === 'global')
-								children[index + 1] = '', children[index + 2] = '\f' + substr(children[index + 2], index = 1, -1)
+							if (children[++index] === 'global')
+								children[index] = '', children[++index] = '\f' + substr(children[index], index = 1, -1)
 						// \s
 						case 32:
 							return index === 1 ? '' : value
diff --git a/src/Parser.js b/src/Parser.js
index b54fea2..09acb42 100644
--- a/src/Parser.js
+++ b/src/Parser.js
@@ -1,6 +1,6 @@
 import {COMMENT, RULESET, DECLARATION} from './Enum.js'
 import {abs, trim, from, sizeof, strlen, substr, append, replace} from './Utility.js'
-import {node, char, next, peek, caret, alloc, dealloc, delimit, whitespace, identifier, commenter} from './Tokenizer.js'
+import {node, char, prev, next, peek, caret, alloc, dealloc, delimit, whitespace, identifier, commenter} from './Tokenizer.js'
 
 /**
  * @param {string} value
@@ -98,6 +98,14 @@ export function parse (value, root, parent, rule, rules, rulesets, pseudo, point
 			case 58:
 				length = 1 + strlen(characters), property = previous
 			default:
+				if (variable < 1) {
+					if (character == 123) {
+						--variable
+					} else if (character == 125 && variable++ == 0 && prev() == 125) {
+						continue
+					}
+				}
+
 				switch (characters += from(character), character * variable) {
 					// &
 					case 38:
diff --git a/src/Prefixer.js b/src/Prefixer.js
index e555cd7..6a86578 100644
--- a/src/Prefixer.js
+++ b/src/Prefixer.js
@@ -8,6 +8,9 @@ import {hash, charat, strlen, indexof, replace} from './Utility.js'
  */
 export function prefix (value, length) {
 	switch (hash(value, length)) {
+		// color-adjust
+		case 5103:
+			return WEBKIT + 'print-' + value + value
 		// animation, animation-(delay|direction|duration|fill-mode|iteration-count|name|play-state|timing-function)
 		case 5737: case 4201: case 3177: case 3433: case 1641: case 4457: case 2921:
 		// text-decoration, filter, clip-path, backface-visibility, column, box-decoration-break
diff --git a/src/Tokenizer.js b/src/Tokenizer.js
index d14c136..6dbb088 100644
--- a/src/Tokenizer.js
+++ b/src/Tokenizer.js
@@ -36,6 +36,18 @@ export function char () {
 	return character
 }
 
+/**
+ * @return {number}
+ */
+export function prev () {
+	character = position > 0 ? charat(characters, --position) : 0
+
+	if (column--, character === 10)
+		column = 1, line--
+
+	return character
+}
+
 /**
  * @return {number}
  */
diff --git a/test/Middleware.js b/test/Middleware.js
index 4d867ad..d3a627d 100644
--- a/test/Middleware.js
+++ b/test/Middleware.js
@@ -18,6 +18,14 @@ describe('Middleware', () => {
   	expect(serialize(compile(`.user{width:0; :global(p,a){width:1;} h1 {width:1; h2:last-child {width:2} h2 h3 {width:3}}}`), middleware([namespace, stringify]))).to.equal([
       `.user{width:0;}`, `p,a{width:1;}`, `h1.user.user{width:1;}`, `h1.user h2:last-child.user{width:2;}`, `h1.user h2 h3.user{width:3;}`
     ].join(''))
+
+    expect(serialize(compile(`.user:before{color:red;}`), middleware([namespace, stringify]))).to.equal([
+      `:before.user.user{color:red;}`
+    ].join(''))
+
+    expect(serialize(compile(`.user:global(.bar){color:red;}`), middleware([namespace, stringify]))).to.equal([
+      `.bar{color:red;}`
+    ].join(''))
   })
 
   test('comments', () => {
diff --git a/test/Parser.js b/test/Parser.js
index 6b55313..a9a9979 100644
--- a/test/Parser.js
+++ b/test/Parser.js
@@ -853,6 +853,12 @@ describe('Parser', () => {
       `--cdc-not-top-level:(-->);`,
       `--ampersand-preserved:foo & bar;`
     ].join('') +'}')
+
+    expect(serialize(compile(`.foo { --bar: var(--baz) } .bar{--foo: {} } .foo {--min-height: 66px }`), stringify)).to.equal([
+      `.foo{--bar:var(--baz);}`,
+      `.bar{--foo:{};}`,
+      `.foo{--min-height:66px;}`
+    ].join(''))
   })
 
   test('does not hang on unterminated block comment (#129)', () => {
diff --git a/test/Prefixer.js b/test/Prefixer.js
index 0be73a2..efd85f3 100644
--- a/test/Prefixer.js
+++ b/test/Prefixer.js
@@ -106,6 +106,11 @@ describe('Prefixer', () => {
 		expect(prefix(`position:sticky;`, 8)).to.equal([`position:-webkit-sticky;`, `position:sticky;`].join(''))
 	})
 
+	test('color-adjust', () => {
+		expect(prefix(`color:none;`, 5)).to.equal([`color:none;`].join(''))
+		expect(prefix(`color-adjust:none;`, 12)).to.equal([`-webkit-print-color-adjust:none;`, `color-adjust:none;`].join(''))
+	})
+
 	test('box', () => {
 		expect(prefix(`box-decoration-break:slice;`, 20)).to.equal([`-webkit-box-decoration-break:slice;`, `box-decoration-break:slice;`].join(''))
 		expect(prefix(`box-sizing:border-box;`, 10)).to.equal([`box-sizing:border-box;`].join(''))

From d09db4c354110c41654fd817ce101976b078d8f7 Mon Sep 17 00:00:00 2001
From: thysultan <sultantarimo@me.com>
Date: Sun, 21 Mar 2021 21:38:29 +0300
Subject: [PATCH 032/134] 4.0.8

---
 package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/package.json b/package.json
index 370ce3f..7030ae5 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "stylis",
-  "version": "4.0.7",
+  "version": "4.0.8",
   "license": "MIT",
   "description": "A Light–weight CSS Preprocessor",
   "homepage": "https://github.com/thysultan/stylis.js",

From ead55fa45ea55a27e371de62a9ab321fc2230cbc Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Mateusz=20Burzy=C5=84ski?= <mateuszburzynski@gmail.com>
Date: Wed, 24 Mar 2021 11:48:33 +0100
Subject: [PATCH 033/134] Stop treating max() and min() CSS functions as
 prefixable max-content and min-content

---
 src/Prefixer.js  | 3 +++
 test/Prefixer.js | 6 ++++++
 2 files changed, 9 insertions(+)

diff --git a/src/Prefixer.js b/src/Prefixer.js
index 6a86578..f361eff 100644
--- a/src/Prefixer.js
+++ b/src/Prefixer.js
@@ -73,6 +73,9 @@ export function prefix (value, length) {
 					case 102: length = charat(value, length + 3)
 					// (m)ax-content, (m)in-content
 					case 109:
+						// -
+						if (charat(value, length + 4) !== 45)
+							break
 						return replace(value, /(.+:)(.+)-([^]+)/, '$1' + WEBKIT + '$2-$3' + '$1' + MOZ + (length == 108 ? '$3' : '$2-$3')) + value
 					// (s)tretch
 					case 115:
diff --git a/test/Prefixer.js b/test/Prefixer.js
index efd85f3..6dcf9d2 100644
--- a/test/Prefixer.js
+++ b/test/Prefixer.js
@@ -141,6 +141,12 @@ describe('Prefixer', () => {
 		expect(prefix(`width:stretch !important;`, 5)).to.equal([`width:-webkit-fill-available !important;`, `width:-moz-available !important;`, `width:fill-available !important;`, `width:stretch !important;`].join(''))
 		expect(prefix(`min-block-size:max-content;`, 14)).to.equal([`min-block-size:-webkit-max-content;`, `min-block-size:-moz-max-content;`, `min-block-size:max-content;`].join(''))
 		expect(prefix(`min-inline-size:max-content;`, 15)).to.equal([`min-inline-size:-webkit-max-content;`, `min-inline-size:-moz-max-content;`, `min-inline-size:max-content;`].join(''))
+		expect(prefix(`width:max(250px, 100px);`, 5)).to.equal([`width:max(250px, 100px);`].join(''))
+		expect(prefix(`height:min(150px, 200px);`, 6)).to.equal([`height:min(150px, 200px);`].join(''))
+		expect(prefix(`min-width:min(100px, 50px);`, 9)).to.equal([`min-width:min(100px, 50px);`].join(''))
+		expect(prefix(`max-width:max(150px, 200px);`, 9)).to.equal([`max-width:max(150px, 200px);`].join(''))
+		expect(prefix(`min-height:max(100px, 50px);`, 10)).to.equal([`min-height:max(100px, 50px);`].join(''))
+		expect(prefix(`max-height:min(150px, 200px);`, 10)).to.equal([`max-height:min(150px, 200px);`].join(''))
 	})
 
 	test('zoom', () => {

From c2ad791a9f841980a12bbb86b2084dc97247e669 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Mateusz=20Burzy=C5=84ski?= <mateuszburzynski@gmail.com>
Date: Wed, 24 Mar 2021 12:13:28 +0100
Subject: [PATCH 034/134] Reorder cases in the size prefixer

---
 src/Prefixer.js | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/Prefixer.js b/src/Prefixer.js
index f361eff..11b6121 100644
--- a/src/Prefixer.js
+++ b/src/Prefixer.js
@@ -69,14 +69,14 @@ export function prefix (value, length) {
 			// stretch, max-content, min-content, fill-available
 			if (strlen(value) - 1 - length > 6)
 				switch (charat(value, length + 1)) {
-					// (f)ill-available, (f)it-content
-					case 102: length = charat(value, length + 3)
 					// (m)ax-content, (m)in-content
 					case 109:
 						// -
 						if (charat(value, length + 4) !== 45)
 							break
-						return replace(value, /(.+:)(.+)-([^]+)/, '$1' + WEBKIT + '$2-$3' + '$1' + MOZ + (length == 108 ? '$3' : '$2-$3')) + value
+					// (f)ill-available, (f)it-content
+					case 102:
+						return replace(value, /(.+:)(.+)-([^]+)/, '$1' + WEBKIT + '$2-$3' + '$1' + MOZ + (charat(value, length + 3) == 108 ? '$3' : '$2-$3')) + value
 					// (s)tretch
 					case 115:
 						return ~indexof(value, 'stretch') ? prefix(replace(value, 'stretch', 'fill-available'), length) + value : value

From f1e01ca8493f71e06457fff9aaba8831dfbae0f1 Mon Sep 17 00:00:00 2001
From: thysultan <sultantarimo@me.com>
Date: Thu, 25 Mar 2021 08:49:32 +0300
Subject: [PATCH 035/134] 4.0.9

---
 package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/package.json b/package.json
index 7030ae5..78335c0 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "stylis",
-  "version": "4.0.8",
+  "version": "4.0.9",
   "license": "MIT",
   "description": "A Light–weight CSS Preprocessor",
   "homepage": "https://github.com/thysultan/stylis.js",

From 211af9aa8f4e84ac7dfc161895405bd8771760fe Mon Sep 17 00:00:00 2001
From: Richard JP Le Guen <richard.jp.leguen@gmail.com>
Date: Sun, 4 Apr 2021 01:59:22 -0400
Subject: [PATCH 036/134] Adding basic support for escaped characters

Just basic backslash escaping of the "next character" - this commit adds no support for hex digits terminated with a space
---
 src/Parser.js  |  7 +++++++
 test/Parser.js | 10 ++++++++++
 2 files changed, 17 insertions(+)

diff --git a/src/Parser.js b/src/Parser.js
index 09acb42..fd82eb0 100644
--- a/src/Parser.js
+++ b/src/Parser.js
@@ -94,6 +94,13 @@ export function parse (value, root, parent, rule, rules, rulesets, pseudo, point
 
 				index = offset = property = 0, variable = ampersand = 1, type = characters = '', length = pseudo
 				break
+			// \
+			case 92:
+				if (from(peek()).match(/[^a-f0-9]/i)) {
+					characters += '\\'
+					characters += from(next())
+				}
+				break
 			// :
 			case 58:
 				length = 1 + strlen(characters), property = previous
diff --git a/test/Parser.js b/test/Parser.js
index a9a9979..11d5e66 100644
--- a/test/Parser.js
+++ b/test/Parser.js
@@ -132,6 +132,16 @@ describe('Parser', () => {
     ).to.equal(`.user [href="https://css-tricks.com?a=1&b=2"]{color:red;}`)
   })
 
+  test('escape chars in selector identifiers', () => {
+    expect(
+      stylis(`
+        &.B\\&W{color:red;}
+        &.\\@example\\.com{color:blue;}
+        &.owner\\/founder{color:green;}
+     `)
+    ).to.equal(`.user.B\\&W{color:red;}.user.\\@example\\.com{color:blue;}.user.owner\\/founder{color:green;}`)
+  });
+
   test('comments', () => {
     expect(
       stylis(`

From 3937314ab4b0b9f47383e584423ee1e2a8f39c70 Mon Sep 17 00:00:00 2001
From: Richard JP Le Guen <richard.jp.leguen@gmail.com>
Date: Sun, 4 Apr 2021 09:57:49 -0400
Subject: [PATCH 037/134] Quick naive implementation

Wasn't sure what to do about a for loop because I didn't want to pollute the function with `var i` - given there's no use of `let` and all the variable declarations are explicitly hoisted.
---
 src/Parser.js  | 12 ++++++++++++
 test/Parser.js | 22 +++++++++++++++++++++-
 2 files changed, 33 insertions(+), 1 deletion(-)

diff --git a/src/Parser.js b/src/Parser.js
index fd82eb0..7e9741e 100644
--- a/src/Parser.js
+++ b/src/Parser.js
@@ -99,6 +99,18 @@ export function parse (value, root, parent, rule, rules, rulesets, pseudo, point
 				if (from(peek()).match(/[^a-f0-9]/i)) {
 					characters += '\\'
 					characters += from(next())
+				} else {
+					characters += '\\';
+					[1,2,3,4,5,6].some(() => {
+						if((from(peek()).match(/[a-f0-9]/i))) {
+							characters += from(next())
+							return false
+						}
+						return true
+					})
+					if((from(peek()).match(/\s/))) {
+						characters += from(next())
+					}
 				}
 				break
 			// :
diff --git a/test/Parser.js b/test/Parser.js
index 11d5e66..36dd7d9 100644
--- a/test/Parser.js
+++ b/test/Parser.js
@@ -132,7 +132,7 @@ describe('Parser', () => {
     ).to.equal(`.user [href="https://css-tricks.com?a=1&b=2"]{color:red;}`)
   })
 
-  test('escape chars in selector identifiers', () => {
+  test('escaped chars in selector identifiers', () => {
     expect(
       stylis(`
         &.B\\&W{color:red;}
@@ -142,6 +142,26 @@ describe('Parser', () => {
     ).to.equal(`.user.B\\&W{color:red;}.user.\\@example\\.com{color:blue;}.user.owner\\/founder{color:green;}`)
   });
 
+  test('escaped hex digits in selector identifiers', () => {
+    expect(
+      stylis(`
+        &.B\\26W{color:red;}
+        &.B\\000026W{color:green;}
+        &.B\\26 W{color:blue;}
+        &.endsWith\\0000A9  a.childNode{color:green;}
+        &.endsWith\\AE  a.childNode{color:yellow;}
+     `)
+    ).to.equal([
+      '.user.B\\26W{color:red;}',
+      '.user.B\\000026W{color:green;}',
+      '.user.B\\26 W{color:blue;}',
+      // next rules are important because the hex digits terminating space
+      // is not the same as a combinator space
+      '.user.endsWith\\0000A9  a.childNode{color:green;}',
+      '.user.endsWith\\AE  a.childNode{color:yellow;}'
+    ].join(''))
+  });
+
   test('comments', () => {
     expect(
       stylis(`

From 6b8d2fa64f67b8462fde6923127aa549c88181e3 Mon Sep 17 00:00:00 2001
From: Richard JP Le Guen <richard.jp.leguen@gmail.com>
Date: Sun, 4 Apr 2021 11:13:42 -0400
Subject: [PATCH 038/134] Adding test to enforce that 6 is the max length of
 the hex digit sequences

---
 test/Parser.js | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/test/Parser.js b/test/Parser.js
index 36dd7d9..65b76bc 100644
--- a/test/Parser.js
+++ b/test/Parser.js
@@ -150,6 +150,7 @@ describe('Parser', () => {
         &.B\\26 W{color:blue;}
         &.endsWith\\0000A9  a.childNode{color:green;}
         &.endsWith\\AE  a.childNode{color:yellow;}
+        &.Q\\000026A  a.childNode{color:purple;}
      `)
     ).to.equal([
       '.user.B\\26W{color:red;}',
@@ -158,7 +159,8 @@ describe('Parser', () => {
       // next rules are important because the hex digits terminating space
       // is not the same as a combinator space
       '.user.endsWith\\0000A9  a.childNode{color:green;}',
-      '.user.endsWith\\AE  a.childNode{color:yellow;}'
+      '.user.endsWith\\AE  a.childNode{color:yellow;}',
+      '.user.Q\\000026A a.childNode{color:purple;}',
     ].join(''))
   });
 

From 1ce04ee290d54ba827d01d696c8b53a0cadd9c51 Mon Sep 17 00:00:00 2001
From: Richard JP Le Guen <richard.jp.leguen@gmail.com>
Date: Sun, 4 Apr 2021 11:18:54 -0400
Subject: [PATCH 039/134] Splitting tests to be smaller and more concise

---
 test/Parser.js | 18 ++++++++++++++----
 1 file changed, 14 insertions(+), 4 deletions(-)

diff --git a/test/Parser.js b/test/Parser.js
index 65b76bc..0b014e7 100644
--- a/test/Parser.js
+++ b/test/Parser.js
@@ -142,24 +142,34 @@ describe('Parser', () => {
     ).to.equal(`.user.B\\&W{color:red;}.user.\\@example\\.com{color:blue;}.user.owner\\/founder{color:green;}`)
   });
 
-  test('escaped hex digits in selector identifiers', () => {
+  test('escaped hex codes in selector identifiers', () => {
     expect(
       stylis(`
         &.B\\26W{color:red;}
         &.B\\000026W{color:green;}
         &.B\\26 W{color:blue;}
-        &.endsWith\\0000A9  a.childNode{color:green;}
-        &.endsWith\\AE  a.childNode{color:yellow;}
-        &.Q\\000026A  a.childNode{color:purple;}
      `)
     ).to.equal([
       '.user.B\\26W{color:red;}',
       '.user.B\\000026W{color:green;}',
       '.user.B\\26 W{color:blue;}',
+    ].join(''))
+  });
+
+  test('double spaces after escaped hex codes in selector identifiers', () => {
+    expect(
+      stylis(`
+        &.endsWith\\0000A9  a.childNode{color:green;}
+        &.endsWith\\AE  a.childNode{color:yellow;}
+        &.Q\\000026A  a.childNode{color:purple;}
+     `)
+    ).to.equal([
       // next rules are important because the hex digits terminating space
       // is not the same as a combinator space
       '.user.endsWith\\0000A9  a.childNode{color:green;}',
       '.user.endsWith\\AE  a.childNode{color:yellow;}',
+      // max 6 hex chars in escape sequence - whitespace after 7th char
+      // is just normal whitespace and can be collapsed
       '.user.Q\\000026A a.childNode{color:purple;}',
     ].join(''))
   });

From d28fdf55390200d15fe922becbecd97c607b2f53 Mon Sep 17 00:00:00 2001
From: Richard JP Le Guen <richard.jp.leguen@gmail.com>
Date: Mon, 5 Apr 2021 10:51:20 -0400
Subject: [PATCH 040/134] Adding a test

---
 test/Parser.js | 10 +++++++++-
 1 file changed, 9 insertions(+), 1 deletion(-)

diff --git a/test/Parser.js b/test/Parser.js
index 0b014e7..8649d4c 100644
--- a/test/Parser.js
+++ b/test/Parser.js
@@ -138,8 +138,16 @@ describe('Parser', () => {
         &.B\\&W{color:red;}
         &.\\@example\\.com{color:blue;}
         &.owner\\/founder{color:green;}
+        &.discount\\%  {color:purple;}
      `)
-    ).to.equal(`.user.B\\&W{color:red;}.user.\\@example\\.com{color:blue;}.user.owner\\/founder{color:green;}`)
+    ).to.equal([
+      '.user.B\\&W{color:red;}',
+      '.user.\\@example\\.com{color:blue;}',
+      '.user.owner\\/founder{color:green;}',
+      // while doubel spaces after escaped hex codes need to be preserved,
+      // after an escaped character / code point it need not be preserved 
+      '.user.discount\\%{color:purple;}'
+    ].join(''))
   });
 
   test('escaped hex codes in selector identifiers', () => {

From 43053e828e9b491a02a421cef06f0f2bcca41110 Mon Sep 17 00:00:00 2001
From: Richard JP Le Guen <richard.jp.leguen@gmail.com>
Date: Mon, 5 Apr 2021 10:52:43 -0400
Subject: [PATCH 041/134] Typo in comment

---
 test/Parser.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/test/Parser.js b/test/Parser.js
index 8649d4c..e711ce6 100644
--- a/test/Parser.js
+++ b/test/Parser.js
@@ -144,7 +144,7 @@ describe('Parser', () => {
       '.user.B\\&W{color:red;}',
       '.user.\\@example\\.com{color:blue;}',
       '.user.owner\\/founder{color:green;}',
-      // while doubel spaces after escaped hex codes need to be preserved,
+      // while double spaces after escaped hex codes need to be preserved,
       // after an escaped character / code point it need not be preserved 
       '.user.discount\\%{color:purple;}'
     ].join(''))

From 4e83cfc27b435e7415e905860235f4b7eaa2479b Mon Sep 17 00:00:00 2001
From: thysultan <sultantarimo@me.com>
Date: Tue, 6 Apr 2021 01:40:14 +0300
Subject: [PATCH 042/134] improved implementation

---
 src/Parser.js    | 33 ++++++++-------------------------
 src/Tokenizer.js | 16 +++++++++++++++-
 2 files changed, 23 insertions(+), 26 deletions(-)

diff --git a/src/Parser.js b/src/Parser.js
index 7e9741e..8e8b22c 100644
--- a/src/Parser.js
+++ b/src/Parser.js
@@ -1,6 +1,6 @@
 import {COMMENT, RULESET, DECLARATION} from './Enum.js'
 import {abs, trim, from, sizeof, strlen, substr, append, replace} from './Utility.js'
-import {node, char, prev, next, peek, caret, alloc, dealloc, delimit, whitespace, identifier, commenter} from './Tokenizer.js'
+import {node, char, prev, next, peek, caret, alloc, dealloc, delimit, whitespace, escaping, identifier, commenter} from './Tokenizer.js'
 
 /**
  * @param {string} value
@@ -49,6 +49,10 @@ export function parse (value, root, parent, rule, rules, rulesets, pseudo, point
 			case 9: case 10: case 13: case 32:
 				characters += whitespace(previous)
 				break
+			// \
+			case 92:
+				characters += escaping(caret() - 1, 7)
+				continue
 			// /
 			case 47:
 				switch (peek()) {
@@ -94,36 +98,15 @@ export function parse (value, root, parent, rule, rules, rulesets, pseudo, point
 
 				index = offset = property = 0, variable = ampersand = 1, type = characters = '', length = pseudo
 				break
-			// \
-			case 92:
-				if (from(peek()).match(/[^a-f0-9]/i)) {
-					characters += '\\'
-					characters += from(next())
-				} else {
-					characters += '\\';
-					[1,2,3,4,5,6].some(() => {
-						if((from(peek()).match(/[a-f0-9]/i))) {
-							characters += from(next())
-							return false
-						}
-						return true
-					})
-					if((from(peek()).match(/\s/))) {
-						characters += from(next())
-					}
-				}
-				break
 			// :
 			case 58:
 				length = 1 + strlen(characters), property = previous
 			default:
-				if (variable < 1) {
-					if (character == 123) {
+				if (variable < 1)
+					if (character == 123)
 						--variable
-					} else if (character == 125 && variable++ == 0 && prev() == 125) {
+					else if (character == 125 && variable++ == 0 && prev() == 125)
 						continue
-					}
-				}
 
 				switch (characters += from(character), character * variable) {
 					// &
diff --git a/src/Tokenizer.js b/src/Tokenizer.js
index 6dbb088..16ff349 100644
--- a/src/Tokenizer.js
+++ b/src/Tokenizer.js
@@ -94,7 +94,7 @@ export function token (type) {
 			return 5
 		// ! + , / > @ ~ isolate token
 		case 33: case 43: case 44: case 47: case 62: case 64: case 126:
-		// ; { } / breakpoint token
+		// ; { } breakpoint token
 		case 59: case 123: case 125:
 			return 4
 		// : accompanied token
@@ -174,6 +174,20 @@ export function tokenizer (children) {
 	return children
 }
 
+/**
+ * @param {number} index
+ * @param {number} count
+ * @return {string}
+ */
+export function escaping (index, count) {
+	while (--count && next())
+		// not 0-9 A-F a-f
+		if (character < 48 || character > 102 || (character > 57 && character < 65) || (character > 70 && character < 97))
+			break
+
+	return slice(index, caret() + (count < 6 && peek() == 32 && next() == 32))
+}
+
 /**
  * @param {number} type
  * @return {number}

From e6843c373ebcbbfade25ebcc23f540ed8508da0a Mon Sep 17 00:00:00 2001
From: thysultan <sultantarimo@me.com>
Date: Wed, 7 Apr 2021 15:22:52 +0300
Subject: [PATCH 043/134] 4.0.10

---
 package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/package.json b/package.json
index 78335c0..675704a 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "stylis",
-  "version": "4.0.9",
+  "version": "4.0.10",
   "license": "MIT",
   "description": "A Light–weight CSS Preprocessor",
   "homepage": "https://github.com/thysultan/stylis.js",

From af98afae1712c626d5ec4192beb3fe9c9cf59b7b Mon Sep 17 00:00:00 2001
From: Aaron Reisman <lifeiscontent@users.noreply.github.com>
Date: Sun, 15 Aug 2021 01:58:57 -0700
Subject: [PATCH 044/134] Fix type for indexOf

---
 src/Utility.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/Utility.js b/src/Utility.js
index f29590e..148f7fa 100644
--- a/src/Utility.js
+++ b/src/Utility.js
@@ -48,7 +48,7 @@ export function replace (value, pattern, replacement) {
 
 /**
  * @param {string} value
- * @param {string} value
+ * @param {string} search
  * @return {number}
  */
 export function indexof (value, search) {

From 332b0db82657d4aaa61c522f0c72912449f16fb1 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Mateusz=20Burzy=C5=84ski?= <mateuszburzynski@gmail.com>
Date: Sun, 3 Oct 2021 13:49:51 +0200
Subject: [PATCH 045/134] Fix declared types of the `node` parameters

---
 src/Tokenizer.js | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/Tokenizer.js b/src/Tokenizer.js
index 16ff349..925c788 100644
--- a/src/Tokenizer.js
+++ b/src/Tokenizer.js
@@ -9,11 +9,11 @@ export var characters = ''
 
 /**
  * @param {string} value
- * @param {object} root
- * @param {object?} parent
+ * @param {object | null} root
+ * @param {object | null} parent
  * @param {string} type
- * @param {string[]} props
- * @param {object[]} children
+ * @param {string[] | string} props
+ * @param {object[] | string} children
  * @param {number} length
  */
 export function node (value, root, parent, type, props, children, length) {

From c36048a1e5c3d9353c38bf9babb462442ea5c4e0 Mon Sep 17 00:00:00 2001
From: Apoorv Taneja <purutaneja.com@gmail.com>
Date: Wed, 27 Oct 2021 01:22:28 +0530
Subject: [PATCH 046/134] Added docs for vendor prefixing (#276)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

* added docs for vendor prefixing

* Update README.md

Co-authored-by: Mateusz Burzyński <mateuszburzynski@gmail.com>
---
 README.md | 9 +++++++++
 1 file changed, 9 insertions(+)

diff --git a/README.md b/README.md
index 41eed81..b2135e9 100644
--- a/README.md
+++ b/README.md
@@ -87,6 +87,15 @@ tokenize('h1 h2 h3 [h4 h5] fn(args) "a b c"') === ['h1', 'h2', 'h3', '[h4 h5]',
 serialize(compile('h1{all:unset}'), stringify)
 ```
 
+### Vendor Prefixing
+
+```js
+import {compile, serialize, stringify, middleware, prefixer } from 'stylis';
+
+serialize(compile('div{display:flex;}'), middleware([prefixer, stringify]))
+```
+
+
 ## Middleware
 
 The middleware helper is a convenient helper utility, that for all intents and purposes you can do without if you intend to implement your own traversal logic. The `stringify` middleware is one such middleware that can be used in conjunction with it.

From ccb001641bead49b660344956252d1a0dd4d38f1 Mon Sep 17 00:00:00 2001
From: thysultan <sultantarimo@me.com>
Date: Fri, 10 Dec 2021 02:55:15 +0300
Subject: [PATCH 047/134] fix #272, fix #263 fix #265

---
 package.json       |  6 ++--
 src/Middleware.js  | 49 +++++++++++++++----------------
 src/Parser.js      | 15 +++++++---
 src/Serializer.js  |  3 +-
 src/Tokenizer.js   | 14 +++++----
 src/Utility.js     |  6 ++++
 test/Middleware.js |  4 ++-
 test/Parser.js     | 72 ++++++++++++++++++++++++++++++++++++++++++++++
 test/Tokenizer.js  |  6 +++-
 9 files changed, 135 insertions(+), 40 deletions(-)

diff --git a/package.json b/package.json
index 675704a..a560c9f 100644
--- a/package.json
+++ b/package.json
@@ -39,11 +39,11 @@
     "release-patch": "npm version patch -m '%s'"
   },
   "devDependencies": {
-    "chai": "4.2.0",
+    "chai": "4.3.4",
     "eslint": "6.8.0",
     "esm": "3.2.25",
-    "mocha": "7.0.0",
-    "nyc": "15.0.0",
+    "mocha": "9.1.1",
+    "nyc": "15.1.0",
     "rimraf": "3.0.2",
     "rollup": "1.28.0",
     "rollup-plugin-size": "0.2.1",
diff --git a/src/Middleware.js b/src/Middleware.js
index eb25302..455a863 100644
--- a/src/Middleware.js
+++ b/src/Middleware.js
@@ -40,31 +40,32 @@ export function rulesheet (callback) {
  * @param {function} callback
  */
 export function prefixer (element, index, children, callback) {
-	if (!element.return)
-		switch (element.type) {
-			case DECLARATION: element.return = prefix(element.value, element.length)
-				break
-			case KEYFRAMES:
-				return serialize([copy(replace(element.value, '@', '@' + WEBKIT), element, '')], callback)
-			case RULESET:
-				if (element.length)
-					return combine(element.props, function (value) {
-						switch (match(value, /(::plac\w+|:read-\w+)/)) {
-							// :read-(only|write)
-							case ':read-only': case ':read-write':
-								return serialize([copy(replace(value, /:(read-\w+)/, ':' + MOZ + '$1'), element, '')], callback)
-							// :placeholder
-							case '::placeholder':
-								return serialize([
-									copy(replace(value, /:(plac\w+)/, ':' + WEBKIT + 'input-$1'), element, ''),
-									copy(replace(value, /:(plac\w+)/, ':' + MOZ + '$1'), element, ''),
-									copy(replace(value, /:(plac\w+)/, MS + 'input-$1'), element, '')
-								], callback)
-						}
+	if (element.length > -1)
+		if (!element.return)
+			switch (element.type) {
+				case DECLARATION: element.return = prefix(element.value, element.length)
+					break
+				case KEYFRAMES:
+					return serialize([copy(element, {value: replace(element.value, '@', '@' + WEBKIT)})], callback)
+				case RULESET:
+					if (element.length)
+						return combine(element.props, function (value) {
+							switch (match(value, /(::plac\w+|:read-\w+)/)) {
+								// :read-(only|write)
+								case ':read-only': case ':read-write':
+									return serialize([copy(element, {props: [replace(value, /:(read-\w+)/, ':' + MOZ + '$1')]})], callback)
+								// :placeholder
+								case '::placeholder':
+									return serialize([
+										copy(element, {props: [replace(value, /:(plac\w+)/, ':' + WEBKIT + 'input-$1')]}),
+										copy(element, {props: [replace(value, /:(plac\w+)/, ':' + MOZ + '$1')]}),
+										copy(element, {props: [replace(value, /:(plac\w+)/, MS + 'input-$1')]})
+									], callback)
+							}
 
-						return ''
-					})
-		}
+							return ''
+						})
+			}
 }
 
 /**
diff --git a/src/Parser.js b/src/Parser.js
index 8e8b22c..1016d08 100644
--- a/src/Parser.js
+++ b/src/Parser.js
@@ -1,5 +1,5 @@
 import {COMMENT, RULESET, DECLARATION} from './Enum.js'
-import {abs, trim, from, sizeof, strlen, substr, append, replace} from './Utility.js'
+import {abs, trim, from, sizeof, strlen, substr, append, replace, indexof} from './Utility.js'
 import {node, char, prev, next, peek, caret, alloc, dealloc, delimit, whitespace, escaping, identifier, commenter} from './Tokenizer.js'
 
 /**
@@ -41,8 +41,15 @@ export function parse (value, root, parent, rule, rules, rulesets, pseudo, point
 
 	while (scanning)
 		switch (previous = character, character = next()) {
-			// " ' [ (
-			case 34: case 39: case 91: case 40:
+			// (
+			case 40:
+				if (previous != 108 && characters.charCodeAt(length - 1) == 58) {
+					if (indexof(characters += replace(delimit(character), '&', '&\f'), '&\f') != -1)
+						ampersand = -1
+					break
+				}
+			// " ' [
+			case 34: case 39: case 91:
 				characters += delimit(character)
 				break
 			// \t \n \r \s
@@ -123,7 +130,7 @@ export function parse (value, root, parent, rule, rules, rulesets, pseudo, point
 						if (peek() === 45)
 							characters += delimit(next())
 
-						atrule = peek(), offset = strlen(type = characters += identifier(caret())), character++
+						atrule = peek(), offset = length = strlen(type = characters += identifier(caret())), character++
 						break
 					// -
 					case 45:
diff --git a/src/Serializer.js b/src/Serializer.js
index c82f0b4..5631c70 100644
--- a/src/Serializer.js
+++ b/src/Serializer.js
@@ -1,4 +1,4 @@
-import {IMPORT, COMMENT, RULESET, DECLARATION} from './Enum.js'
+import {IMPORT, COMMENT, RULESET, DECLARATION, KEYFRAMES} from './Enum.js'
 import {strlen, sizeof} from './Utility.js'
 
 /**
@@ -27,6 +27,7 @@ export function stringify (element, index, children, callback) {
 	switch (element.type) {
 		case IMPORT: case DECLARATION: return element.return = element.return || element.value
 		case COMMENT: return ''
+		case KEYFRAMES: return element.return = element.value + '{' + serialize(element.children, callback) + '}'
 		case RULESET: element.value = element.props.join(',')
 	}
 
diff --git a/src/Tokenizer.js b/src/Tokenizer.js
index 925c788..ac2a79a 100644
--- a/src/Tokenizer.js
+++ b/src/Tokenizer.js
@@ -1,4 +1,4 @@
-import {from, trim, charat, strlen, substr, append} from './Utility.js'
+import {from, trim, charat, strlen, substr, append, assign} from './Utility.js'
 
 export var line = 1
 export var column = 1
@@ -21,12 +21,12 @@ export function node (value, root, parent, type, props, children, length) {
 }
 
 /**
- * @param {string} value
  * @param {object} root
- * @param {string} type
+ * @param {object} props
+ * @return {object}
  */
-export function copy (value, root, type) {
-	return node(value, root.root, root.parent, type, root.props, root.children, 0)
+export function copy (root, props) {
+	return assign({}, root, {length: -root.length}, props)
 }
 
 /**
@@ -200,7 +200,9 @@ export function delimiter (type) {
 				return position
 			// " '
 			case 34: case 39:
-				return delimiter(type === 34 || type === 39 ? type : character)
+				if (type !== 34 && type !== 39)
+					delimiter(character)
+				break
 			// (
 			case 40:
 				if (type === 41)
diff --git a/src/Utility.js b/src/Utility.js
index 148f7fa..a27883b 100644
--- a/src/Utility.js
+++ b/src/Utility.js
@@ -10,6 +10,12 @@ export var abs = Math.abs
  */
 export var from = String.fromCharCode
 
+/**
+ * @param {object}
+ * @return {object}
+ */
+export var assign = Object.assign
+
 /**
  * @param {string} value
  * @param {number} length
diff --git a/test/Middleware.js b/test/Middleware.js
index d3a627d..596c8e9 100644
--- a/test/Middleware.js
+++ b/test/Middleware.js
@@ -4,13 +4,15 @@ const stack = []
 
 describe('Middleware', () => {
 	test('rulesheet', () => {
-  	serialize(compile(`@import url('something.com/file.css');.user{ h1 {width:0;} @media{width:1;}@keyframes name{from{width:0;}to{width:1;}}}`), middleware([prefixer, stringify, rulesheet(value => stack.push(value))]))
+  	serialize(compile(`@import url('something.com/file.css');.user{ h1 {width:0;} @media{width:1;}@keyframes name{from{width:0;}to{width:1;}}}@keyframes empty{}`), middleware([prefixer, stringify, rulesheet(value => stack.push(value))]))
   	expect(stack).to.deep.equal([
       `@import url('something.com/file.css');`,
       `.user h1{width:0;}`,
       `@media{.user{width:1;}}`,
       `@-webkit-keyframes name{from{width:0;}to{width:1;}}`,
       `@keyframes name{from{width:0;}to{width:1;}}`,
+      '@-webkit-keyframes empty{}',
+      '@keyframes empty{}',
     ])
   })
 
diff --git a/test/Parser.js b/test/Parser.js
index e711ce6..78f940c 100644
--- a/test/Parser.js
+++ b/test/Parser.js
@@ -528,6 +528,78 @@ describe('Parser', () => {
     ).to.equal(`.user h1:matches(.a,.b,:not(.c)){display:none;}`)
   })
 
+  test('pseudo-selectors', () => {
+    expect(
+      stylis(`
+        :not(&) {
+          color: red;
+        }
+        :matches(&) {
+          color: red;
+        }
+        :is(&) {
+          color: red;
+        }
+        :any(&) {
+          color: red;
+        }
+        :where(&) {
+          color: red;
+        }
+        :has(&) {
+          color: red;
+        }
+      `)
+    ).to.equal([
+      `:not(.user){color:red;}`,
+      `:matches(.user){color:red;}`,
+      `:is(.user){color:red;}`,
+      `:any(.user){color:red;}`,
+      `:where(.user){color:red;}`,
+      `:has(.user){color:red;}`
+    ].join(''))
+  })
+
+  test('nested pseudo-selectors', () => {
+    expect(
+      stylis(`
+        :not(&) {
+          :matches(&) {
+            :is(&) {
+              :any(&) {
+                :where(&) {
+                  :has(&) {
+                    color: red;
+                  }
+                }
+              }
+            }
+          }
+        }
+      `)
+    ).to.equal(`:has(:where(:any(:is(:matches(:not(.user)))))){color:red;}`);
+  })
+
+  test('pseudo-selector inside pseudo-selector', () => {
+    expect(
+      stylis(`
+        h1:matches(.a,.b,:not(&)) {
+          display: none
+        }
+      `)
+    ).to.equal(`h1:matches(.a,.b,:not(.user)){display:none;}`)
+  })
+
+  test('pseudo-selector with & in a string', () => {
+    expect(
+      stylis(`
+        h1:matches(&,[href="https://css-tricks.com?a=1&b=2"]) {
+          display: none
+        }
+      `)
+    ).to.equal(`h1:matches(.user,[href="https://css-tricks.com?a=1&b=2"]){display:none;}`)
+  })
+
   test('@keyframes', () => {
     expect(serialize(compile(`
       @-webkit-keyframes slidein {
diff --git a/test/Tokenizer.js b/test/Tokenizer.js
index 2be5bb3..fedf45b 100644
--- a/test/Tokenizer.js
+++ b/test/Tokenizer.js
@@ -2,8 +2,12 @@ import {tokenize} from "../index.js"
 
 describe('Tokenizer', () => {
   test('tokenize', () => {
-  	expect(tokenize('h1 h2 (h1 h2) 1 / 3 * 2 + 1 [1 2] "1 2" a')).to.deep.equal([
+  	expect(tokenize(`h1 h2 (h1 h2) 1 / 3 * 2 + 1 [1 2] "1 2" a`)).to.deep.equal([
   		'h1', ' ', 'h2', ' ', '(h1 h2)', ' ', '1', ' ', '/', ' ', '3', ' ', '*', ' ', '2', ' ', '+', ' ', '1', ' ', '[1 2]', ' ', '"1 2"', ' ', 'a'
   	])
+
+    expect(tokenize(`:global([data-popper-placement^='top'])`)).to.deep.equal([
+      `:`, `global`, `([data-popper-placement^='top'])`
+    ])
   })
 })

From 2df6f5e6bf997ec569e62bc15dbc6ea38441548c Mon Sep 17 00:00:00 2001
From: thysultan <sultantarimo@me.com>
Date: Fri, 10 Dec 2021 02:58:19 +0300
Subject: [PATCH 048/134] 4.0.11

---
 package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/package.json b/package.json
index a560c9f..192ebbd 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "stylis",
-  "version": "4.0.10",
+  "version": "4.0.11",
   "license": "MIT",
   "description": "A Light–weight CSS Preprocessor",
   "homepage": "https://github.com/thysultan/stylis.js",

From bbba67bae85c09600cc28e223eb804e1d779ffa6 Mon Sep 17 00:00:00 2001
From: thysultan <sultantarimo@me.com>
Date: Fri, 10 Dec 2021 20:24:33 +0300
Subject: [PATCH 049/134] don't pass along the length of the at-rule to its
 children

---
 src/Parser.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/Parser.js b/src/Parser.js
index 1016d08..f276521 100644
--- a/src/Parser.js
+++ b/src/Parser.js
@@ -99,7 +99,7 @@ export function parse (value, root, parent, rule, rules, rulesets, pseudo, point
 										parse(value, reference, reference, rule && append(ruleset(value, reference, reference, 0, 0, rules, points, type, rules, props = [], length), children), rules, children, length, points, rule ? props : children)
 										break
 									default:
-										parse(characters, reference, reference, reference, [''], children, length, points, children)
+										parse(characters, reference, reference, reference, [''], children, 0, points, children)
 								}
 				}
 

From 76f3c90035d64e6128c37fe8f6f89aeaf705ce0b Mon Sep 17 00:00:00 2001
From: thysultan <sultantarimo@me.com>
Date: Fri, 10 Dec 2021 20:25:58 +0300
Subject: [PATCH 050/134] 4.0.12

---
 package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/package.json b/package.json
index 192ebbd..20e1a40 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "stylis",
-  "version": "4.0.11",
+  "version": "4.0.12",
   "license": "MIT",
   "description": "A Light–weight CSS Preprocessor",
   "homepage": "https://github.com/thysultan/stylis.js",

From f1084c92d807b70ce462c4577cdf4714beada216 Mon Sep 17 00:00:00 2001
From: thysultan <sultantarimo@me.com>
Date: Sat, 11 Dec 2021 17:11:06 +0300
Subject: [PATCH 051/134] optimization: preserve hidden class when copying
 objects in `copy` function

---
 src/Tokenizer.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/Tokenizer.js b/src/Tokenizer.js
index ac2a79a..dd482ce 100644
--- a/src/Tokenizer.js
+++ b/src/Tokenizer.js
@@ -26,7 +26,7 @@ export function node (value, root, parent, type, props, children, length) {
  * @return {object}
  */
 export function copy (root, props) {
-	return assign({}, root, {length: -root.length}, props)
+	return assign(node('', null, null, '', null, null, 0), root, {length: -root.length}, props)
 }
 
 /**

From bf6014b83809b40d85cc896683bc5328b27650d1 Mon Sep 17 00:00:00 2001
From: thysultan <sultantarimo@me.com>
Date: Sat, 11 Dec 2021 17:13:44 +0300
Subject: [PATCH 052/134] 4.0.13

---
 package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/package.json b/package.json
index 20e1a40..4431898 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "stylis",
-  "version": "4.0.12",
+  "version": "4.0.13",
   "license": "MIT",
   "description": "A Light–weight CSS Preprocessor",
   "homepage": "https://github.com/thysultan/stylis.js",

From 981f75f04c9d1c0540fc6f9f4bc0078bc328a390 Mon Sep 17 00:00:00 2001
From: Sultan <810601+thysultan@users.noreply.github.com>
Date: Sat, 5 Feb 2022 13:54:42 +0300
Subject: [PATCH 053/134] Create FUNDING.yml

---
 .github/FUNDING.yml | 13 +++++++++++++
 1 file changed, 13 insertions(+)
 create mode 100644 .github/FUNDING.yml

diff --git a/.github/FUNDING.yml b/.github/FUNDING.yml
new file mode 100644
index 0000000..020573a
--- /dev/null
+++ b/.github/FUNDING.yml
@@ -0,0 +1,13 @@
+# These are supported funding model platforms
+
+github: # Replace with up to 4 GitHub Sponsors-enabled usernames e.g., [user1, user2]
+patreon: # Replace with a single Patreon username
+open_collective: stylis
+ko_fi: thysultan
+tidelift: # Replace with a single Tidelift platform-name/package-name e.g., npm/babel
+community_bridge: # Replace with a single Community Bridge project-name e.g., cloud-foundry
+liberapay: # Replace with a single Liberapay username
+issuehunt: # Replace with a single IssueHunt username
+otechie: # Replace with a single Otechie username
+lfx_crowdfunding: # Replace with a single LFX Crowdfunding project-name e.g., cloud-foundry
+custom: # Replace with up to 4 custom sponsorship URLs e.g., ['link1', 'link2']

From fbda3464f415f5742bb7ab41dfdd8102113565e6 Mon Sep 17 00:00:00 2001
From: Sultan <810601+thysultan@users.noreply.github.com>
Date: Mon, 14 Feb 2022 19:53:32 +0300
Subject: [PATCH 054/134] Update FUNDING.yml

---
 .github/FUNDING.yml | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/.github/FUNDING.yml b/.github/FUNDING.yml
index 020573a..39f9d77 100644
--- a/.github/FUNDING.yml
+++ b/.github/FUNDING.yml
@@ -3,7 +3,7 @@
 github: # Replace with up to 4 GitHub Sponsors-enabled usernames e.g., [user1, user2]
 patreon: # Replace with a single Patreon username
 open_collective: stylis
-ko_fi: thysultan
+ko_fi: # thysultan
 tidelift: # Replace with a single Tidelift platform-name/package-name e.g., npm/babel
 community_bridge: # Replace with a single Community Bridge project-name e.g., cloud-foundry
 liberapay: # Replace with a single Liberapay username

From ea97843511c823d6c952ad5f41f3cdaf95dd0c9e Mon Sep 17 00:00:00 2001
From: SukkaW <isukkaw@gmail.com>
Date: Thu, 24 Feb 2022 20:58:50 +0800
Subject: [PATCH 055/134] feat(prefix): support display grid|inline-grid

---
 src/Prefixer.js  | 5 ++++-
 test/Prefixer.js | 5 +++++
 2 files changed, 9 insertions(+), 1 deletion(-)

diff --git a/src/Prefixer.js b/src/Prefixer.js
index 11b6121..deedeb8 100644
--- a/src/Prefixer.js
+++ b/src/Prefixer.js
@@ -87,7 +87,7 @@ export function prefix (value, length) {
 			// (s)ticky?
 			if (charat(value, length + 1) !== 115)
 				break
-		// display: (flex|inline-flex)
+		// display: (flex|inline-flex|grid|inline-grid)
 		case 6444:
 			switch (charat(value, strlen(value) - 3 - (~indexof(value, '!important') && 10))) {
 				// stic(k)y
@@ -96,6 +96,9 @@ export function prefix (value, length) {
 				// (inline-)?fl(e)x
 				case 101:
 					return replace(value, /(.+:)([^;!]+)(;|!.+)?/, '$1' + WEBKIT + (charat(value, 14) === 45 ? 'inline-' : '') + 'box$3' + '$1' + WEBKIT + '$2$3' + '$1' + MS + '$2box$3') + value
+				// (inline-)?grid
+				case 105:
+					return replace(value, ':', ':' + MS) + value
 			}
 			break
 		// writing-mode
diff --git a/test/Prefixer.js b/test/Prefixer.js
index 6dcf9d2..ebccbb8 100644
--- a/test/Prefixer.js
+++ b/test/Prefixer.js
@@ -186,4 +186,9 @@ describe('Prefixer', () => {
 			`animation-timing-function:cubic-bezier(0.1,0.7,1.0,0.1);`
 		].join(''))
 	})
+
+	test('grid', () => {
+		expect(prefix('display:grid;', 7)).to.equal([`display:-ms-grid;`, `display:grid;`].join(''))
+		expect(prefix('display:inline-grid;', 7)).to.equal([`display:-ms-inline-grid;`, `display:inline-grid;`].join(''))
+	})
 })

From 44b43cc4c2492a8757333d85e6014c60acb24c1f Mon Sep 17 00:00:00 2001
From: SukkaW <isukkaw@gmail.com>
Date: Thu, 24 Feb 2022 21:56:22 +0800
Subject: [PATCH 056/134] feat(prefix): support grid with justify-self &
 align-self

---
 src/Prefixer.js  | 21 +++++++++++++++++----
 test/Prefixer.js |  2 ++
 2 files changed, 19 insertions(+), 4 deletions(-)

diff --git a/src/Prefixer.js b/src/Prefixer.js
index deedeb8..8d4984d 100644
--- a/src/Prefixer.js
+++ b/src/Prefixer.js
@@ -1,12 +1,12 @@
-import {MS, MOZ, WEBKIT} from './Enum.js'
-import {hash, charat, strlen, indexof, replace} from './Utility.js'
+import { MS, MOZ, WEBKIT } from './Enum.js'
+import { hash, charat, strlen, indexof, replace, substr } from './Utility.js'
 
 /**
  * @param {string} value
  * @param {number} length
  * @return {string}
  */
-export function prefix (value, length) {
+export function prefix(value, length) {
 	switch (hash(value, length)) {
 		// color-adjust
 		case 5103:
@@ -34,7 +34,12 @@ export function prefix (value, length) {
 			return WEBKIT + value + replace(value, /(\w+).+(:[^]+)/, WEBKIT + 'box-$1$2' + MS + 'flex-$1$2') + value
 		// align-self
 		case 5443:
-			return WEBKIT + value + MS + 'flex-item-' + replace(value, /flex-|-self/, '') + value
+			// center, end, start, stretch
+			return (
+				~indexof(['stretch', 'center', 'end', 'start'], substr(value, length + 1, value.length - 1))
+			)
+				? WEBKIT + value + MS + 'flex-item-' + replace(value, /flex-|-self/, '') + MS + 'grid-row-' + replace(value, /flex-|-self/, '') + value
+				: WEBKIT + value + MS + 'flex-item-' + replace(value, /flex-|-self/, '') + value
 		// align-content
 		case 4675:
 			return WEBKIT + value + MS + 'flex-line-pack' + replace(value, /align-content|flex-|-self/, '') + value
@@ -59,6 +64,14 @@ export function prefix (value, length) {
 		// justify-content
 		case 4968:
 			return replace(replace(value, /(.+:)(flex-)?(.*)/, WEBKIT + 'box-pack:$3' + MS + 'flex-pack:$3'), /s.+-b[^;]+/, 'justify') + WEBKIT + value + value
+		// justify-self
+		case 4200:
+			// center, end, start, stretch
+			if (
+				~indexof(['stretch', 'center', 'end', 'start'], substr(value, length + 1, value.length - 1))
+			) {
+				return MS + 'grid-column-align' + substr(value, length) + value
+			}
 		// (margin|padding)-inline-(start|end)
 		case 4095: case 3583: case 4068: case 2532:
 			return replace(value, /(.+)-inline(.+)/, WEBKIT + '$1$2') + value
diff --git a/test/Prefixer.js b/test/Prefixer.js
index ebccbb8..afd5cd7 100644
--- a/test/Prefixer.js
+++ b/test/Prefixer.js
@@ -190,5 +190,7 @@ describe('Prefixer', () => {
 	test('grid', () => {
 		expect(prefix('display:grid;', 7)).to.equal([`display:-ms-grid;`, `display:grid;`].join(''))
 		expect(prefix('display:inline-grid;', 7)).to.equal([`display:-ms-inline-grid;`, `display:inline-grid;`].join(''))
+		expect(prefix('align-self:stretch;', 10)).to.equal([`-webkit-align-self:stretch;`, `-ms-flex-item-align:stretch;`, `-ms-grid-row-align:stretch;`, `align-self:stretch;`].join(''))
+		expect(prefix('justify-self:end;', 12)).to.equal([`-ms-grid-column-align:end;`, `justify-self:end;`].join(''))
 	})
 })

From b997ad17153e97f48e918c0797bc2ae298a7296b Mon Sep 17 00:00:00 2001
From: SukkaW <isukkaw@gmail.com>
Date: Fri, 25 Feb 2022 01:34:05 +0800
Subject: [PATCH 057/134] feat(prefix): support grid-template-columns

---
 src/Prefixer.js  | 3 +++
 test/Prefixer.js | 1 +
 2 files changed, 4 insertions(+)

diff --git a/src/Prefixer.js b/src/Prefixer.js
index 8d4984d..fc074aa 100644
--- a/src/Prefixer.js
+++ b/src/Prefixer.js
@@ -72,6 +72,9 @@ export function prefix(value, length) {
 			) {
 				return MS + 'grid-column-align' + substr(value, length) + value
 			}
+		// grid-template-columns
+		case 2592:
+			return MS + replace(value, 'template-', '') + value
 		// (margin|padding)-inline-(start|end)
 		case 4095: case 3583: case 4068: case 2532:
 			return replace(value, /(.+)-inline(.+)/, WEBKIT + '$1$2') + value
diff --git a/test/Prefixer.js b/test/Prefixer.js
index afd5cd7..9d8e4ba 100644
--- a/test/Prefixer.js
+++ b/test/Prefixer.js
@@ -192,5 +192,6 @@ describe('Prefixer', () => {
 		expect(prefix('display:inline-grid;', 7)).to.equal([`display:-ms-inline-grid;`, `display:inline-grid;`].join(''))
 		expect(prefix('align-self:stretch;', 10)).to.equal([`-webkit-align-self:stretch;`, `-ms-flex-item-align:stretch;`, `-ms-grid-row-align:stretch;`, `align-self:stretch;`].join(''))
 		expect(prefix('justify-self:end;', 12)).to.equal([`-ms-grid-column-align:end;`, `justify-self:end;`].join(''))
+		expect(prefix('grid-template-columns:1fr auto;', 21)).to.equal([`-ms-grid-columns:1fr auto;`, `grid-template-columns:1fr auto;`].join(''))
 	})
 })

From ed66195e86e00f8caf5e2035b21f9e4ab9445675 Mon Sep 17 00:00:00 2001
From: SukkaW <isukkaw@gmail.com>
Date: Fri, 25 Feb 2022 01:38:25 +0800
Subject: [PATCH 058/134] feat(prefix): support grid-template-rows

---
 src/Prefixer.js  | 4 ++--
 test/Prefixer.js | 2 ++
 2 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/src/Prefixer.js b/src/Prefixer.js
index fc074aa..54e49fd 100644
--- a/src/Prefixer.js
+++ b/src/Prefixer.js
@@ -72,8 +72,8 @@ export function prefix(value, length) {
 			) {
 				return MS + 'grid-column-align' + substr(value, length) + value
 			}
-		// grid-template-columns
-		case 2592:
+		// grid-template-(columns|rows)
+		case 2592: case 3360:
 			return MS + replace(value, 'template-', '') + value
 		// (margin|padding)-inline-(start|end)
 		case 4095: case 3583: case 4068: case 2532:
diff --git a/test/Prefixer.js b/test/Prefixer.js
index 9d8e4ba..59a9e0d 100644
--- a/test/Prefixer.js
+++ b/test/Prefixer.js
@@ -193,5 +193,7 @@ describe('Prefixer', () => {
 		expect(prefix('align-self:stretch;', 10)).to.equal([`-webkit-align-self:stretch;`, `-ms-flex-item-align:stretch;`, `-ms-grid-row-align:stretch;`, `align-self:stretch;`].join(''))
 		expect(prefix('justify-self:end;', 12)).to.equal([`-ms-grid-column-align:end;`, `justify-self:end;`].join(''))
 		expect(prefix('grid-template-columns:1fr auto;', 21)).to.equal([`-ms-grid-columns:1fr auto;`, `grid-template-columns:1fr auto;`].join(''))
+		expect(prefix('grid-template-columns:1fr [header content] auto;', 21)).to.equal([`-ms-grid-columns:1fr [header content] auto;`, `grid-template-columns:1fr [header content] auto;`].join(''))
+		expect(prefix('grid-template-rows:1fr auto;', 18)).to.equal([`-ms-grid-rows:1fr auto;`, `grid-template-rows:1fr auto;`].join(''))
 	})
 })

From 624e790ec17693c2d79fa3ec82fa56ad20289669 Mon Sep 17 00:00:00 2001
From: SukkaW <isukkaw@gmail.com>
Date: Fri, 25 Feb 2022 01:45:59 +0800
Subject: [PATCH 059/134] perf: use existed sizeof utility

---
 src/Prefixer.js | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/Prefixer.js b/src/Prefixer.js
index 54e49fd..ab0bb3f 100644
--- a/src/Prefixer.js
+++ b/src/Prefixer.js
@@ -1,5 +1,5 @@
 import { MS, MOZ, WEBKIT } from './Enum.js'
-import { hash, charat, strlen, indexof, replace, substr } from './Utility.js'
+import { hash, charat, strlen, indexof, replace, substr, sizeof } from './Utility.js'
 
 /**
  * @param {string} value
@@ -36,7 +36,7 @@ export function prefix(value, length) {
 		case 5443:
 			// center, end, start, stretch
 			return (
-				~indexof(['stretch', 'center', 'end', 'start'], substr(value, length + 1, value.length - 1))
+				~indexof(['stretch', 'center', 'end', 'start'], substr(value, length + 1, sizeof(value) - 1))
 			)
 				? WEBKIT + value + MS + 'flex-item-' + replace(value, /flex-|-self/, '') + MS + 'grid-row-' + replace(value, /flex-|-self/, '') + value
 				: WEBKIT + value + MS + 'flex-item-' + replace(value, /flex-|-self/, '') + value
@@ -68,7 +68,7 @@ export function prefix(value, length) {
 		case 4200:
 			// center, end, start, stretch
 			if (
-				~indexof(['stretch', 'center', 'end', 'start'], substr(value, length + 1, value.length - 1))
+				~indexof(['stretch', 'center', 'end', 'start'], substr(value, length + 1, sizeof(value) - 1))
 			) {
 				return MS + 'grid-column-align' + substr(value, length) + value
 			}

From 18001c93eac7fd2f0a73c34e701850b09649201f Mon Sep 17 00:00:00 2001
From: SukkaW <isukkaw@gmail.com>
Date: Fri, 25 Feb 2022 02:07:01 +0800
Subject: [PATCH 060/134] feat(prefix): grid-(column|row) with simple value

---
 src/Prefixer.js  |  8 +++++++-
 src/Utility.js   | 10 +++++++++-
 test/Prefixer.js |  8 +++++++-
 3 files changed, 23 insertions(+), 3 deletions(-)

diff --git a/src/Prefixer.js b/src/Prefixer.js
index ab0bb3f..69741d8 100644
--- a/src/Prefixer.js
+++ b/src/Prefixer.js
@@ -1,5 +1,5 @@
 import { MS, MOZ, WEBKIT } from './Enum.js'
-import { hash, charat, strlen, indexof, replace, substr, sizeof } from './Utility.js'
+import { hash, charat, strlen, indexof, replace, substr, sizeof, ispurenumber } from './Utility.js'
 
 /**
  * @param {string} value
@@ -98,6 +98,12 @@ export function prefix(value, length) {
 						return ~indexof(value, 'stretch') ? prefix(replace(value, 'stretch', 'fill-available'), length) + value : value
 				}
 			break
+		// grid-(column|row)
+		case 5152: case 5920:
+			// simple position value
+			if (ispurenumber(substr(value, length + 1, sizeof(value) - 1))) {
+				return MS + value + value
+			}
 		// position: sticky
 		case 4949:
 			// (s)ticky?
diff --git a/src/Utility.js b/src/Utility.js
index a27883b..5b940e2 100644
--- a/src/Utility.js
+++ b/src/Utility.js
@@ -53,7 +53,7 @@ export function replace (value, pattern, replacement) {
 }
 
 /**
- * @param {string} value
+ * @param {string | string[]} value
  * @param {string} search
  * @return {number}
  */
@@ -113,3 +113,11 @@ export function append (value, array) {
 export function combine (array, callback) {
 	return array.map(callback).join('')
 }
+
+/**
+ * @param {string} string
+ * @return {boolean}
+ */
+export function ispurenumber (string) {
+	return /^\d+$/.test(string)
+}
diff --git a/test/Prefixer.js b/test/Prefixer.js
index 59a9e0d..09aa711 100644
--- a/test/Prefixer.js
+++ b/test/Prefixer.js
@@ -1,4 +1,4 @@
-import {prefix} from "../index.js"
+import { prefix } from "../index.js"
 
 describe('Prefixer', () => {
 	test('flex-box', () => {
@@ -195,5 +195,11 @@ describe('Prefixer', () => {
 		expect(prefix('grid-template-columns:1fr auto;', 21)).to.equal([`-ms-grid-columns:1fr auto;`, `grid-template-columns:1fr auto;`].join(''))
 		expect(prefix('grid-template-columns:1fr [header content] auto;', 21)).to.equal([`-ms-grid-columns:1fr [header content] auto;`, `grid-template-columns:1fr [header content] auto;`].join(''))
 		expect(prefix('grid-template-rows:1fr auto;', 18)).to.equal([`-ms-grid-rows:1fr auto;`, `grid-template-rows:1fr auto;`].join(''))
+		// grid-column - simple position value
+		expect(prefix('grid-column:5;', 11)).to.equal([`-ms-grid-column:5;`, `grid-column:5;`].join(''))
+		expect(prefix('grid-column:20;', 11)).to.equal([`-ms-grid-column:20;`, `grid-column:20;`].join(''))
+		// grid-row - simple position value
+		expect(prefix('grid-row:3;', 8)).to.equal([`-ms-grid-row:3;`, `grid-row:3;`].join(''))
+		expect(prefix('grid-row:17;', 8)).to.equal([`-ms-grid-row:17;`, `grid-row:17;`].join(''))
 	})
 })

From 7ba25a5f8b02e549f25e82ce60e950f1bbc694f7 Mon Sep 17 00:00:00 2001
From: SukkaW <isukkaw@gmail.com>
Date: Fri, 25 Feb 2022 02:38:39 +0800
Subject: [PATCH 061/134] feat(prefix): grid-(column|row) with numeric
 shorthand

---
 src/Prefixer.js  |  4 +++-
 src/Utility.js   |  8 ++++++++
 test/Prefixer.js | 11 +++++++++--
 3 files changed, 20 insertions(+), 3 deletions(-)

diff --git a/src/Prefixer.js b/src/Prefixer.js
index 69741d8..c99eb4c 100644
--- a/src/Prefixer.js
+++ b/src/Prefixer.js
@@ -1,5 +1,5 @@
 import { MS, MOZ, WEBKIT } from './Enum.js'
-import { hash, charat, strlen, indexof, replace, substr, sizeof, ispurenumber } from './Utility.js'
+import { hash, charat, strlen, indexof, replace, substr, sizeof, ispurenumber, match } from './Utility.js'
 
 /**
  * @param {string} value
@@ -103,6 +103,8 @@ export function prefix(value, length) {
 			// simple position value
 			if (ispurenumber(substr(value, length + 1, sizeof(value) - 1))) {
 				return MS + value + value
+			} else if (match(substr(value, length + 1, sizeof(value) - 1), /(\d)+\s*\/( ?span)?\s*(\d)+/)) {
+				return replace(substr(value, length + 1, sizeof(value) - 1), /(\d)+\s*\/( ?span)?\s*(\d)+/, (_, $1, $span, $3) => MS + substr(value, 0, length + 1) + $1 + ';' + MS + substr(value, 0, length) + '-span:' + ($span ? $3 : +$3 - +$1) + ';') + value
 			}
 		// position: sticky
 		case 4949:
diff --git a/src/Utility.js b/src/Utility.js
index 5b940e2..235b623 100644
--- a/src/Utility.js
+++ b/src/Utility.js
@@ -121,3 +121,11 @@ export function combine (array, callback) {
 export function ispurenumber (string) {
 	return /^\d+$/.test(string)
 }
+
+/**
+ * @param {string} string
+ * @return {number}
+ */
+export function tonumber (string) {
+	return +string
+}
diff --git a/test/Prefixer.js b/test/Prefixer.js
index 09aa711..1300407 100644
--- a/test/Prefixer.js
+++ b/test/Prefixer.js
@@ -195,11 +195,18 @@ describe('Prefixer', () => {
 		expect(prefix('grid-template-columns:1fr auto;', 21)).to.equal([`-ms-grid-columns:1fr auto;`, `grid-template-columns:1fr auto;`].join(''))
 		expect(prefix('grid-template-columns:1fr [header content] auto;', 21)).to.equal([`-ms-grid-columns:1fr [header content] auto;`, `grid-template-columns:1fr [header content] auto;`].join(''))
 		expect(prefix('grid-template-rows:1fr auto;', 18)).to.equal([`-ms-grid-rows:1fr auto;`, `grid-template-rows:1fr auto;`].join(''))
-		// grid-column - simple position value
+		// grid-(column|row) - simple position value
 		expect(prefix('grid-column:5;', 11)).to.equal([`-ms-grid-column:5;`, `grid-column:5;`].join(''))
 		expect(prefix('grid-column:20;', 11)).to.equal([`-ms-grid-column:20;`, `grid-column:20;`].join(''))
-		// grid-row - simple position value
 		expect(prefix('grid-row:3;', 8)).to.equal([`-ms-grid-row:3;`, `grid-row:3;`].join(''))
 		expect(prefix('grid-row:17;', 8)).to.equal([`-ms-grid-row:17;`, `grid-row:17;`].join(''))
+		// grid-(column|row) - expand short hand
+		expect(prefix('grid-column:3 / 5;', 11)).to.equal([`-ms-grid-column:3;`, `-ms-grid-column-span:2;`, `grid-column:3 / 5;`].join(''))
+		expect(prefix('grid-column:3 / span 1;', 11)).to.equal([`-ms-grid-column:3;`, `-ms-grid-column-span:1;`, `grid-column:3 / span 1;`].join(''))
+		expect(prefix('grid-row:2 / 7;', 8)).to.equal([`-ms-grid-row:2;`, `-ms-grid-row-span:5;`, `grid-row:2 / 7;`].join(''))
+		expect(prefix('grid-row:2 / span 3;', 8)).to.equal([`-ms-grid-row:2;`, `-ms-grid-row-span:3;`, `grid-row:2 / span 3;`].join(''))
+		// grid-column - ignore non-numeric values (IE11 doesn't support line-names)
+		expect(prefix('grid-column:main-start / main-end;', 11)).to.equal([`grid-column:main-start / main-end;`].join(''))
+		expect(prefix('grid-row:main-start / main-end;', 11)).to.equal([`grid-row:main-start / main-end;`].join(''))
 	})
 })

From 9e61e05a04060ad397c951877dee311297825568 Mon Sep 17 00:00:00 2001
From: SukkaW <isukkaw@gmail.com>
Date: Fri, 25 Feb 2022 02:56:43 +0800
Subject: [PATCH 062/134] perf: remove unnecessary utilities

---
 src/Prefixer.js |  4 ++--
 src/Utility.js  | 16 ----------------
 2 files changed, 2 insertions(+), 18 deletions(-)

diff --git a/src/Prefixer.js b/src/Prefixer.js
index c99eb4c..c1b0637 100644
--- a/src/Prefixer.js
+++ b/src/Prefixer.js
@@ -1,5 +1,5 @@
 import { MS, MOZ, WEBKIT } from './Enum.js'
-import { hash, charat, strlen, indexof, replace, substr, sizeof, ispurenumber, match } from './Utility.js'
+import { hash, charat, strlen, indexof, replace, substr, sizeof, match } from './Utility.js'
 
 /**
  * @param {string} value
@@ -101,7 +101,7 @@ export function prefix(value, length) {
 		// grid-(column|row)
 		case 5152: case 5920:
 			// simple position value
-			if (ispurenumber(substr(value, length + 1, sizeof(value) - 1))) {
+			if (match(substr(value, length + 1, sizeof(value) - 1), /^\d+$/)) {
 				return MS + value + value
 			} else if (match(substr(value, length + 1, sizeof(value) - 1), /(\d)+\s*\/( ?span)?\s*(\d)+/)) {
 				return replace(substr(value, length + 1, sizeof(value) - 1), /(\d)+\s*\/( ?span)?\s*(\d)+/, (_, $1, $span, $3) => MS + substr(value, 0, length + 1) + $1 + ';' + MS + substr(value, 0, length) + '-span:' + ($span ? $3 : +$3 - +$1) + ';') + value
diff --git a/src/Utility.js b/src/Utility.js
index 235b623..62a81a7 100644
--- a/src/Utility.js
+++ b/src/Utility.js
@@ -113,19 +113,3 @@ export function append (value, array) {
 export function combine (array, callback) {
 	return array.map(callback).join('')
 }
-
-/**
- * @param {string} string
- * @return {boolean}
- */
-export function ispurenumber (string) {
-	return /^\d+$/.test(string)
-}
-
-/**
- * @param {string} string
- * @return {number}
- */
-export function tonumber (string) {
-	return +string
-}

From 817ff44b0bbc87f950e25b9e35f72d7531f2ee81 Mon Sep 17 00:00:00 2001
From: SukkaW <isukkaw@gmail.com>
Date: Fri, 25 Feb 2022 04:37:50 +0800
Subject: [PATCH 063/134] perf: use regex over array.indexof

Co-authored-by: thysultan <sultantarimo@me.com>
---
 src/Prefixer.js | 4 ++--
 src/Utility.js  | 2 +-
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/Prefixer.js b/src/Prefixer.js
index c1b0637..fc965bd 100644
--- a/src/Prefixer.js
+++ b/src/Prefixer.js
@@ -36,7 +36,7 @@ export function prefix(value, length) {
 		case 5443:
 			// center, end, start, stretch
 			return (
-				~indexof(['stretch', 'center', 'end', 'start'], substr(value, length + 1, sizeof(value) - 1))
+				match(substr(value, length + 1, sizeof(value) - 1), /^(center|end|start|stretch)$/)
 			)
 				? WEBKIT + value + MS + 'flex-item-' + replace(value, /flex-|-self/, '') + MS + 'grid-row-' + replace(value, /flex-|-self/, '') + value
 				: WEBKIT + value + MS + 'flex-item-' + replace(value, /flex-|-self/, '') + value
@@ -68,7 +68,7 @@ export function prefix(value, length) {
 		case 4200:
 			// center, end, start, stretch
 			if (
-				~indexof(['stretch', 'center', 'end', 'start'], substr(value, length + 1, sizeof(value) - 1))
+				match(substr(value, length + 1, sizeof(value) - 1), /^(center|end|start|stretch)$/)
 			) {
 				return MS + 'grid-column-align' + substr(value, length) + value
 			}
diff --git a/src/Utility.js b/src/Utility.js
index 62a81a7..a27883b 100644
--- a/src/Utility.js
+++ b/src/Utility.js
@@ -53,7 +53,7 @@ export function replace (value, pattern, replacement) {
 }
 
 /**
- * @param {string | string[]} value
+ * @param {string} value
  * @param {string} search
  * @return {number}
  */

From d04f7844fa320d84b9c377606d84556c58d02e5b Mon Sep 17 00:00:00 2001
From: Baoshuo Ren <i@baoshuo.ren>
Date: Fri, 25 Feb 2022 09:32:45 +0800
Subject: [PATCH 064/134] feat(prefix): add `scroll-snap`

---
 src/Prefixer.js  | 12 +++++++++---
 test/Prefixer.js |  9 +++++++++
 2 files changed, 18 insertions(+), 3 deletions(-)

diff --git a/src/Prefixer.js b/src/Prefixer.js
index 11b6121..a25fa73 100644
--- a/src/Prefixer.js
+++ b/src/Prefixer.js
@@ -1,12 +1,12 @@
-import {MS, MOZ, WEBKIT} from './Enum.js'
-import {hash, charat, strlen, indexof, replace} from './Utility.js'
+import { MS, MOZ, WEBKIT } from './Enum.js'
+import { hash, charat, strlen, indexof, replace } from './Utility.js'
 
 /**
  * @param {string} value
  * @param {number} length
  * @return {string}
  */
-export function prefix (value, length) {
+export function prefix(value, length) {
 	switch (hash(value, length)) {
 		// color-adjust
 		case 5103:
@@ -113,6 +113,12 @@ export function prefix (value, length) {
 			}
 
 			return WEBKIT + value + MS + value + value
+		// scroll-snap-type
+		case 2903:
+			return WEBKIT + value + MS + value + value
+		// scroll-margin, scroll-margin-(top|right|bottom|left)
+		case 5719: case 2647: case 2135: case 3927: case 2391:
+			return replace(value, 'scroll-margin', 'scroll-snap-margin') + value
 	}
 
 	return value
diff --git a/test/Prefixer.js b/test/Prefixer.js
index 6dcf9d2..b2a1df5 100644
--- a/test/Prefixer.js
+++ b/test/Prefixer.js
@@ -186,4 +186,13 @@ describe('Prefixer', () => {
 			`animation-timing-function:cubic-bezier(0.1,0.7,1.0,0.1);`
 		].join(''))
 	})
+
+	test('scroll-snap', () => {
+		expect(prefix(`scroll-snap-type:none;`, 16)).to.equal([`-webkit-scroll-snap-type:none;`, `-ms-scroll-snap-type:none;`, `scroll-snap-type:none;`].join(''))
+		expect(prefix(`scroll-margin:0;`, 13)).to.equal([`scroll-snap-margin:0;`, `scroll-margin:0;`].join(''))
+		expect(prefix(`scroll-margin-top:0;`, 17)).to.equal([`scroll-snap-margin-top:0;`, `scroll-margin-top:0;`].join(''))
+		expect(prefix(`scroll-margin-right:0;`, 19)).to.equal([`scroll-snap-margin-right:0;`, `scroll-margin-right:0;`].join(''))
+		expect(prefix(`scroll-margin-bottom:0;`, 20)).to.equal([`scroll-snap-margin-bottom:0;`, `scroll-margin-bottom:0;`].join(''))
+		expect(prefix(`scroll-margin-left:0;`, 18)).to.equal([`scroll-snap-margin-left:0;`, `scroll-margin-left:0;`].join(''))
+	})
 })

From 06af540c1378fce7a81ed3f10c73f7361a92d57c Mon Sep 17 00:00:00 2001
From: SukkaW <isukkaw@gmail.com>
Date: Fri, 25 Feb 2022 18:14:08 +0800
Subject: [PATCH 065/134] perf: further reduce the size

Use ternary expressions to avoid duplicated statements
---
 src/Prefixer.js | 18 +++++++++---------
 1 file changed, 9 insertions(+), 9 deletions(-)

diff --git a/src/Prefixer.js b/src/Prefixer.js
index fc965bd..cd9eaaa 100644
--- a/src/Prefixer.js
+++ b/src/Prefixer.js
@@ -34,12 +34,14 @@ export function prefix(value, length) {
 			return WEBKIT + value + replace(value, /(\w+).+(:[^]+)/, WEBKIT + 'box-$1$2' + MS + 'flex-$1$2') + value
 		// align-self
 		case 5443:
-			// center, end, start, stretch
-			return (
-				match(substr(value, length + 1, sizeof(value) - 1), /^(center|end|start|stretch)$/)
-			)
-				? WEBKIT + value + MS + 'flex-item-' + replace(value, /flex-|-self/, '') + MS + 'grid-row-' + replace(value, /flex-|-self/, '') + value
-				: WEBKIT + value + MS + 'flex-item-' + replace(value, /flex-|-self/, '') + value
+			return WEBKIT + value + MS + 'flex-item-' + replace(value, /flex-|-self/, '')
+				+ (
+					// center, end, start, stretch
+					match(substr(value, length + 1, sizeof(value) - 1), /^(center|end|start|stretch)$/)
+						? MS + 'grid-row-' + replace(value, /flex-|-self/, '')
+						: ''
+				)
+				+ value
 		// align-content
 		case 4675:
 			return WEBKIT + value + MS + 'flex-line-pack' + replace(value, /align-content|flex-|-self/, '') + value
@@ -69,9 +71,7 @@ export function prefix(value, length) {
 			// center, end, start, stretch
 			if (
 				match(substr(value, length + 1, sizeof(value) - 1), /^(center|end|start|stretch)$/)
-			) {
-				return MS + 'grid-column-align' + substr(value, length) + value
-			}
+			) return MS + 'grid-column-align' + substr(value, length) + value
 		// grid-template-(columns|rows)
 		case 2592: case 3360:
 			return MS + replace(value, 'template-', '') + value

From e25d2ce566c947fce34e783f4460059d4241e9c3 Mon Sep 17 00:00:00 2001
From: SukkaW <isukkaw@gmail.com>
Date: Sat, 26 Feb 2022 02:20:05 +0800
Subject: [PATCH 066/134] perf: simplify align-self & justify-self match

---
 src/Prefixer.js  | 4 ++--
 test/Prefixer.js | 2 ++
 2 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/src/Prefixer.js b/src/Prefixer.js
index cd9eaaa..9015a6d 100644
--- a/src/Prefixer.js
+++ b/src/Prefixer.js
@@ -37,7 +37,7 @@ export function prefix(value, length) {
 			return WEBKIT + value + MS + 'flex-item-' + replace(value, /flex-|-self/, '')
 				+ (
 					// center, end, start, stretch
-					match(substr(value, length + 1, sizeof(value) - 1), /^(center|end|start|stretch)$/)
+					match(value, /(cen|end|sta|str)/) && !~indexof(value, 'flex-')
 						? MS + 'grid-row-' + replace(value, /flex-|-self/, '')
 						: ''
 				)
@@ -70,7 +70,7 @@ export function prefix(value, length) {
 		case 4200:
 			// center, end, start, stretch
 			if (
-				match(substr(value, length + 1, sizeof(value) - 1), /^(center|end|start|stretch)$/)
+				match(value, /(cen|end|sta|str)/) && !~indexof(value, 'flex-')
 			) return MS + 'grid-column-align' + substr(value, length) + value
 		// grid-template-(columns|rows)
 		case 2592: case 3360:
diff --git a/test/Prefixer.js b/test/Prefixer.js
index 1300407..c9026ca 100644
--- a/test/Prefixer.js
+++ b/test/Prefixer.js
@@ -191,7 +191,9 @@ describe('Prefixer', () => {
 		expect(prefix('display:grid;', 7)).to.equal([`display:-ms-grid;`, `display:grid;`].join(''))
 		expect(prefix('display:inline-grid;', 7)).to.equal([`display:-ms-inline-grid;`, `display:inline-grid;`].join(''))
 		expect(prefix('align-self:stretch;', 10)).to.equal([`-webkit-align-self:stretch;`, `-ms-flex-item-align:stretch;`, `-ms-grid-row-align:stretch;`, `align-self:stretch;`].join(''))
+		expect(prefix('align-self:start;', 10)).to.equal([`-webkit-align-self:start;`, `-ms-flex-item-align:start;`, `-ms-grid-row-align:start;`, `align-self:start;`].join(''))
 		expect(prefix('justify-self:end;', 12)).to.equal([`-ms-grid-column-align:end;`, `justify-self:end;`].join(''))
+		expect(prefix('justify-self:self-end;', 12)).to.equal([`-ms-grid-column-align:self-end;`, `justify-self:self-end;`].join(''))
 		expect(prefix('grid-template-columns:1fr auto;', 21)).to.equal([`-ms-grid-columns:1fr auto;`, `grid-template-columns:1fr auto;`].join(''))
 		expect(prefix('grid-template-columns:1fr [header content] auto;', 21)).to.equal([`-ms-grid-columns:1fr [header content] auto;`, `grid-template-columns:1fr [header content] auto;`].join(''))
 		expect(prefix('grid-template-rows:1fr auto;', 18)).to.equal([`-ms-grid-rows:1fr auto;`, `grid-template-rows:1fr auto;`].join(''))

From c4dc0ceadcfc2a7f85ea5e247d0b7aead72d2725 Mon Sep 17 00:00:00 2001
From: SukkaW <isukkaw@gmail.com>
Date: Sat, 26 Feb 2022 02:29:49 +0800
Subject: [PATCH 067/134] fix: -ms- flexbox shouldn't have `flex` in value

---
 src/Prefixer.js  | 6 +++---
 test/Prefixer.js | 8 ++++----
 2 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/src/Prefixer.js b/src/Prefixer.js
index 9015a6d..406ae15 100644
--- a/src/Prefixer.js
+++ b/src/Prefixer.js
@@ -34,17 +34,17 @@ export function prefix(value, length) {
 			return WEBKIT + value + replace(value, /(\w+).+(:[^]+)/, WEBKIT + 'box-$1$2' + MS + 'flex-$1$2') + value
 		// align-self
 		case 5443:
-			return WEBKIT + value + MS + 'flex-item-' + replace(value, /flex-|-self/, '')
+			return WEBKIT + value + MS + 'flex-item-' + replace(value, /flex-|-self/g, '')
 				+ (
 					// center, end, start, stretch
 					match(value, /(cen|end|sta|str)/) && !~indexof(value, 'flex-')
-						? MS + 'grid-row-' + replace(value, /flex-|-self/, '')
+						? MS + 'grid-row-' + replace(value, /flex-|-self/g, '')
 						: ''
 				)
 				+ value
 		// align-content
 		case 4675:
-			return WEBKIT + value + MS + 'flex-line-pack' + replace(value, /align-content|flex-|-self/, '') + value
+			return WEBKIT + value + MS + 'flex-line-pack' + replace(value, /align-content|flex-|-self/g, '') + value
 		// flex-shrink
 		case 5548:
 			return WEBKIT + value + MS + replace(value, 'shrink', 'negative') + value
diff --git a/test/Prefixer.js b/test/Prefixer.js
index c9026ca..5386acd 100644
--- a/test/Prefixer.js
+++ b/test/Prefixer.js
@@ -10,11 +10,11 @@ describe('Prefixer', () => {
 		expect(prefix(`flex-shrink:none;`, 11)).to.equal([`-webkit-flex-shrink:none;`, `-ms-flex-negative:none;`, `flex-shrink:none;`].join(''))
 		expect(prefix(`flex-basis:none;`, 10)).to.equal([`-webkit-flex-basis:none;`, `-ms-flex-preferred-size:none;`, `flex-basis:none;`].join(''))
 		expect(prefix(`align-self:value;`, 10)).to.equal([`-webkit-align-self:value;`, `-ms-flex-item-align:value;`, `align-self:value;`].join(''))
-		expect(prefix(`align-self:flex-start;`, 10)).to.equal([`-webkit-align-self:flex-start;`, `-ms-flex-item-align:flex-start;`, `align-self:flex-start;`].join(''))
-		expect(prefix(`align-self:flex-end;`, 10)).to.equal([`-webkit-align-self:flex-end;`, `-ms-flex-item-align:flex-end;`, `align-self:flex-end;`].join(''))
+		expect(prefix(`align-self:flex-start;`, 10)).to.equal([`-webkit-align-self:flex-start;`, `-ms-flex-item-align:start;`, `align-self:flex-start;`].join(''))
+		expect(prefix(`align-self:flex-end;`, 10)).to.equal([`-webkit-align-self:flex-end;`, `-ms-flex-item-align:end;`, `align-self:flex-end;`].join(''))
 		expect(prefix(`align-content:value;`, 13)).to.equal([`-webkit-align-content:value;`, `-ms-flex-line-pack:value;`, `align-content:value;`].join(''))
-		expect(prefix(`align-content:flex-start;`, 13)).to.equal([`-webkit-align-content:flex-start;`, `-ms-flex-line-pack:flex-start;`, `align-content:flex-start;`].join(''))
-		expect(prefix(`align-content:flex-end;`, 13)).to.equal([`-webkit-align-content:flex-end;`, `-ms-flex-line-pack:flex-end;`, `align-content:flex-end;`].join(''))
+		expect(prefix(`align-content:flex-start;`, 13)).to.equal([`-webkit-align-content:flex-start;`, `-ms-flex-line-pack:start;`, `align-content:flex-start;`].join(''))
+		expect(prefix(`align-content:flex-end;`, 13)).to.equal([`-webkit-align-content:flex-end;`, `-ms-flex-line-pack:end;`, `align-content:flex-end;`].join(''))
 		expect(prefix(`align-items:value;`, 11)).to.equal([`-webkit-align-items:value;`, `-webkit-box-align:value;`, `-ms-flex-align:value;`, `align-items:value;`].join(''))
 		expect(prefix(`justify-content:flex-end;`, 15)).to.equal([`-webkit-box-pack:end;`, `-ms-flex-pack:end;`, `-webkit-justify-content:flex-end;`, `justify-content:flex-end;`].join(''))
 		expect(prefix(`justify-content:flex-start;`, 15)).to.equal([`-webkit-box-pack:start;`, `-ms-flex-pack:start;`, `-webkit-justify-content:flex-start;`, `justify-content:flex-start;`].join(''))

From 5911cf17ee6fb1fea14f77064ba7baa0f265726e Mon Sep 17 00:00:00 2001
From: SukkaW <isukkaw@gmail.com>
Date: Sat, 26 Feb 2022 03:03:36 +0800
Subject: [PATCH 068/134] test: add cases for grid-(column|row)-(start|end)

---
 test/Middleware.js | 21 +++++++++++++++++++++
 1 file changed, 21 insertions(+)

diff --git a/test/Middleware.js b/test/Middleware.js
index 596c8e9..e3b75cb 100644
--- a/test/Middleware.js
+++ b/test/Middleware.js
@@ -88,5 +88,26 @@ describe('Middleware', () => {
       `:-moz-read-write{background-color:hotpink;}`,
       `:read-write{background-color:hotpink;}`
     ].join(''))
+
+    // grid-(column|row)-(start|end)
+    expect(serialize(compile(`.test{grid-row-start:3;}`), middleware([prefixer, stringify]))).to.equal([
+      `.test{-ms-grid-row:3;grid-row-start:3;}`
+    ].join(''))
+    expect(serialize(compile(`.test{grid-row-start:span 3;}`), middleware([prefixer, stringify]))).to.equal([
+      `.test{-ms-grid-row:span 3;grid-row-start:span 3;}`
+    ].join(''))
+    expect(serialize(compile(`.test{grid-row-end:3;}`), middleware([prefixer, stringify]))).to.equal([
+      `.test{-ms-grid-row-span:3;grid-row-end:3;}`
+    ].join(''))
+    expect(serialize(compile(`.test{grid-row-end:span 3;}`), middleware([prefixer, stringify]))).to.equal([
+      `.test{-ms-grid-row-span:3;grid-row-end:span 3;}`
+    ].join(''))
+    expect(serialize(compile(`.test{grid-row-start:3;grid-row-end:5;}`), middleware([prefixer, stringify]))).to.equal([
+      `.test{-ms-grid-row:3;grid-row-start:3;-ms-grid-row-span:2;grid-row-end:5;}`
+    ].join(''))
+    // should not prefix a cell with non-numerical position values
+    expect(serialize(compile(`.test{grid-row-start:span 3;grid-row-end:5;}`), middleware([prefixer, stringify]))).to.equal([
+      `.test{grid-row-start:span 3;grid-row-end:5;}`
+    ].join(''))
   })
 })

From 3d9818db3c935b8de1018d1ba7ef79abb784e7a2 Mon Sep 17 00:00:00 2001
From: SukkaW <isukkaw@gmail.com>
Date: Sat, 26 Feb 2022 03:49:31 +0800
Subject: [PATCH 069/134] feat(#119): implement grid-(column|row)-(start|end)

---
 src/Middleware.js | 32 +++++++++++++++++++++++++++++++-
 1 file changed, 31 insertions(+), 1 deletion(-)

diff --git a/src/Middleware.js b/src/Middleware.js
index 455a863..f2a88f8 100644
--- a/src/Middleware.js
+++ b/src/Middleware.js
@@ -43,7 +43,37 @@ export function prefixer (element, index, children, callback) {
 	if (element.length > -1)
 		if (!element.return)
 			switch (element.type) {
-				case DECLARATION: element.return = prefix(element.value, element.length)
+				case DECLARATION:
+					switch (element.props) {
+						case 'grid-row-start': case 'grid-column-start':
+							var end
+							if (
+								end = element	&& element.parent && element.parent.children && element.parent.children.find(
+									item => item.type === DECLARATION && match(item.props, /grid-(row|column)-end/)
+								)
+							) {
+								element.return = match(element.value, /span/)
+									? element.value
+									: (
+										MS + replace(element.value, '-start', '')
+										+ element.value
+										+ MS + 'grid-row-span:' + (+match(end.value, /\d+/) - +match(element.value, /\d+/)) + ';'
+									)
+							} else {
+								element.return = MS + replace(element.value, '-start', '') + element.value
+							}
+							break
+						case 'grid-row-end': case 'grid-column-end':
+							element.return = element && element.parent && element.parent.children && element.parent.children.some(
+								item => item.type === DECLARATION && match(item.props, /grid-(row|column)-start/)
+							)
+								? element.value
+								: MS + replace(replace(element.value, '-end', '-span'), 'span ', '') + element.value
+							break
+						default:
+							element.return = prefix(element.value, element.length)
+							break
+					}
 					break
 				case KEYFRAMES:
 					return serialize([copy(element, {value: replace(element.value, '@', '@' + WEBKIT)})], callback)

From eed3e85e0e5389ac9bf3fddefe09ca9f04764eb7 Mon Sep 17 00:00:00 2001
From: SukkaW <isukkaw@gmail.com>
Date: Sat, 26 Feb 2022 04:15:50 +0800
Subject: [PATCH 070/134] fix: an edge case that grid-row-end has span

---
 src/Middleware.js  | 17 +++++++++++------
 test/Middleware.js |  3 +++
 2 files changed, 14 insertions(+), 6 deletions(-)

diff --git a/src/Middleware.js b/src/Middleware.js
index f2a88f8..f9b4ae3 100644
--- a/src/Middleware.js
+++ b/src/Middleware.js
@@ -1,5 +1,5 @@
 import {MS, MOZ, WEBKIT, RULESET, KEYFRAMES, DECLARATION} from './Enum.js'
-import {match, charat, substr, strlen, sizeof, replace, combine} from './Utility.js'
+import {match, charat, substr, strlen, sizeof, replace, combine, indexof} from './Utility.js'
 import {copy, tokenize} from './Tokenizer.js'
 import {serialize} from './Serializer.js'
 import {prefix} from './Prefixer.js'
@@ -47,17 +47,22 @@ export function prefixer (element, index, children, callback) {
 					switch (element.props) {
 						case 'grid-row-start': case 'grid-column-start':
 							var end
+							// has corresponding grid-(column|row)-end
 							if (
-								end = element	&& element.parent && element.parent.children && element.parent.children.find(
+								end = element && element.parent && element.parent.children && element.parent.children.find(
 									item => item.type === DECLARATION && match(item.props, /grid-(row|column)-end/)
 								)
 							) {
-								element.return = match(element.value, /span/)
-									? element.value
+								element.return = ~indexof(element.value + end.value, 'span')
+									? element.value // do not prefix a cell with non-numerical position values
 									: (
 										MS + replace(element.value, '-start', '')
 										+ element.value
-										+ MS + 'grid-row-span:' + (+match(end.value, /\d+/) - +match(element.value, /\d+/)) + ';'
+										+ MS + 'grid-row-span:' + (
+											~indexof(end.value, 'span')
+												? match(end.value, /\d+/)
+												: +match(end.value, /\d+/) - +match(element.value, /\d+/)
+										) + ';'
 									)
 							} else {
 								element.return = MS + replace(element.value, '-start', '') + element.value
@@ -67,7 +72,7 @@ export function prefixer (element, index, children, callback) {
 							element.return = element && element.parent && element.parent.children && element.parent.children.some(
 								item => item.type === DECLARATION && match(item.props, /grid-(row|column)-start/)
 							)
-								? element.value
+								? element.value // has corresponding grid-(column|row)-start, where -ms-grid-(row|column)-span will be handle
 								: MS + replace(replace(element.value, '-end', '-span'), 'span ', '') + element.value
 							break
 						default:
diff --git a/test/Middleware.js b/test/Middleware.js
index e3b75cb..a53ff11 100644
--- a/test/Middleware.js
+++ b/test/Middleware.js
@@ -106,6 +106,9 @@ describe('Middleware', () => {
       `.test{-ms-grid-row:3;grid-row-start:3;-ms-grid-row-span:2;grid-row-end:5;}`
     ].join(''))
     // should not prefix a cell with non-numerical position values
+    expect(serialize(compile(`.test{grid-row-start:3;grid-row-end:span 5;}`), middleware([prefixer, stringify]))).to.equal([
+      `.test{grid-row-start:3;grid-row-end:span 5;}`
+    ].join(''))
     expect(serialize(compile(`.test{grid-row-start:span 3;grid-row-end:5;}`), middleware([prefixer, stringify]))).to.equal([
       `.test{grid-row-start:span 3;grid-row-end:5;}`
     ].join(''))

From 9d75d63281487ca14f08ff4f0a933897914913ee Mon Sep 17 00:00:00 2001
From: Baoshuo Ren <i@baoshuo.ren>
Date: Sat, 26 Feb 2022 08:23:05 +0800
Subject: [PATCH 071/134] perf: reduce bundle size

Co-authored-by: Sukka <isukkaw@gmail.com>
---
 src/Prefixer.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/Prefixer.js b/src/Prefixer.js
index a25fa73..ca02da6 100644
--- a/src/Prefixer.js
+++ b/src/Prefixer.js
@@ -118,7 +118,7 @@ export function prefix(value, length) {
 			return WEBKIT + value + MS + value + value
 		// scroll-margin, scroll-margin-(top|right|bottom|left)
 		case 5719: case 2647: case 2135: case 3927: case 2391:
-			return replace(value, 'scroll-margin', 'scroll-snap-margin') + value
+			return replace(value, 'scroll-', 'scroll-snap-') + value
 	}
 
 	return value

From 5e8ea459ade1223e7b0401a9dbe5797c4faab29c Mon Sep 17 00:00:00 2001
From: SukkaW <isukkaw@gmail.com>
Date: Sun, 27 Feb 2022 02:31:49 +0800
Subject: [PATCH 072/134] refactor(prefix): simplify grid-(column|row)

---
 src/Prefixer.js | 36 +++++++++++++++++++++++++++++-------
 1 file changed, 29 insertions(+), 7 deletions(-)

diff --git a/src/Prefixer.js b/src/Prefixer.js
index 406ae15..7c9ac59 100644
--- a/src/Prefixer.js
+++ b/src/Prefixer.js
@@ -1,5 +1,5 @@
 import { MS, MOZ, WEBKIT } from './Enum.js'
-import { hash, charat, strlen, indexof, replace, substr, sizeof, match } from './Utility.js'
+import { hash, charat, strlen, indexof, replace, substr, match } from './Utility.js'
 
 /**
  * @param {string} value
@@ -100,12 +100,34 @@ export function prefix(value, length) {
 			break
 		// grid-(column|row)
 		case 5152: case 5920:
-			// simple position value
-			if (match(substr(value, length + 1, sizeof(value) - 1), /^\d+$/)) {
-				return MS + value + value
-			} else if (match(substr(value, length + 1, sizeof(value) - 1), /(\d)+\s*\/( ?span)?\s*(\d)+/)) {
-				return replace(substr(value, length + 1, sizeof(value) - 1), /(\d)+\s*\/( ?span)?\s*(\d)+/, (_, $1, $span, $3) => MS + substr(value, 0, length + 1) + $1 + ';' + MS + substr(value, 0, length) + '-span:' + ($span ? $3 : +$3 - +$1) + ';') + value
-			}
+			return (
+				match(value, /(\d+)(\s*\/\s*(span)?\s*(\d+))?/) // only prefix if it matches the prefixable syntax
+					? (
+						MS + replace(
+							value,
+							/(\d+)(\s*\/\s*(span)?\s*(\d+))?/,
+							// $1: (3) / span 5 - simple position or the first part of the complex position
+							// $2: 3( / span 5) - is complex position
+							// $3: 3 / (span) 5 - has span in the complex position
+							// $4: 3 / span (5) - the second part of the complex position
+							(_, $1, $2, $3, $4) => $1
+								+ (
+									$2
+										// is complex position
+										? (
+											';' + MS + substr(value, 0, length) + '-span:' + (
+												$3
+													? $4 // has span
+													: +$4 - +$1 // has no span
+											)
+										)
+										// is simple position value (pure number)
+										: ''
+								)
+						)
+					)
+					: ''
+			)	+ value
 		// position: sticky
 		case 4949:
 			// (s)ticky?

From dfae388c1aed4508b229515ff4e91fe70492f766 Mon Sep 17 00:00:00 2001
From: SukkaW <isukkaw@gmail.com>
Date: Thu, 3 Mar 2022 03:36:31 +0800
Subject: [PATCH 073/134] style: match the project

---
 src/Prefixer.js  | 6 +++---
 test/Prefixer.js | 2 +-
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/Prefixer.js b/src/Prefixer.js
index 7c9ac59..042e41c 100644
--- a/src/Prefixer.js
+++ b/src/Prefixer.js
@@ -1,12 +1,12 @@
-import { MS, MOZ, WEBKIT } from './Enum.js'
-import { hash, charat, strlen, indexof, replace, substr, match } from './Utility.js'
+import {MS, MOZ, WEBKIT} from './Enum.js'
+import {hash, charat, strlen, indexof, replace, substr, match} from './Utility.js'
 
 /**
  * @param {string} value
  * @param {number} length
  * @return {string}
  */
-export function prefix(value, length) {
+export function prefix (value, length) {
 	switch (hash(value, length)) {
 		// color-adjust
 		case 5103:
diff --git a/test/Prefixer.js b/test/Prefixer.js
index 5386acd..c031590 100644
--- a/test/Prefixer.js
+++ b/test/Prefixer.js
@@ -1,4 +1,4 @@
-import { prefix } from "../index.js"
+import {prefix} from "../index.js"
 
 describe('Prefixer', () => {
 	test('flex-box', () => {

From c60d3ca2a763e7234c7df97c0864479fc79df57f Mon Sep 17 00:00:00 2001
From: Baoshuo Ren <i@baoshuo.ren>
Date: Thu, 3 Mar 2022 07:11:56 +0800
Subject: [PATCH 074/134] fix: style

---
 src/Prefixer.js | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/Prefixer.js b/src/Prefixer.js
index ca02da6..231d522 100644
--- a/src/Prefixer.js
+++ b/src/Prefixer.js
@@ -1,12 +1,12 @@
-import { MS, MOZ, WEBKIT } from './Enum.js'
-import { hash, charat, strlen, indexof, replace } from './Utility.js'
+import {MS, MOZ, WEBKIT} from './Enum.js'
+import {hash, charat, strlen, indexof, replace} from './Utility.js'
 
 /**
  * @param {string} value
  * @param {number} length
  * @return {string}
  */
-export function prefix(value, length) {
+export function prefix (value, length) {
 	switch (hash(value, length)) {
 		// color-adjust
 		case 5103:

From 20769b673c4fc1eb38a5aec073f20ea8d8c45fe2 Mon Sep 17 00:00:00 2001
From: Sultan <810601+thysultan@users.noreply.github.com>
Date: Sat, 5 Mar 2022 20:51:00 +0300
Subject: [PATCH 075/134] add failing test for !important grid-col/row rule

- fix justify-self:flex-start getting grid prefixes.
---
 src/Prefixer.js  | 18 ++++++------------
 test/Prefixer.js |  5 +++++
 2 files changed, 11 insertions(+), 12 deletions(-)

diff --git a/src/Prefixer.js b/src/Prefixer.js
index 042e41c..5293535 100644
--- a/src/Prefixer.js
+++ b/src/Prefixer.js
@@ -34,14 +34,7 @@ export function prefix (value, length) {
 			return WEBKIT + value + replace(value, /(\w+).+(:[^]+)/, WEBKIT + 'box-$1$2' + MS + 'flex-$1$2') + value
 		// align-self
 		case 5443:
-			return WEBKIT + value + MS + 'flex-item-' + replace(value, /flex-|-self/g, '')
-				+ (
-					// center, end, start, stretch
-					match(value, /(cen|end|sta|str)/) && !~indexof(value, 'flex-')
-						? MS + 'grid-row-' + replace(value, /flex-|-self/g, '')
-						: ''
-				)
-				+ value
+			return WEBKIT + value + MS + 'flex-item-' + replace(value, /flex-|-self/g, '') + (match(value, /(center|end|start|stretch)/) && !~indexof(value, 'flex-') ? MS + 'grid-row-' + replace(value, /flex-|-self/g, '') : '') + value
 		// align-content
 		case 4675:
 			return WEBKIT + value + MS + 'flex-line-pack' + replace(value, /align-content|flex-|-self/g, '') + value
@@ -68,10 +61,8 @@ export function prefix (value, length) {
 			return replace(replace(value, /(.+:)(flex-)?(.*)/, WEBKIT + 'box-pack:$3' + MS + 'flex-pack:$3'), /s.+-b[^;]+/, 'justify') + WEBKIT + value + value
 		// justify-self
 		case 4200:
-			// center, end, start, stretch
-			if (
-				match(value, /(cen|end|sta|str)/) && !~indexof(value, 'flex-')
-			) return MS + 'grid-column-align' + substr(value, length) + value
+			if (match(value, /(center|end|start|stretch)/) && !~indexof(value, 'flex-')) return MS + 'grid-column-align' + substr(value, length) + value
+			break
 		// grid-template-(columns|rows)
 		case 2592: case 3360:
 			return MS + replace(value, 'template-', '') + value
@@ -100,6 +91,9 @@ export function prefix (value, length) {
 			break
 		// grid-(column|row)
 		case 5152: case 5920:
+			// commented also has the same issue
+			// return replace(value, /(.+?):(\d+)(\s*\/\s*(span)?\s*(\d+))?(.*)/, function (_, a, b, c, d, e, f) { return (MS + a + ':') + b + (c ? (';' + MS + a + '-span:' + (d ? e : +e - +b)) : '') + f + value })
+			// return replace(MS + value, /(\d+)(\s*\/\s*(span)?\s*(\d+))?/, function (_, a, b, c, d) { return a + (b ? (';' + MS + substr(value, 0, length) + '-span:' + (c ? d : +d - +a)) : '') }) + value
 			return (
 				match(value, /(\d+)(\s*\/\s*(span)?\s*(\d+))?/) // only prefix if it matches the prefixable syntax
 					? (
diff --git a/test/Prefixer.js b/test/Prefixer.js
index c031590..456438e 100644
--- a/test/Prefixer.js
+++ b/test/Prefixer.js
@@ -192,8 +192,10 @@ describe('Prefixer', () => {
 		expect(prefix('display:inline-grid;', 7)).to.equal([`display:-ms-inline-grid;`, `display:inline-grid;`].join(''))
 		expect(prefix('align-self:stretch;', 10)).to.equal([`-webkit-align-self:stretch;`, `-ms-flex-item-align:stretch;`, `-ms-grid-row-align:stretch;`, `align-self:stretch;`].join(''))
 		expect(prefix('align-self:start;', 10)).to.equal([`-webkit-align-self:start;`, `-ms-flex-item-align:start;`, `-ms-grid-row-align:start;`, `align-self:start;`].join(''))
+		expect(prefix('align-self:flex-start;', 12)).to.equal([`align-self:flex-start;`].join(''))
 		expect(prefix('justify-self:end;', 12)).to.equal([`-ms-grid-column-align:end;`, `justify-self:end;`].join(''))
 		expect(prefix('justify-self:self-end;', 12)).to.equal([`-ms-grid-column-align:self-end;`, `justify-self:self-end;`].join(''))
+		expect(prefix('justify-self:flex-start;', 12)).to.equal([`justify-self:flex-start;`].join(''))
 		expect(prefix('grid-template-columns:1fr auto;', 21)).to.equal([`-ms-grid-columns:1fr auto;`, `grid-template-columns:1fr auto;`].join(''))
 		expect(prefix('grid-template-columns:1fr [header content] auto;', 21)).to.equal([`-ms-grid-columns:1fr [header content] auto;`, `grid-template-columns:1fr [header content] auto;`].join(''))
 		expect(prefix('grid-template-rows:1fr auto;', 18)).to.equal([`-ms-grid-rows:1fr auto;`, `grid-template-rows:1fr auto;`].join(''))
@@ -207,8 +209,11 @@ describe('Prefixer', () => {
 		expect(prefix('grid-column:3 / span 1;', 11)).to.equal([`-ms-grid-column:3;`, `-ms-grid-column-span:1;`, `grid-column:3 / span 1;`].join(''))
 		expect(prefix('grid-row:2 / 7;', 8)).to.equal([`-ms-grid-row:2;`, `-ms-grid-row-span:5;`, `grid-row:2 / 7;`].join(''))
 		expect(prefix('grid-row:2 / span 3;', 8)).to.equal([`-ms-grid-row:2;`, `-ms-grid-row-span:3;`, `grid-row:2 / span 3;`].join(''))
+		expect(prefix('grid-row:2 / span 3!important;', 8)).to.equal([`-ms-grid-row:2!important;`, `-ms-grid-row-span:3!important;`, `grid-row:2 / span 3!important;`].join(''))
 		// grid-column - ignore non-numeric values (IE11 doesn't support line-names)
 		expect(prefix('grid-column:main-start / main-end;', 11)).to.equal([`grid-column:main-start / main-end;`].join(''))
 		expect(prefix('grid-row:main-start / main-end;', 11)).to.equal([`grid-row:main-start / main-end;`].join(''))
+		expect(prefix('grid-row:main-start / main-end!important;', 11)).to.equal([`grid-row:main-start / main-end!important;`].join(''))
+
 	})
 })

From ea82c137ccb52fe0698a4e98a5dd56c66e14b1af Mon Sep 17 00:00:00 2001
From: Sultan <810601+thysultan@users.noreply.github.com>
Date: Sat, 5 Mar 2022 22:25:39 +0300
Subject: [PATCH 076/134] Update Prefixer.js

the following fixes the previous failing test, and uses only 1 regex, is there still space for improvement? will think on it.
---
 src/Prefixer.js | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/Prefixer.js b/src/Prefixer.js
index 5293535..49a54a2 100644
--- a/src/Prefixer.js
+++ b/src/Prefixer.js
@@ -91,10 +91,10 @@ export function prefix (value, length) {
 			break
 		// grid-(column|row)
 		case 5152: case 5920:
+			return replace(value, /(.+?):(\d+)(\s*\/\s*(span)?\s*(\d+))?(.*)/, function (_, a, b, c, d, e, f) { return (MS + a + ':' + b + f) + (c ? (MS + a + '-span:' + (d ? e : +e - +b)) + f : '') + value })
 			// commented also has the same issue
-			// return replace(value, /(.+?):(\d+)(\s*\/\s*(span)?\s*(\d+))?(.*)/, function (_, a, b, c, d, e, f) { return (MS + a + ':') + b + (c ? (';' + MS + a + '-span:' + (d ? e : +e - +b)) : '') + f + value })
 			// return replace(MS + value, /(\d+)(\s*\/\s*(span)?\s*(\d+))?/, function (_, a, b, c, d) { return a + (b ? (';' + MS + substr(value, 0, length) + '-span:' + (c ? d : +d - +a)) : '') }) + value
-			return (
+			/*return (
 				match(value, /(\d+)(\s*\/\s*(span)?\s*(\d+))?/) // only prefix if it matches the prefixable syntax
 					? (
 						MS + replace(
@@ -121,7 +121,7 @@ export function prefix (value, length) {
 						)
 					)
 					: ''
-			)	+ value
+			)	+ value*/
 		// position: sticky
 		case 4949:
 			// (s)ticky?

From 5f9aaf20db9f18b9110bee4850e472994a212b01 Mon Sep 17 00:00:00 2001
From: SukkaW <isukkaw@gmail.com>
Date: Fri, 11 Mar 2022 18:20:04 +0800
Subject: [PATCH 077/134] fix(grid): only treat flex-|baseline as flexbox
 values

---
 src/Prefixer.js  | 4 ++--
 test/Prefixer.js | 7 ++++++-
 2 files changed, 8 insertions(+), 3 deletions(-)

diff --git a/src/Prefixer.js b/src/Prefixer.js
index 49a54a2..34bddfe 100644
--- a/src/Prefixer.js
+++ b/src/Prefixer.js
@@ -34,7 +34,7 @@ export function prefix (value, length) {
 			return WEBKIT + value + replace(value, /(\w+).+(:[^]+)/, WEBKIT + 'box-$1$2' + MS + 'flex-$1$2') + value
 		// align-self
 		case 5443:
-			return WEBKIT + value + MS + 'flex-item-' + replace(value, /flex-|-self/g, '') + (match(value, /(center|end|start|stretch)/) && !~indexof(value, 'flex-') ? MS + 'grid-row-' + replace(value, /flex-|-self/g, '') : '') + value
+			return WEBKIT + value + MS + 'flex-item-' + replace(value, /flex-|-self/g, '') + (!match(value, /flex-|baseline/) ? MS + 'grid-row-' + replace(value, /flex-|-self/g, '') : '') + value
 		// align-content
 		case 4675:
 			return WEBKIT + value + MS + 'flex-line-pack' + replace(value, /align-content|flex-|-self/g, '') + value
@@ -61,7 +61,7 @@ export function prefix (value, length) {
 			return replace(replace(value, /(.+:)(flex-)?(.*)/, WEBKIT + 'box-pack:$3' + MS + 'flex-pack:$3'), /s.+-b[^;]+/, 'justify') + WEBKIT + value + value
 		// justify-self
 		case 4200:
-			if (match(value, /(center|end|start|stretch)/) && !~indexof(value, 'flex-')) return MS + 'grid-column-align' + substr(value, length) + value
+			if (!match(value, /flex-|baseline/)) return MS + 'grid-column-align' + substr(value, length) + value
 			break
 		// grid-template-(columns|rows)
 		case 2592: case 3360:
diff --git a/test/Prefixer.js b/test/Prefixer.js
index 456438e..c37d942 100644
--- a/test/Prefixer.js
+++ b/test/Prefixer.js
@@ -9,9 +9,10 @@ describe('Prefixer', () => {
 		expect(prefix(`flex-grow:none;`, 9)).to.equal([`-webkit-box-flex:none;`, `-webkit-flex-grow:none;`, `-ms-flex-positive:none;`, `flex-grow:none;`].join(''))
 		expect(prefix(`flex-shrink:none;`, 11)).to.equal([`-webkit-flex-shrink:none;`, `-ms-flex-negative:none;`, `flex-shrink:none;`].join(''))
 		expect(prefix(`flex-basis:none;`, 10)).to.equal([`-webkit-flex-basis:none;`, `-ms-flex-preferred-size:none;`, `flex-basis:none;`].join(''))
-		expect(prefix(`align-self:value;`, 10)).to.equal([`-webkit-align-self:value;`, `-ms-flex-item-align:value;`, `align-self:value;`].join(''))
 		expect(prefix(`align-self:flex-start;`, 10)).to.equal([`-webkit-align-self:flex-start;`, `-ms-flex-item-align:start;`, `align-self:flex-start;`].join(''))
 		expect(prefix(`align-self:flex-end;`, 10)).to.equal([`-webkit-align-self:flex-end;`, `-ms-flex-item-align:end;`, `align-self:flex-end;`].join(''))
+		expect(prefix(`align-self:baseline;`, 10)).to.equal([`-webkit-align-self:baseline;`, `-ms-flex-item-align:baseline;`, `align-self:baseline;`].join(''))
+		expect(prefix(`align-self:first baseline;`, 10)).to.equal([`-webkit-align-self:first baseline;`, `-ms-flex-item-align:first baseline;`, `align-self:first baseline;`].join(''))
 		expect(prefix(`align-content:value;`, 13)).to.equal([`-webkit-align-content:value;`, `-ms-flex-line-pack:value;`, `align-content:value;`].join(''))
 		expect(prefix(`align-content:flex-start;`, 13)).to.equal([`-webkit-align-content:flex-start;`, `-ms-flex-line-pack:start;`, `align-content:flex-start;`].join(''))
 		expect(prefix(`align-content:flex-end;`, 13)).to.equal([`-webkit-align-content:flex-end;`, `-ms-flex-line-pack:end;`, `align-content:flex-end;`].join(''))
@@ -190,12 +191,16 @@ describe('Prefixer', () => {
 	test('grid', () => {
 		expect(prefix('display:grid;', 7)).to.equal([`display:-ms-grid;`, `display:grid;`].join(''))
 		expect(prefix('display:inline-grid;', 7)).to.equal([`display:-ms-inline-grid;`, `display:inline-grid;`].join(''))
+		expect(prefix(`align-self:value;`, 10)).to.equal([`-webkit-align-self:value;`, `-ms-flex-item-align:value;`, `-ms-grid-row-align:value;`, `align-self:value;`].join(''))
+		expect(prefix(`align-self:safe center;`, 10)).to.equal([`-webkit-align-self:safe center;`, `-ms-flex-item-align:safe center;`, `-ms-grid-row-align:safe center;`, `align-self:safe center;`].join(''))
 		expect(prefix('align-self:stretch;', 10)).to.equal([`-webkit-align-self:stretch;`, `-ms-flex-item-align:stretch;`, `-ms-grid-row-align:stretch;`, `align-self:stretch;`].join(''))
 		expect(prefix('align-self:start;', 10)).to.equal([`-webkit-align-self:start;`, `-ms-flex-item-align:start;`, `-ms-grid-row-align:start;`, `align-self:start;`].join(''))
 		expect(prefix('align-self:flex-start;', 12)).to.equal([`align-self:flex-start;`].join(''))
 		expect(prefix('justify-self:end;', 12)).to.equal([`-ms-grid-column-align:end;`, `justify-self:end;`].join(''))
 		expect(prefix('justify-self:self-end;', 12)).to.equal([`-ms-grid-column-align:self-end;`, `justify-self:self-end;`].join(''))
 		expect(prefix('justify-self:flex-start;', 12)).to.equal([`justify-self:flex-start;`].join(''))
+		expect(prefix('justify-self:baseline;', 12)).to.equal([`justify-self:baseline;`].join(''))
+		expect(prefix('justify-self:safe center;', 12)).to.equal([`-ms-grid-column-align:safe center;`, `justify-self:safe center;`].join(''))
 		expect(prefix('grid-template-columns:1fr auto;', 21)).to.equal([`-ms-grid-columns:1fr auto;`, `grid-template-columns:1fr auto;`].join(''))
 		expect(prefix('grid-template-columns:1fr [header content] auto;', 21)).to.equal([`-ms-grid-columns:1fr [header content] auto;`, `grid-template-columns:1fr [header content] auto;`].join(''))
 		expect(prefix('grid-template-rows:1fr auto;', 18)).to.equal([`-ms-grid-rows:1fr auto;`, `grid-template-rows:1fr auto;`].join(''))

From 0d4845240612185666c73c3663c511b526dc72e2 Mon Sep 17 00:00:00 2001
From: Sultan <810601+thysultan@users.noreply.github.com>
Date: Sat, 19 Mar 2022 22:27:25 +0300
Subject: [PATCH 078/134] remove unreachable code

---
 src/Prefixer.js | 30 ------------------------------
 1 file changed, 30 deletions(-)

diff --git a/src/Prefixer.js b/src/Prefixer.js
index 34bddfe..40b3c83 100644
--- a/src/Prefixer.js
+++ b/src/Prefixer.js
@@ -92,36 +92,6 @@ export function prefix (value, length) {
 		// grid-(column|row)
 		case 5152: case 5920:
 			return replace(value, /(.+?):(\d+)(\s*\/\s*(span)?\s*(\d+))?(.*)/, function (_, a, b, c, d, e, f) { return (MS + a + ':' + b + f) + (c ? (MS + a + '-span:' + (d ? e : +e - +b)) + f : '') + value })
-			// commented also has the same issue
-			// return replace(MS + value, /(\d+)(\s*\/\s*(span)?\s*(\d+))?/, function (_, a, b, c, d) { return a + (b ? (';' + MS + substr(value, 0, length) + '-span:' + (c ? d : +d - +a)) : '') }) + value
-			/*return (
-				match(value, /(\d+)(\s*\/\s*(span)?\s*(\d+))?/) // only prefix if it matches the prefixable syntax
-					? (
-						MS + replace(
-							value,
-							/(\d+)(\s*\/\s*(span)?\s*(\d+))?/,
-							// $1: (3) / span 5 - simple position or the first part of the complex position
-							// $2: 3( / span 5) - is complex position
-							// $3: 3 / (span) 5 - has span in the complex position
-							// $4: 3 / span (5) - the second part of the complex position
-							(_, $1, $2, $3, $4) => $1
-								+ (
-									$2
-										// is complex position
-										? (
-											';' + MS + substr(value, 0, length) + '-span:' + (
-												$3
-													? $4 // has span
-													: +$4 - +$1 // has no span
-											)
-										)
-										// is simple position value (pure number)
-										: ''
-								)
-						)
-					)
-					: ''
-			)	+ value*/
 		// position: sticky
 		case 4949:
 			// (s)ticky?

From cfd9838b78c70811340f973a22806011ea28682b Mon Sep 17 00:00:00 2001
From: Sultan <810601+thysultan@users.noreply.github.com>
Date: Fri, 25 Mar 2022 20:52:58 +0300
Subject: [PATCH 079/134] grid-row-colums... move to prefix function

---
 src/Middleware.js | 37 +------------------------------------
 src/Prefixer.js   | 22 ++++++++++++++++++++--
 2 files changed, 21 insertions(+), 38 deletions(-)

diff --git a/src/Middleware.js b/src/Middleware.js
index f9b4ae3..8b5a0f8 100644
--- a/src/Middleware.js
+++ b/src/Middleware.js
@@ -43,42 +43,7 @@ export function prefixer (element, index, children, callback) {
 	if (element.length > -1)
 		if (!element.return)
 			switch (element.type) {
-				case DECLARATION:
-					switch (element.props) {
-						case 'grid-row-start': case 'grid-column-start':
-							var end
-							// has corresponding grid-(column|row)-end
-							if (
-								end = element && element.parent && element.parent.children && element.parent.children.find(
-									item => item.type === DECLARATION && match(item.props, /grid-(row|column)-end/)
-								)
-							) {
-								element.return = ~indexof(element.value + end.value, 'span')
-									? element.value // do not prefix a cell with non-numerical position values
-									: (
-										MS + replace(element.value, '-start', '')
-										+ element.value
-										+ MS + 'grid-row-span:' + (
-											~indexof(end.value, 'span')
-												? match(end.value, /\d+/)
-												: +match(end.value, /\d+/) - +match(element.value, /\d+/)
-										) + ';'
-									)
-							} else {
-								element.return = MS + replace(element.value, '-start', '') + element.value
-							}
-							break
-						case 'grid-row-end': case 'grid-column-end':
-							element.return = element && element.parent && element.parent.children && element.parent.children.some(
-								item => item.type === DECLARATION && match(item.props, /grid-(row|column)-start/)
-							)
-								? element.value // has corresponding grid-(column|row)-start, where -ms-grid-(row|column)-span will be handle
-								: MS + replace(replace(element.value, '-end', '-span'), 'span ', '') + element.value
-							break
-						default:
-							element.return = prefix(element.value, element.length)
-							break
-					}
+				case DECLARATION: element.return = prefix(element.value, element.length, element)
 					break
 				case KEYFRAMES:
 					return serialize([copy(element, {value: replace(element.value, '@', '@' + WEBKIT)})], callback)
diff --git a/src/Prefixer.js b/src/Prefixer.js
index 227f756..1c926ff 100644
--- a/src/Prefixer.js
+++ b/src/Prefixer.js
@@ -4,9 +4,10 @@ import {hash, charat, strlen, indexof, replace, substr, match} from './Utility.j
 /**
  * @param {string} value
  * @param {number} length
+ * @param {object} element
  * @return {string}
  */
-export function prefix (value, length) {
+export function prefix (value, length, element) {
 	switch (hash(value, length)) {
 		// color-adjust
 		case 5103:
@@ -65,7 +66,24 @@ export function prefix (value, length) {
 			break
 		// grid-template-(columns|rows)
 		case 2592: case 3360:
-			return MS + replace(value, 'template-', '') + value
+			// TODO convert to hashes, remove arrow functions, general improvements for size
+			switch (element ? value : 0) {
+				// grid-(row|column)-start
+				case 'grid-row-start': case 'grid-column-start':
+					var end
+					// has corresponding grid-(column|row)-end
+					if (end = element && element.parent && element.parent.children && element.parent.children.find(item => item.type === DECLARATION && match(item.props, /grid-(row|column)-end/))) {
+						// do not prefix a cell with non-numerical position values
+						return ~indexof(value + end.value, 'span') ? value : (MS + replace(value, '-start', '') + value + MS + 'grid-row-span:' + (~indexof(end.value, 'span') ? match(end.value, /\d+/) : +match(end.value, /\d+/) - +match(value, /\d+/)) + ';')
+					} else {
+						return MS + replace(value, '-start', '') + value
+					}
+				// grid-(row|column)-end
+				case 'grid-row-end': case 'grid-column-end': // has corresponding grid-(column|row)-start, where -ms-grid-(row|column)-span will be handle
+					return element && element.parent && element.parent.children && element.parent.children.some(item => item.type === DECLARATION && match(item.props, /grid-(row|column)-start/)) ? value : MS + replace(replace(value, '-end', '-span'), 'span ', '') + value
+				default:
+					return MS + replace(value, 'template-', '') + value
+			}
 		// (margin|padding)-inline-(start|end)
 		case 4095: case 3583: case 4068: case 2532:
 			return replace(value, /(.+)-inline(.+)/, WEBKIT + '$1$2') + value

From fbadd741c8fb30db2793f33fa36aeb9b625e6069 Mon Sep 17 00:00:00 2001
From: Sultan <810601+thysultan@users.noreply.github.com>
Date: Fri, 25 Mar 2022 20:55:28 +0300
Subject: [PATCH 080/134] remove no longer neeed indexof import from middleware

---
 src/Middleware.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/Middleware.js b/src/Middleware.js
index 8b5a0f8..8863851 100644
--- a/src/Middleware.js
+++ b/src/Middleware.js
@@ -1,5 +1,5 @@
 import {MS, MOZ, WEBKIT, RULESET, KEYFRAMES, DECLARATION} from './Enum.js'
-import {match, charat, substr, strlen, sizeof, replace, combine, indexof} from './Utility.js'
+import {match, charat, substr, strlen, sizeof, replace, combine} from './Utility.js'
 import {copy, tokenize} from './Tokenizer.js'
 import {serialize} from './Serializer.js'
 import {prefix} from './Prefixer.js'

From 721c2e84d2907c2b6db4838a6f68df4fe71b9449 Mon Sep 17 00:00:00 2001
From: Sultan <810601+thysultan@users.noreply.github.com>
Date: Fri, 25 Mar 2022 20:57:23 +0300
Subject: [PATCH 081/134] missing import

---
 src/Prefixer.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/Prefixer.js b/src/Prefixer.js
index 1c926ff..16be0ad 100644
--- a/src/Prefixer.js
+++ b/src/Prefixer.js
@@ -1,4 +1,4 @@
-import {MS, MOZ, WEBKIT} from './Enum.js'
+import {MS, MOZ, WEBKIT, DECLARATION} from './Enum.js'
 import {hash, charat, strlen, indexof, replace, substr, match} from './Utility.js'
 
 /**

From 3b3858cfbd280b402a29e31cd7aa0f925c72ab88 Mon Sep 17 00:00:00 2001
From: SukkaW <isukkaw@gmail.com>
Date: Sat, 26 Mar 2022 03:20:23 +0800
Subject: [PATCH 082/134] move test from middleware to prefixer

---
 test/Middleware.js | 24 ------------------------
 test/Prefixer.js   | 23 +++++++++++++++++++++++
 2 files changed, 23 insertions(+), 24 deletions(-)

diff --git a/test/Middleware.js b/test/Middleware.js
index a53ff11..596c8e9 100644
--- a/test/Middleware.js
+++ b/test/Middleware.js
@@ -88,29 +88,5 @@ describe('Middleware', () => {
       `:-moz-read-write{background-color:hotpink;}`,
       `:read-write{background-color:hotpink;}`
     ].join(''))
-
-    // grid-(column|row)-(start|end)
-    expect(serialize(compile(`.test{grid-row-start:3;}`), middleware([prefixer, stringify]))).to.equal([
-      `.test{-ms-grid-row:3;grid-row-start:3;}`
-    ].join(''))
-    expect(serialize(compile(`.test{grid-row-start:span 3;}`), middleware([prefixer, stringify]))).to.equal([
-      `.test{-ms-grid-row:span 3;grid-row-start:span 3;}`
-    ].join(''))
-    expect(serialize(compile(`.test{grid-row-end:3;}`), middleware([prefixer, stringify]))).to.equal([
-      `.test{-ms-grid-row-span:3;grid-row-end:3;}`
-    ].join(''))
-    expect(serialize(compile(`.test{grid-row-end:span 3;}`), middleware([prefixer, stringify]))).to.equal([
-      `.test{-ms-grid-row-span:3;grid-row-end:span 3;}`
-    ].join(''))
-    expect(serialize(compile(`.test{grid-row-start:3;grid-row-end:5;}`), middleware([prefixer, stringify]))).to.equal([
-      `.test{-ms-grid-row:3;grid-row-start:3;-ms-grid-row-span:2;grid-row-end:5;}`
-    ].join(''))
-    // should not prefix a cell with non-numerical position values
-    expect(serialize(compile(`.test{grid-row-start:3;grid-row-end:span 5;}`), middleware([prefixer, stringify]))).to.equal([
-      `.test{grid-row-start:3;grid-row-end:span 5;}`
-    ].join(''))
-    expect(serialize(compile(`.test{grid-row-start:span 3;grid-row-end:5;}`), middleware([prefixer, stringify]))).to.equal([
-      `.test{grid-row-start:span 3;grid-row-end:5;}`
-    ].join(''))
   })
 })
diff --git a/test/Prefixer.js b/test/Prefixer.js
index b46a5e9..ec2752d 100644
--- a/test/Prefixer.js
+++ b/test/Prefixer.js
@@ -219,6 +219,29 @@ describe('Prefixer', () => {
 		expect(prefix('grid-column:main-start / main-end;', 11)).to.equal([`grid-column:main-start / main-end;`].join(''))
 		expect(prefix('grid-row:main-start / main-end;', 11)).to.equal([`grid-row:main-start / main-end;`].join(''))
 		expect(prefix('grid-row:main-start / main-end!important;', 11)).to.equal([`grid-row:main-start / main-end!important;`].join(''))
+		// grid-(column|row)-(start|end)
+		expect(prefix(`.test{grid-row-start:3;}`)).to.equal([
+			`.test{-ms-grid-row:3;grid-row-start:3;}`
+		].join(''))
+		expect(prefix(`.test{grid-row-start:span 3;}`)).to.equal([
+			`.test{-ms-grid-row:span 3;grid-row-start:span 3;}`
+		].join(''))
+		expect(prefix(`.test{grid-row-end:3;}`)).to.equal([
+			`.test{-ms-grid-row-span:3;grid-row-end:3;}`
+		].join(''))
+		expect(prefix(`.test{grid-row-end:span 3;}`)).to.equal([
+			`.test{-ms-grid-row-span:3;grid-row-end:span 3;}`
+		].join(''))
+		expect(prefix(`.test{grid-row-start:3;grid-row-end:5;}`)).to.equal([
+			`.test{-ms-grid-row:3;grid-row-start:3;-ms-grid-row-span:2;grid-row-end:5;}`
+		].join(''))
+		// should not prefix a cell with non-numerical position values
+		expect(prefix(`.test{grid-row-start:3;grid-row-end:span 5;}`)).to.equal([
+			`.test{grid-row-start:3;grid-row-end:span 5;}`
+		].join(''))
+		expect(prefix(`.test{grid-row-start:span 3;grid-row-end:5;}`)).to.equal([
+			`.test{grid-row-start:span 3;grid-row-end:5;}`
+		].join(''))
 	})
 
 	test('scroll-snap', () => {

From 44bea124029f44092b444c873ffad5126811c2d5 Mon Sep 17 00:00:00 2001
From: Sultan <810601+thysultan@users.noreply.github.com>
Date: Sat, 26 Mar 2022 01:12:51 +0300
Subject: [PATCH 083/134] use last character code to detect between start/end,
 cache property accesses

---
 src/Prefixer.js | 25 +++++++++++--------------
 1 file changed, 11 insertions(+), 14 deletions(-)

diff --git a/src/Prefixer.js b/src/Prefixer.js
index 16be0ad..ce20ba4 100644
--- a/src/Prefixer.js
+++ b/src/Prefixer.js
@@ -64,23 +64,20 @@ export function prefix (value, length, element) {
 		case 4200:
 			if (!match(value, /flex-|baseline/)) return MS + 'grid-column-align' + substr(value, length) + value
 			break
-		// grid-template-(columns|rows)
-		case 2592: case 3360:
-			// TODO convert to hashes, remove arrow functions, general improvements for size
-			switch (element ? value : 0) {
-				// grid-(row|column)-start
-				case 'grid-row-start': case 'grid-column-start':
-					var end
-					// has corresponding grid-(column|row)-end
-					if (end = element && element.parent && element.parent.children && element.parent.children.find(item => item.type === DECLARATION && match(item.props, /grid-(row|column)-end/))) {
-						// do not prefix a cell with non-numerical position values
-						return ~indexof(value + end.value, 'span') ? value : (MS + replace(value, '-start', '') + value + MS + 'grid-row-span:' + (~indexof(end.value, 'span') ? match(end.value, /\d+/) : +match(end.value, /\d+/) - +match(value, /\d+/)) + ';')
+		// grid-(row|column)-(start|end), grid-template-(columns|rows)
+		case 2592: case 3360: element = element.parent.children
+			switch (charat(value, length - 1)) {
+				// grid-(row|column)-star(t)
+				case 116:
+					if (element = element.find(function (element) { return match(element.props, /grid-(row|column)-end/) })) {
+						return ~indexof(value + (element = element.value), 'span') ? value : (MS + replace(value, '-start', '') + value + MS + 'grid-row-span:' + (~indexof(element, 'span') ? match(element, /\d+/) : +match(element, /\d+/) - +match(value, /\d+/)) + ';')
 					} else {
 						return MS + replace(value, '-start', '') + value
 					}
-				// grid-(row|column)-end
-				case 'grid-row-end': case 'grid-column-end': // has corresponding grid-(column|row)-start, where -ms-grid-(row|column)-span will be handle
-					return element && element.parent && element.parent.children && element.parent.children.some(item => item.type === DECLARATION && match(item.props, /grid-(row|column)-start/)) ? value : MS + replace(replace(value, '-end', '-span'), 'span ', '') + value
+				// grid-(row|column)-en(d)
+				case 100:
+					return element.some(function (element) { return match(element.props, /grid-(row|column)-start/) }) ? value : MS + replace(replace(value, '-end', '-span'), 'span ', '') + value
+				// grid-template-(column|rows)
 				default:
 					return MS + replace(value, 'template-', '') + value
 			}

From 623826655cb6d8f8698794c506ff459ea9f58a6c Mon Sep 17 00:00:00 2001
From: Sultan <810601+thysultan@users.noreply.github.com>
Date: Sat, 26 Mar 2022 01:14:24 +0300
Subject: [PATCH 084/134] no longer need DECLARATION import... i think

---
 src/Prefixer.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/Prefixer.js b/src/Prefixer.js
index ce20ba4..88a277e 100644
--- a/src/Prefixer.js
+++ b/src/Prefixer.js
@@ -1,4 +1,4 @@
-import {MS, MOZ, WEBKIT, DECLARATION} from './Enum.js'
+import {MS, MOZ, WEBKIT} from './Enum.js'
 import {hash, charat, strlen, indexof, replace, substr, match} from './Utility.js'
 
 /**

From 5a3834630dc1f56a97545d03d865f68052fa769b Mon Sep 17 00:00:00 2001
From: Sultan <810601+thysultan@users.noreply.github.com>
Date: Sat, 26 Mar 2022 01:41:50 +0300
Subject: [PATCH 085/134] forward children siblings already passed as argument

---
 src/Middleware.js |  4 ++--
 src/Prefixer.js   | 14 +++++++-------
 2 files changed, 9 insertions(+), 9 deletions(-)

diff --git a/src/Middleware.js b/src/Middleware.js
index 8863851..faf234f 100644
--- a/src/Middleware.js
+++ b/src/Middleware.js
@@ -43,8 +43,8 @@ export function prefixer (element, index, children, callback) {
 	if (element.length > -1)
 		if (!element.return)
 			switch (element.type) {
-				case DECLARATION: element.return = prefix(element.value, element.length, element)
-					break
+				case DECLARATION: element.return = prefix(element.value, element.length, children)
+					return
 				case KEYFRAMES:
 					return serialize([copy(element, {value: replace(element.value, '@', '@' + WEBKIT)})], callback)
 				case RULESET:
diff --git a/src/Prefixer.js b/src/Prefixer.js
index 88a277e..19e7d40 100644
--- a/src/Prefixer.js
+++ b/src/Prefixer.js
@@ -4,10 +4,10 @@ import {hash, charat, strlen, indexof, replace, substr, match} from './Utility.j
 /**
  * @param {string} value
  * @param {number} length
- * @param {object} element
+ * @param {object[]} children
  * @return {string}
  */
-export function prefix (value, length, element) {
+export function prefix (value, length, children) {
 	switch (hash(value, length)) {
 		// color-adjust
 		case 5103:
@@ -65,18 +65,18 @@ export function prefix (value, length, element) {
 			if (!match(value, /flex-|baseline/)) return MS + 'grid-column-align' + substr(value, length) + value
 			break
 		// grid-(row|column)-(start|end), grid-template-(columns|rows)
-		case 2592: case 3360: element = element.parent.children
+		case 2592: case 3360:
 			switch (charat(value, length - 1)) {
 				// grid-(row|column)-star(t)
 				case 116:
-					if (element = element.find(function (element) { return match(element.props, /grid-(row|column)-end/) })) {
-						return ~indexof(value + (element = element.value), 'span') ? value : (MS + replace(value, '-start', '') + value + MS + 'grid-row-span:' + (~indexof(element, 'span') ? match(element, /\d+/) : +match(element, /\d+/) - +match(value, /\d+/)) + ';')
+					if (children = children.find(function (element) { return match(element.props, /grid-(row|column)-end/) })) {
+						return ~indexof(value + (children = children.value), 'span') ? value : (MS + replace(value, '-start', '') + value + MS + 'grid-row-span:' + (~indexof(children, 'span') ? match(children, /\d+/) : +match(children, /\d+/) - +match(value, /\d+/)) + ';')
 					} else {
 						return MS + replace(value, '-start', '') + value
 					}
 				// grid-(row|column)-en(d)
 				case 100:
-					return element.some(function (element) { return match(element.props, /grid-(row|column)-start/) }) ? value : MS + replace(replace(value, '-end', '-span'), 'span ', '') + value
+					return children.some(function (element) { return match(element.props, /grid-(row|column)-start/) }) ? value : MS + replace(replace(value, '-end', '-span'), 'span ', '') + value
 				// grid-template-(column|rows)
 				default:
 					return MS + replace(value, 'template-', '') + value
@@ -101,7 +101,7 @@ export function prefix (value, length, element) {
 						return replace(value, /(.+:)(.+)-([^]+)/, '$1' + WEBKIT + '$2-$3' + '$1' + MOZ + (charat(value, length + 3) == 108 ? '$3' : '$2-$3')) + value
 					// (s)tretch
 					case 115:
-						return ~indexof(value, 'stretch') ? prefix(replace(value, 'stretch', 'fill-available'), length) + value : value
+						return ~indexof(value, 'stretch') ? prefix(replace(value, 'stretch', 'fill-available'), length, children) + value : value
 				}
 			break
 		// grid-(column|row)

From 85b7cf674c448e8d58a4aa8c22ae9263d28cd576 Mon Sep 17 00:00:00 2001
From: Sultan <810601+thysultan@users.noreply.github.com>
Date: Sat, 26 Mar 2022 02:05:29 +0300
Subject: [PATCH 086/134] Revert "move test from middleware to prefixer"

This reverts commit 3b3858cfbd280b402a29e31cd7aa0f925c72ab88.
---
 test/Middleware.js | 24 ++++++++++++++++++++++++
 test/Prefixer.js   | 23 -----------------------
 2 files changed, 24 insertions(+), 23 deletions(-)

diff --git a/test/Middleware.js b/test/Middleware.js
index 596c8e9..a53ff11 100644
--- a/test/Middleware.js
+++ b/test/Middleware.js
@@ -88,5 +88,29 @@ describe('Middleware', () => {
       `:-moz-read-write{background-color:hotpink;}`,
       `:read-write{background-color:hotpink;}`
     ].join(''))
+
+    // grid-(column|row)-(start|end)
+    expect(serialize(compile(`.test{grid-row-start:3;}`), middleware([prefixer, stringify]))).to.equal([
+      `.test{-ms-grid-row:3;grid-row-start:3;}`
+    ].join(''))
+    expect(serialize(compile(`.test{grid-row-start:span 3;}`), middleware([prefixer, stringify]))).to.equal([
+      `.test{-ms-grid-row:span 3;grid-row-start:span 3;}`
+    ].join(''))
+    expect(serialize(compile(`.test{grid-row-end:3;}`), middleware([prefixer, stringify]))).to.equal([
+      `.test{-ms-grid-row-span:3;grid-row-end:3;}`
+    ].join(''))
+    expect(serialize(compile(`.test{grid-row-end:span 3;}`), middleware([prefixer, stringify]))).to.equal([
+      `.test{-ms-grid-row-span:3;grid-row-end:span 3;}`
+    ].join(''))
+    expect(serialize(compile(`.test{grid-row-start:3;grid-row-end:5;}`), middleware([prefixer, stringify]))).to.equal([
+      `.test{-ms-grid-row:3;grid-row-start:3;-ms-grid-row-span:2;grid-row-end:5;}`
+    ].join(''))
+    // should not prefix a cell with non-numerical position values
+    expect(serialize(compile(`.test{grid-row-start:3;grid-row-end:span 5;}`), middleware([prefixer, stringify]))).to.equal([
+      `.test{grid-row-start:3;grid-row-end:span 5;}`
+    ].join(''))
+    expect(serialize(compile(`.test{grid-row-start:span 3;grid-row-end:5;}`), middleware([prefixer, stringify]))).to.equal([
+      `.test{grid-row-start:span 3;grid-row-end:5;}`
+    ].join(''))
   })
 })
diff --git a/test/Prefixer.js b/test/Prefixer.js
index ec2752d..b46a5e9 100644
--- a/test/Prefixer.js
+++ b/test/Prefixer.js
@@ -219,29 +219,6 @@ describe('Prefixer', () => {
 		expect(prefix('grid-column:main-start / main-end;', 11)).to.equal([`grid-column:main-start / main-end;`].join(''))
 		expect(prefix('grid-row:main-start / main-end;', 11)).to.equal([`grid-row:main-start / main-end;`].join(''))
 		expect(prefix('grid-row:main-start / main-end!important;', 11)).to.equal([`grid-row:main-start / main-end!important;`].join(''))
-		// grid-(column|row)-(start|end)
-		expect(prefix(`.test{grid-row-start:3;}`)).to.equal([
-			`.test{-ms-grid-row:3;grid-row-start:3;}`
-		].join(''))
-		expect(prefix(`.test{grid-row-start:span 3;}`)).to.equal([
-			`.test{-ms-grid-row:span 3;grid-row-start:span 3;}`
-		].join(''))
-		expect(prefix(`.test{grid-row-end:3;}`)).to.equal([
-			`.test{-ms-grid-row-span:3;grid-row-end:3;}`
-		].join(''))
-		expect(prefix(`.test{grid-row-end:span 3;}`)).to.equal([
-			`.test{-ms-grid-row-span:3;grid-row-end:span 3;}`
-		].join(''))
-		expect(prefix(`.test{grid-row-start:3;grid-row-end:5;}`)).to.equal([
-			`.test{-ms-grid-row:3;grid-row-start:3;-ms-grid-row-span:2;grid-row-end:5;}`
-		].join(''))
-		// should not prefix a cell with non-numerical position values
-		expect(prefix(`.test{grid-row-start:3;grid-row-end:span 5;}`)).to.equal([
-			`.test{grid-row-start:3;grid-row-end:span 5;}`
-		].join(''))
-		expect(prefix(`.test{grid-row-start:span 3;grid-row-end:5;}`)).to.equal([
-			`.test{grid-row-start:span 3;grid-row-end:5;}`
-		].join(''))
 	})
 
 	test('scroll-snap', () => {

From 326a3706b2757dbbcdb7852a9f5ce0b1a1027ae6 Mon Sep 17 00:00:00 2001
From: Sultan <810601+thysultan@users.noreply.github.com>
Date: Sat, 26 Mar 2022 10:35:41 +0300
Subject: [PATCH 087/134] revert grid tests back to prefixer.js using
 middleware

---
 test/Middleware.js | 24 ------------------------
 test/Prefixer.js   | 25 ++++++++++++++++++++++++-
 2 files changed, 24 insertions(+), 25 deletions(-)

diff --git a/test/Middleware.js b/test/Middleware.js
index a53ff11..596c8e9 100644
--- a/test/Middleware.js
+++ b/test/Middleware.js
@@ -88,29 +88,5 @@ describe('Middleware', () => {
       `:-moz-read-write{background-color:hotpink;}`,
       `:read-write{background-color:hotpink;}`
     ].join(''))
-
-    // grid-(column|row)-(start|end)
-    expect(serialize(compile(`.test{grid-row-start:3;}`), middleware([prefixer, stringify]))).to.equal([
-      `.test{-ms-grid-row:3;grid-row-start:3;}`
-    ].join(''))
-    expect(serialize(compile(`.test{grid-row-start:span 3;}`), middleware([prefixer, stringify]))).to.equal([
-      `.test{-ms-grid-row:span 3;grid-row-start:span 3;}`
-    ].join(''))
-    expect(serialize(compile(`.test{grid-row-end:3;}`), middleware([prefixer, stringify]))).to.equal([
-      `.test{-ms-grid-row-span:3;grid-row-end:3;}`
-    ].join(''))
-    expect(serialize(compile(`.test{grid-row-end:span 3;}`), middleware([prefixer, stringify]))).to.equal([
-      `.test{-ms-grid-row-span:3;grid-row-end:span 3;}`
-    ].join(''))
-    expect(serialize(compile(`.test{grid-row-start:3;grid-row-end:5;}`), middleware([prefixer, stringify]))).to.equal([
-      `.test{-ms-grid-row:3;grid-row-start:3;-ms-grid-row-span:2;grid-row-end:5;}`
-    ].join(''))
-    // should not prefix a cell with non-numerical position values
-    expect(serialize(compile(`.test{grid-row-start:3;grid-row-end:span 5;}`), middleware([prefixer, stringify]))).to.equal([
-      `.test{grid-row-start:3;grid-row-end:span 5;}`
-    ].join(''))
-    expect(serialize(compile(`.test{grid-row-start:span 3;grid-row-end:5;}`), middleware([prefixer, stringify]))).to.equal([
-      `.test{grid-row-start:span 3;grid-row-end:5;}`
-    ].join(''))
   })
 })
diff --git a/test/Prefixer.js b/test/Prefixer.js
index b46a5e9..b69cc05 100644
--- a/test/Prefixer.js
+++ b/test/Prefixer.js
@@ -1,4 +1,4 @@
-import {prefix} from "../index.js"
+import {compile, serialize, stringify, middleware, prefixer, prefix} from "../index.js"
 
 describe('Prefixer', () => {
 	test('flex-box', () => {
@@ -219,6 +219,29 @@ describe('Prefixer', () => {
 		expect(prefix('grid-column:main-start / main-end;', 11)).to.equal([`grid-column:main-start / main-end;`].join(''))
 		expect(prefix('grid-row:main-start / main-end;', 11)).to.equal([`grid-row:main-start / main-end;`].join(''))
 		expect(prefix('grid-row:main-start / main-end!important;', 11)).to.equal([`grid-row:main-start / main-end!important;`].join(''))
+		// grid-(column|row)-(start|end)
+		expect(serialize(compile(`.test{grid-row-start:3;}`), middleware([prefixer, stringify]))).to.equal([
+		  `.test{-ms-grid-row:3;grid-row-start:3;}`
+		].join(''))
+		expect(serialize(compile(`.test{grid-row-start:span 3;}`), middleware([prefixer, stringify]))).to.equal([
+		  `.test{-ms-grid-row:span 3;grid-row-start:span 3;}`
+		].join(''))
+		expect(serialize(compile(`.test{grid-row-end:3;}`), middleware([prefixer, stringify]))).to.equal([
+		  `.test{-ms-grid-row-span:3;grid-row-end:3;}`
+		].join(''))
+		expect(serialize(compile(`.test{grid-row-end:span 3;}`), middleware([prefixer, stringify]))).to.equal([
+		  `.test{-ms-grid-row-span:3;grid-row-end:span 3;}`
+		].join(''))
+		expect(serialize(compile(`.test{grid-row-start:3;grid-row-end:5;}`), middleware([prefixer, stringify]))).to.equal([
+		  `.test{-ms-grid-row:3;grid-row-start:3;-ms-grid-row-span:2;grid-row-end:5;}`
+		].join(''))
+		// should not prefix a cell with non-numerical position values
+		expect(serialize(compile(`.test{grid-row-start:3;grid-row-end:span 5;}`), middleware([prefixer, stringify]))).to.equal([
+		  `.test{grid-row-start:3;grid-row-end:span 5;}`
+		].join(''))
+		expect(serialize(compile(`.test{grid-row-start:span 3;grid-row-end:5;}`), middleware([prefixer, stringify]))).to.equal([
+		  `.test{grid-row-start:span 3;grid-row-end:5;}`
+		].join(''))
 	})
 
 	test('scroll-snap', () => {

From c8ad68407d743589d0a7e1297589daa01314bb72 Mon Sep 17 00:00:00 2001
From: Sultan <810601+thysultan@users.noreply.github.com>
Date: Sat, 26 Mar 2022 15:25:09 +0300
Subject: [PATCH 088/134] pass tests

---
 src/Prefixer.js | 26 +++++++++++---------------
 1 file changed, 11 insertions(+), 15 deletions(-)

diff --git a/src/Prefixer.js b/src/Prefixer.js
index 19e7d40..d660b08 100644
--- a/src/Prefixer.js
+++ b/src/Prefixer.js
@@ -64,23 +64,19 @@ export function prefix (value, length, children) {
 		case 4200:
 			if (!match(value, /flex-|baseline/)) return MS + 'grid-column-align' + substr(value, length) + value
 			break
-		// grid-(row|column)-(start|end), grid-template-(columns|rows)
+		// grid-template-(columns|rows)
 		case 2592: case 3360:
-			switch (charat(value, length - 1)) {
-				// grid-(row|column)-star(t)
-				case 116:
-					if (children = children.find(function (element) { return match(element.props, /grid-(row|column)-end/) })) {
-						return ~indexof(value + (children = children.value), 'span') ? value : (MS + replace(value, '-start', '') + value + MS + 'grid-row-span:' + (~indexof(children, 'span') ? match(children, /\d+/) : +match(children, /\d+/) - +match(value, /\d+/)) + ';')
-					} else {
-						return MS + replace(value, '-start', '') + value
-					}
-				// grid-(row|column)-en(d)
-				case 100:
-					return children.some(function (element) { return match(element.props, /grid-(row|column)-start/) }) ? value : MS + replace(replace(value, '-end', '-span'), 'span ', '') + value
-				// grid-template-(column|rows)
-				default:
-					return MS + replace(value, 'template-', '') + value
+			return MS + replace(value, 'template-', '') + value
+		// grid-row-start, grid-column-start
+		case 4384: case 3616:
+			if (children = children && children.find(function (element) { return match(element.props, /grid-(row|column)-end/) })) {
+				return ~indexof(value + (children = children.value), 'span') ? value : (MS + replace(value, '-start', '') + value + MS + 'grid-row-span:' + (~indexof(children, 'span') ? match(children, /\d+/) : +match(children, /\d+/) - +match(value, /\d+/)) + ';')
+			} else {
+				return MS + replace(value, '-start', '') + value
 			}
+		// grid-row-end, grid-column-end
+		case 4896: case 4128:
+			return (children && children.some(function (element) { return match(element.props, /grid-(row|column)-start/) })) ? value : MS + replace(replace(value, '-end', '-span'), 'span ', '') + value
 		// (margin|padding)-inline-(start|end)
 		case 4095: case 3583: case 4068: case 2532:
 			return replace(value, /(.+)-inline(.+)/, WEBKIT + '$1$2') + value

From 6a411c61411153fc9393a2869a37d868973eb1cc Mon Sep 17 00:00:00 2001
From: Sultan <810601+thysultan@users.noreply.github.com>
Date: Sun, 27 Mar 2022 00:35:03 +0300
Subject: [PATCH 089/134] small size improvement

/grid-\w+-end/ instead of /grid-(row|column)-end/
 writing-mode: fall-through where it makes sense.
---
 src/Prefixer.js | 10 ++++------
 1 file changed, 4 insertions(+), 6 deletions(-)

diff --git a/src/Prefixer.js b/src/Prefixer.js
index d660b08..a273de1 100644
--- a/src/Prefixer.js
+++ b/src/Prefixer.js
@@ -67,16 +67,16 @@ export function prefix (value, length, children) {
 		// grid-template-(columns|rows)
 		case 2592: case 3360:
 			return MS + replace(value, 'template-', '') + value
-		// grid-row-start, grid-column-start
+		// grid-(row|column)-start
 		case 4384: case 3616:
-			if (children = children && children.find(function (element) { return match(element.props, /grid-(row|column)-end/) })) {
+			if (children = children && children.find(function (element) { return match(element.props, /grid-\w+-end/) })) {
 				return ~indexof(value + (children = children.value), 'span') ? value : (MS + replace(value, '-start', '') + value + MS + 'grid-row-span:' + (~indexof(children, 'span') ? match(children, /\d+/) : +match(children, /\d+/) - +match(value, /\d+/)) + ';')
 			} else {
 				return MS + replace(value, '-start', '') + value
 			}
-		// grid-row-end, grid-column-end
+		// grid-(row|column)-end
 		case 4896: case 4128:
-			return (children && children.some(function (element) { return match(element.props, /grid-(row|column)-start/) })) ? value : MS + replace(replace(value, '-end', '-span'), 'span ', '') + value
+			return (children && children.some(function (element) { return match(element.props, /grid-\w+-start/) })) ? value : MS + replace(replace(value, '-end', '-span'), 'span ', '') + value
 		// (margin|padding)-inline-(start|end)
 		case 4095: case 3583: case 4068: case 2532:
 			return replace(value, /(.+)-inline(.+)/, WEBKIT + '$1$2') + value
@@ -135,8 +135,6 @@ export function prefix (value, length, children) {
 				case 45:
 					return WEBKIT + value + MS + replace(value, /[svh]\w+-[tblr]{2}/, 'lr') + value
 			}
-
-			return WEBKIT + value + MS + value + value
 		// scroll-snap-type
 		case 2903:
 			return WEBKIT + value + MS + value + value

From fdc3e15b5c0947e66d27401e0b551c21abe3c137 Mon Sep 17 00:00:00 2001
From: Sultan <810601+thysultan@users.noreply.github.com>
Date: Sat, 2 Apr 2022 14:50:10 +0300
Subject: [PATCH 090/134] don't use .find, not supported by ie11

IE11 doesn't support Array.find. Would defeat the purpose to support IE11 grids with unsupported JS api's. Let's use .some and set the length variable when a match is found we use that to index into children
---
 src/Prefixer.js | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/Prefixer.js b/src/Prefixer.js
index a273de1..886fcbe 100644
--- a/src/Prefixer.js
+++ b/src/Prefixer.js
@@ -69,8 +69,8 @@ export function prefix (value, length, children) {
 			return MS + replace(value, 'template-', '') + value
 		// grid-(row|column)-start
 		case 4384: case 3616:
-			if (children = children && children.find(function (element) { return match(element.props, /grid-\w+-end/) })) {
-				return ~indexof(value + (children = children.value), 'span') ? value : (MS + replace(value, '-start', '') + value + MS + 'grid-row-span:' + (~indexof(children, 'span') ? match(children, /\d+/) : +match(children, /\d+/) - +match(value, /\d+/)) + ';')
+			if (children && children.some(function (element, index) { return length = index, match(element.props, /grid-\w+-end/) })) {
+				return ~indexof(value + (children = children[length].value), 'span') ? value : (MS + replace(value, '-start', '') + value + MS + 'grid-row-span:' + (~indexof(children, 'span') ? match(children, /\d+/) : +match(children, /\d+/) - +match(value, /\d+/)) + ';')
 			} else {
 				return MS + replace(value, '-start', '') + value
 			}

From c3c05cd233b50a72c146c2dbf1d5513cf61b0c94 Mon Sep 17 00:00:00 2001
From: Sultan <810601+thysultan@users.noreply.github.com>
Date: Sun, 3 Apr 2022 11:49:45 +0300
Subject: [PATCH 091/134] 4.1.0

---
 package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/package.json b/package.json
index 4431898..023975f 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "stylis",
-  "version": "4.0.13",
+  "version": "4.1.0",
   "license": "MIT",
   "description": "A Light–weight CSS Preprocessor",
   "homepage": "https://github.com/thysultan/stylis.js",

From 0921868cbd51371daa2f5301cd98cbcdb827fba3 Mon Sep 17 00:00:00 2001
From: SukkaW <isukkaw@gmail.com>
Date: Thu, 21 Apr 2022 11:39:53 +0800
Subject: [PATCH 092/134] support tab-size prefix

---
 src/Prefixer.js  | 3 +++
 test/Prefixer.js | 4 ++++
 2 files changed, 7 insertions(+)

diff --git a/src/Prefixer.js b/src/Prefixer.js
index 886fcbe..5364c9c 100644
--- a/src/Prefixer.js
+++ b/src/Prefixer.js
@@ -21,6 +21,9 @@ export function prefix (value, length, children) {
 		// background-clip, columns, column-(count|fill|gap|rule|rule-color|rule-style|rule-width|span|width)
 		case 4215: case 6389: case 5109: case 5365: case 5621: case 3829:
 			return WEBKIT + value + value
+		// tab-size
+		case 4789:
+			return MOZ + value + value
 		// appearance, user-select, transform, hyphens, text-size-adjust
 		case 5349: case 4246: case 4810: case 6968: case 2756:
 			return WEBKIT + value + MOZ + value + MS + value + value
diff --git a/test/Prefixer.js b/test/Prefixer.js
index b69cc05..6d29c05 100644
--- a/test/Prefixer.js
+++ b/test/Prefixer.js
@@ -252,4 +252,8 @@ describe('Prefixer', () => {
 		expect(prefix(`scroll-margin-bottom:0;`, 20)).to.equal([`scroll-snap-margin-bottom:0;`, `scroll-margin-bottom:0;`].join(''))
 		expect(prefix(`scroll-margin-left:0;`, 18)).to.equal([`scroll-snap-margin-left:0;`, `scroll-margin-left:0;`].join(''))
 	})
+
+	test('tab-size', () => {
+		expect(prefix(`tab-size:1;`, 8)).to.equal([`-moz-tab-size:1;`, `tab-size:1;`].join(''))
+	})
 })

From 0c39d2b6ef3b67b8f23d530df3b2af12e49f003c Mon Sep 17 00:00:00 2001
From: SukkaW <isukkaw@gmail.com>
Date: Thu, 21 Apr 2022 12:10:19 +0800
Subject: [PATCH 093/134] fix: support `value !important;`

---
 src/Prefixer.js  |  4 ++--
 test/Prefixer.js | 15 +++++++++++++++
 2 files changed, 17 insertions(+), 2 deletions(-)

diff --git a/src/Prefixer.js b/src/Prefixer.js
index 886fcbe..4fa1d20 100644
--- a/src/Prefixer.js
+++ b/src/Prefixer.js
@@ -110,13 +110,13 @@ export function prefix (value, length, children) {
 				break
 		// display: (flex|inline-flex|grid|inline-grid)
 		case 6444:
-			switch (charat(value, strlen(value) - 3 - (~indexof(value, '!important') && 10))) {
+			switch (charat(value, strlen(value) - 3 - (~indexof(value, ' !important') ? 11 : ~indexof(value, '!important') && 10))) {
 				// stic(k)y
 				case 107:
 					return replace(value, ':', ':' + WEBKIT) + value
 				// (inline-)?fl(e)x
 				case 101:
-					return replace(value, /(.+:)([^;!]+)(;|!.+)?/, '$1' + WEBKIT + (charat(value, 14) === 45 ? 'inline-' : '') + 'box$3' + '$1' + WEBKIT + '$2$3' + '$1' + MS + '$2box$3') + value
+					return replace(value, /(.+:)([^;\s!]+)(;|\s?!.+)?/, '$1' + WEBKIT + (charat(value, 14) === 45 ? 'inline-' : '') + 'box$3' + '$1' + WEBKIT + '$2$3' + '$1' + MS + '$2box$3') + value
 				// (inline-)?grid
 				case 105:
 					return replace(value, ':', ':' + MS) + value
diff --git a/test/Prefixer.js b/test/Prefixer.js
index b69cc05..b2e182c 100644
--- a/test/Prefixer.js
+++ b/test/Prefixer.js
@@ -4,6 +4,7 @@ describe('Prefixer', () => {
 	test('flex-box', () => {
 		expect(prefix(`display:block;`, 7)).to.equal(['display:block;'].join())
 		expect(prefix(`display:flex!important;`, 7)).to.equal([`display:-webkit-box!important;`, `display:-webkit-flex!important;`, `display:-ms-flexbox!important;`, `display:flex!important;`].join(''))
+		expect(prefix(`display:flex !important;`, 7)).to.equal([`display:-webkit-box !important;`, `display:-webkit-flex !important;`, `display:-ms-flexbox !important;`, `display:flex !important;`].join(''))
 		expect(prefix(`display:inline-flex;`, 7)).to.equal([`display:-webkit-inline-box;`, `display:-webkit-inline-flex;`, `display:-ms-inline-flexbox;`, `display:inline-flex;`].join(''))
 		expect(prefix(`flex:inherit;`, 4)).to.equal([`-webkit-flex:inherit;`, `-ms-flex:inherit;`, `flex:inherit;`].join(''))
 		expect(prefix(`flex-grow:none;`, 9)).to.equal([`-webkit-box-flex:none;`, `-webkit-flex-grow:none;`, `-ms-flex-positive:none;`, `flex-grow:none;`].join(''))
@@ -104,7 +105,19 @@ describe('Prefixer', () => {
 
 	test('position', () => {
 		expect(prefix(`position:relative;`, 8)).to.equal([`position:relative;`].join(''))
+		expect(prefix(`position:static;`, 8)).to.equal([`position:static;`].join(''))
+		expect(prefix(`position:fixed;`, 8)).to.equal([`position:fixed;`].join(''))
+		expect(prefix(`position:absolute;`, 8)).to.equal([`position:absolute;`].join(''))
+		expect(prefix(`position:inherit;`, 8)).to.equal([`position:inherit;`].join(''))
+		expect(prefix(`position:initial;`, 8)).to.equal([`position:initial;`].join(''))
+		expect(prefix(`position:revert;`, 8)).to.equal([`position:revert;`].join(''))
+		expect(prefix(`position:revert-layer;`, 8)).to.equal([`position:revert-layer;`].join(''))
+		expect(prefix(`position:unset;`, 8)).to.equal([`position:unset;`].join(''))
+
 		expect(prefix(`position:sticky;`, 8)).to.equal([`position:-webkit-sticky;`, `position:sticky;`].join(''))
+		expect(prefix(`position:sticky!important;`, 8)).to.equal([`position:-webkit-sticky!important;`, `position:sticky!important;`].join(''))
+		expect(prefix(`position:sticky !important;`, 8)).to.equal([`position:-webkit-sticky !important;`, `position:sticky !important;`].join(''))
+		expect(prefix(`position:sticky      !important;`, 8)).to.equal([`position:-webkit-sticky      !important;`, `position:sticky      !important;`].join(''))
 	})
 
 	test('color-adjust', () => {
@@ -191,6 +204,8 @@ describe('Prefixer', () => {
 	test('grid', () => {
 		expect(prefix('display:grid;', 7)).to.equal([`display:-ms-grid;`, `display:grid;`].join(''))
 		expect(prefix('display:inline-grid;', 7)).to.equal([`display:-ms-inline-grid;`, `display:inline-grid;`].join(''))
+		expect(prefix('display:inline-grid!important;', 7)).to.equal([`display:-ms-inline-grid!important;`, `display:inline-grid!important;`].join(''))
+		expect(prefix('display:inline-grid !important;', 7)).to.equal([`display:-ms-inline-grid !important;`, `display:inline-grid !important;`].join(''))
 		expect(prefix(`align-self:value;`, 10)).to.equal([`-webkit-align-self:value;`, `-ms-flex-item-align:value;`, `-ms-grid-row-align:value;`, `align-self:value;`].join(''))
 		expect(prefix(`align-self:safe center;`, 10)).to.equal([`-webkit-align-self:safe center;`, `-ms-flex-item-align:safe center;`, `-ms-grid-row-align:safe center;`, `align-self:safe center;`].join(''))
 		expect(prefix('align-self:stretch;', 10)).to.equal([`-webkit-align-self:stretch;`, `-ms-flex-item-align:stretch;`, `-ms-grid-row-align:stretch;`, `align-self:stretch;`].join(''))

From e54905ee8a20eb932db5ee2040b6c87d99370dca Mon Sep 17 00:00:00 2001
From: SukkaW <isukkaw@gmail.com>
Date: Thu, 21 Apr 2022 16:58:18 +0800
Subject: [PATCH 094/134] test: stricter testing

---
 test/Prefixer.js | 11 +++++------
 1 file changed, 5 insertions(+), 6 deletions(-)

diff --git a/test/Prefixer.js b/test/Prefixer.js
index b2e182c..b1135e8 100644
--- a/test/Prefixer.js
+++ b/test/Prefixer.js
@@ -1,8 +1,11 @@
 import {compile, serialize, stringify, middleware, prefixer, prefix} from "../index.js"
 
+const globalCssValues = ['inherit', 'initial', 'unset', 'revert', 'revert-layer']
+
 describe('Prefixer', () => {
 	test('flex-box', () => {
-		expect(prefix(`display:block;`, 7)).to.equal(['display:block;'].join())
+		globalCssValues.forEach(v => expect(prefix(`display:${v};`, 7)).to.equal([`display:${v};`].join()))
+
 		expect(prefix(`display:flex!important;`, 7)).to.equal([`display:-webkit-box!important;`, `display:-webkit-flex!important;`, `display:-ms-flexbox!important;`, `display:flex!important;`].join(''))
 		expect(prefix(`display:flex !important;`, 7)).to.equal([`display:-webkit-box !important;`, `display:-webkit-flex !important;`, `display:-ms-flexbox !important;`, `display:flex !important;`].join(''))
 		expect(prefix(`display:inline-flex;`, 7)).to.equal([`display:-webkit-inline-box;`, `display:-webkit-inline-flex;`, `display:-ms-inline-flexbox;`, `display:inline-flex;`].join(''))
@@ -108,11 +111,7 @@ describe('Prefixer', () => {
 		expect(prefix(`position:static;`, 8)).to.equal([`position:static;`].join(''))
 		expect(prefix(`position:fixed;`, 8)).to.equal([`position:fixed;`].join(''))
 		expect(prefix(`position:absolute;`, 8)).to.equal([`position:absolute;`].join(''))
-		expect(prefix(`position:inherit;`, 8)).to.equal([`position:inherit;`].join(''))
-		expect(prefix(`position:initial;`, 8)).to.equal([`position:initial;`].join(''))
-		expect(prefix(`position:revert;`, 8)).to.equal([`position:revert;`].join(''))
-		expect(prefix(`position:revert-layer;`, 8)).to.equal([`position:revert-layer;`].join(''))
-		expect(prefix(`position:unset;`, 8)).to.equal([`position:unset;`].join(''))
+		globalCssValues.forEach(v => expect(prefix(`position:${v};`, 8)).to.equal([`position:${v};`].join()))
 
 		expect(prefix(`position:sticky;`, 8)).to.equal([`position:-webkit-sticky;`, `position:sticky;`].join(''))
 		expect(prefix(`position:sticky!important;`, 8)).to.equal([`position:-webkit-sticky!important;`, `position:sticky!important;`].join(''))

From f3c9f7ec773a0da3b2d34b94d95a935e3b938c7a Mon Sep 17 00:00:00 2001
From: SukkaW <isukkaw@gmail.com>
Date: Thu, 21 Apr 2022 16:59:24 +0800
Subject: [PATCH 095/134] refactor/fix: simplify logic

---
 src/Prefixer.js  | 22 ++++++++++------------
 test/Prefixer.js |  1 +
 2 files changed, 11 insertions(+), 12 deletions(-)

diff --git a/src/Prefixer.js b/src/Prefixer.js
index 4fa1d20..a9be338 100644
--- a/src/Prefixer.js
+++ b/src/Prefixer.js
@@ -105,20 +105,18 @@ export function prefix (value, length, children) {
 			return replace(value, /(.+?):(\d+)(\s*\/\s*(span)?\s*(\d+))?(.*)/, function (_, a, b, c, d, e, f) { return (MS + a + ':' + b + f) + (c ? (MS + a + '-span:' + (d ? e : +e - +b)) + f : '') + value })
 		// position: sticky
 		case 4949:
-			// (s)ticky?
-			if (charat(value, length + 1) !== 115)
-				break
+			// stick(y)?
+			if (charat(value, length + 6) === 121)
+				return replace(value, ':', ':' + WEBKIT) + value
+			break
 		// display: (flex|inline-flex|grid|inline-grid)
 		case 6444:
-			switch (charat(value, strlen(value) - 3 - (~indexof(value, ' !important') ? 11 : ~indexof(value, '!important') && 10))) {
-				// stic(k)y
-				case 107:
-					return replace(value, ':', ':' + WEBKIT) + value
-				// (inline-)?fl(e)x
-				case 101:
-					return replace(value, /(.+:)([^;\s!]+)(;|\s?!.+)?/, '$1' + WEBKIT + (charat(value, 14) === 45 ? 'inline-' : '') + 'box$3' + '$1' + WEBKIT + '$2$3' + '$1' + MS + '$2box$3') + value
-				// (inline-)?grid
-				case 105:
+			switch (charat(value, 14) === 45 ? charat(value, 18) : charat(value, 11)) {
+				// (inline-)?fle(x)
+				case 120:
+					return replace(value, /(.+:)([^;\s!]+)(;|(\s+)?!.+)?/, '$1' + WEBKIT + (charat(value, 14) === 45 ? 'inline-' : '') + 'box$3' + '$1' + WEBKIT + '$2$3' + '$1' + MS + '$2box$3') + value
+				// (inline-)?gri(d)
+				case 100:
 					return replace(value, ':', ':' + MS) + value
 			}
 			break
diff --git a/test/Prefixer.js b/test/Prefixer.js
index b1135e8..863a34c 100644
--- a/test/Prefixer.js
+++ b/test/Prefixer.js
@@ -8,6 +8,7 @@ describe('Prefixer', () => {
 
 		expect(prefix(`display:flex!important;`, 7)).to.equal([`display:-webkit-box!important;`, `display:-webkit-flex!important;`, `display:-ms-flexbox!important;`, `display:flex!important;`].join(''))
 		expect(prefix(`display:flex !important;`, 7)).to.equal([`display:-webkit-box !important;`, `display:-webkit-flex !important;`, `display:-ms-flexbox !important;`, `display:flex !important;`].join(''))
+		expect(prefix(`display:flex     !important;`, 7)).to.equal([`display:-webkit-box     !important;`, `display:-webkit-flex     !important;`, `display:-ms-flexbox     !important;`, `display:flex     !important;`].join(''))
 		expect(prefix(`display:inline-flex;`, 7)).to.equal([`display:-webkit-inline-box;`, `display:-webkit-inline-flex;`, `display:-ms-inline-flexbox;`, `display:inline-flex;`].join(''))
 		expect(prefix(`flex:inherit;`, 4)).to.equal([`-webkit-flex:inherit;`, `-ms-flex:inherit;`, `flex:inherit;`].join(''))
 		expect(prefix(`flex-grow:none;`, 9)).to.equal([`-webkit-box-flex:none;`, `-webkit-flex-grow:none;`, `-ms-flex-positive:none;`, `flex-grow:none;`].join(''))

From 505c9f8039fc94607905336fe9ca4683b0c1e84b Mon Sep 17 00:00:00 2001
From: SukkaW <isukkaw@gmail.com>
Date: Fri, 22 Apr 2022 11:43:27 +0800
Subject: [PATCH 096/134] test: cover all `display`

---
 test/Prefixer.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/test/Prefixer.js b/test/Prefixer.js
index 863a34c..3dfe1f7 100644
--- a/test/Prefixer.js
+++ b/test/Prefixer.js
@@ -4,7 +4,7 @@ const globalCssValues = ['inherit', 'initial', 'unset', 'revert', 'revert-layer'
 
 describe('Prefixer', () => {
 	test('flex-box', () => {
-		globalCssValues.forEach(v => expect(prefix(`display:${v};`, 7)).to.equal([`display:${v};`].join()))
+		globalCssValues.concat(['block', 'inline', 'inline-block', 'flow-root', 'none', 'contents', 'table', 'table-row', 'list-item']).forEach(v => expect(prefix(`display:${v};`, 7)).to.equal([`display:${v};`].join()))
 
 		expect(prefix(`display:flex!important;`, 7)).to.equal([`display:-webkit-box!important;`, `display:-webkit-flex!important;`, `display:-ms-flexbox!important;`, `display:flex!important;`].join(''))
 		expect(prefix(`display:flex !important;`, 7)).to.equal([`display:-webkit-box !important;`, `display:-webkit-flex !important;`, `display:-ms-flexbox !important;`, `display:flex !important;`].join(''))

From 368ba4b7c32bfac7e761edff3d07f76e032cb6c4 Mon Sep 17 00:00:00 2001
From: Sultan <810601+thysultan@users.noreply.github.com>
Date: Sat, 23 Apr 2022 12:48:13 +0300
Subject: [PATCH 097/134] small nit optimisation

---
 src/Prefixer.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/Prefixer.js b/src/Prefixer.js
index a9be338..9259230 100644
--- a/src/Prefixer.js
+++ b/src/Prefixer.js
@@ -111,7 +111,7 @@ export function prefix (value, length, children) {
 			break
 		// display: (flex|inline-flex|grid|inline-grid)
 		case 6444:
-			switch (charat(value, 14) === 45 ? charat(value, 18) : charat(value, 11)) {
+			switch (charat(value, charat(value, 14) === 45 ? 18 : 11)) {
 				// (inline-)?fle(x)
 				case 120:
 					return replace(value, /(.+:)([^;\s!]+)(;|(\s+)?!.+)?/, '$1' + WEBKIT + (charat(value, 14) === 45 ? 'inline-' : '') + 'box$3' + '$1' + WEBKIT + '$2$3' + '$1' + MS + '$2box$3') + value

From 09388f08f431602057473293618c67368a131dcf Mon Sep 17 00:00:00 2001
From: Sultan <810601+thysultan@users.noreply.github.com>
Date: Sat, 23 Apr 2022 12:54:33 +0300
Subject: [PATCH 098/134] 4.1.1

---
 package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/package.json b/package.json
index 023975f..1860c0b 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "stylis",
-  "version": "4.1.0",
+  "version": "4.1.1",
   "license": "MIT",
   "description": "A Light–weight CSS Preprocessor",
   "homepage": "https://github.com/thysultan/stylis.js",

From 31e0dd279c426237e1c32175203668b60cbae23a Mon Sep 17 00:00:00 2001
From: SukkaW <isukkaw@gmail.com>
Date: Sat, 23 Apr 2022 17:56:19 +0800
Subject: [PATCH 099/134] size optimization

---
 src/Prefixer.js | 34 ++++++++++++++++------------------
 1 file changed, 16 insertions(+), 18 deletions(-)

diff --git a/src/Prefixer.js b/src/Prefixer.js
index 2232514..5e9586e 100644
--- a/src/Prefixer.js
+++ b/src/Prefixer.js
@@ -27,8 +27,22 @@ export function prefix (value, length, children) {
 		// appearance, user-select, transform, hyphens, text-size-adjust
 		case 5349: case 4246: case 4810: case 6968: case 2756:
 			return WEBKIT + value + MOZ + value + MS + value + value
-		// flex, flex-direction
-		case 6828: case 4268:
+		// writing-mode
+		case 5936:
+			switch (charat(value, length + 11)) {
+				// vertical-l(r)
+				case 114:
+					return WEBKIT + value + MS + replace(value, /[svh]\w+-[tblr]{2}/, 'tb') + value
+				// vertical-r(l)
+				case 108:
+					return WEBKIT + value + MS + replace(value, /[svh]\w+-[tblr]{2}/, 'tb-rl') + value
+				// horizontal(-)tb
+				case 45:
+					return WEBKIT + value + MS + replace(value, /[svh]\w+-[tblr]{2}/, 'lr') + value
+				// default: fallthrough to below
+			}
+		// flex, flex-direction, scroll-snap-type, writing-mode
+		case 6828: case 4268: case 2903:
 			return WEBKIT + value + MS + value + value
 		// order
 		case 6165:
@@ -123,22 +137,6 @@ export function prefix (value, length, children) {
 					return replace(value, ':', ':' + MS) + value
 			}
 			break
-		// writing-mode
-		case 5936:
-			switch (charat(value, length + 11)) {
-				// vertical-l(r)
-				case 114:
-					return WEBKIT + value + MS + replace(value, /[svh]\w+-[tblr]{2}/, 'tb') + value
-				// vertical-r(l)
-				case 108:
-					return WEBKIT + value + MS + replace(value, /[svh]\w+-[tblr]{2}/, 'tb-rl') + value
-				// horizontal(-)tb
-				case 45:
-					return WEBKIT + value + MS + replace(value, /[svh]\w+-[tblr]{2}/, 'lr') + value
-			}
-		// scroll-snap-type
-		case 2903:
-			return WEBKIT + value + MS + value + value
 		// scroll-margin, scroll-margin-(top|right|bottom|left)
 		case 5719: case 2647: case 2135: case 3927: case 2391:
 			return replace(value, 'scroll-', 'scroll-snap-') + value

From a3e24f326bf146a942f0aa478b7eac7676bb7483 Mon Sep 17 00:00:00 2001
From: SukkaW <isukkaw@gmail.com>
Date: Sun, 24 Apr 2022 09:06:40 +0800
Subject: [PATCH 100/134] style: enable eslint `no-else-after-return`

---
 package.json    | 3 +++
 src/Prefixer.js | 3 +--
 2 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/package.json b/package.json
index 1860c0b..20a41bf 100644
--- a/package.json
+++ b/package.json
@@ -128,6 +128,9 @@
       "no-whitespace-before-property": [
         "error"
       ],
+      "no-else-return": [
+        "error"
+      ],
       "eol-last": [
         "error"
       ],
diff --git a/src/Prefixer.js b/src/Prefixer.js
index 5e9586e..c29bc19 100644
--- a/src/Prefixer.js
+++ b/src/Prefixer.js
@@ -88,9 +88,8 @@ export function prefix (value, length, children) {
 		case 4384: case 3616:
 			if (children && children.some(function (element, index) { return length = index, match(element.props, /grid-\w+-end/) })) {
 				return ~indexof(value + (children = children[length].value), 'span') ? value : (MS + replace(value, '-start', '') + value + MS + 'grid-row-span:' + (~indexof(children, 'span') ? match(children, /\d+/) : +match(children, /\d+/) - +match(value, /\d+/)) + ';')
-			} else {
-				return MS + replace(value, '-start', '') + value
 			}
+			return MS + replace(value, '-start', '') + value
 		// grid-(row|column)-end
 		case 4896: case 4128:
 			return (children && children.some(function (element) { return match(element.props, /grid-\w+-start/) })) ? value : MS + replace(replace(value, '-end', '-span'), 'span ', '') + value

From c2ee450a949f711fb7fd6d81d95e5f4d355243d7 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Mateusz=20Burzy=C5=84ski?= <mateuszburzynski@gmail.com>
Date: Thu, 18 Aug 2022 23:51:48 +0200
Subject: [PATCH 101/134] Expose `stylis` object globally on the docs site

---
 docs/index.html | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/docs/index.html b/docs/index.html
index a6faa1b..b1c3726 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -48,6 +48,9 @@
 		</div>
 		<script type=module>
 			import {compile, serialize, middleware, prefixer, stringify} from 'https://unpkg.com/stylis?module'
+			import * as stylis from 'https://unpkg.com/stylis?module'
+			
+			window.stylis = stylis
 
 			function tabbed (select, ranged, content) {
 				ranged.deleteContents()

From 5cab3e4ccd8a11ddefeb7f5a9c4b3893fae4e905 Mon Sep 17 00:00:00 2001
From: Luciano Ayres <lucianofarias@gmail.com>
Date: Sat, 3 Sep 2022 17:21:46 -0300
Subject: [PATCH 102/134] Upadte README.md

Fix 'never the less' typo to the correct single word 'nevertheless'
---
 README.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/README.md b/README.md
index b2135e9..7721ee7 100644
--- a/README.md
+++ b/README.md
@@ -150,7 +150,7 @@ For example consider the following: `--foo: {};`
 
 While this is valid CSS and supported. It is unclear what should happen when the rule collides with the implicit block termination rule that allows i.e `h1{color:red}`(notice the omitted semicolon) to also be a valid CSS production. This results in the following contradiction in: `h1{--example: {}` is it to be treated as `h1{--foo:{;}` or `h1{--foo:{}` the later of which is an unterminated block or in the following: `h1{--foo:{} h1{color:red;}` should it be `h1 {--foo:{}h1{color:red;};` where `{}h1{color:red;` is part of the css variable `--foo` and not a new rule or should it be something else? 
 
-Never the less Stylis still supports the exotic forms highlighted in the spec, however you should consider it as a general rule to delimit such exotic uses of variables in strings or parentheses i.e: `h1{--foo:'{'}` or `h1{--foo:({)}`. 
+Nevertheless Stylis still supports the exotic forms highlighted in the spec, however you should consider it as a general rule to delimit such exotic uses of variables in strings or parentheses i.e: `h1{--foo:'{'}` or `h1{--foo:({)}`. 
 
 ## Benchmark
 

From a0249c82e3e62bcfc1b5ff9a45193aaac96a7f25 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Mateusz=20Burzy=C5=84ski?= <mateuszburzynski@gmail.com>
Date: Fri, 9 Sep 2022 11:40:36 +0200
Subject: [PATCH 103/134] Avoid prefixing css vars

---
 src/Parser.js    | 4 ++--
 src/Prefixer.js  | 2 +-
 test/Prefixer.js | 4 ++++
 3 files changed, 7 insertions(+), 3 deletions(-)

diff --git a/src/Parser.js b/src/Parser.js
index f276521..a637b84 100644
--- a/src/Parser.js
+++ b/src/Parser.js
@@ -1,5 +1,5 @@
 import {COMMENT, RULESET, DECLARATION} from './Enum.js'
-import {abs, trim, from, sizeof, strlen, substr, append, replace, indexof} from './Utility.js'
+import {abs, charat, trim, from, sizeof, strlen, substr, append, replace, indexof} from './Utility.js'
 import {node, char, prev, next, peek, caret, alloc, dealloc, delimit, whitespace, escaping, identifier, commenter} from './Tokenizer.js'
 
 /**
@@ -43,7 +43,7 @@ export function parse (value, root, parent, rule, rules, rulesets, pseudo, point
 		switch (previous = character, character = next()) {
 			// (
 			case 40:
-				if (previous != 108 && characters.charCodeAt(length - 1) == 58) {
+				if (previous != 108 && charat(characters, length - 1) == 58) {
 					if (indexof(characters += replace(delimit(character), '&', '&\f'), '&\f') != -1)
 						ampersand = -1
 					break
diff --git a/src/Prefixer.js b/src/Prefixer.js
index c29bc19..3e4aba2 100644
--- a/src/Prefixer.js
+++ b/src/Prefixer.js
@@ -8,7 +8,7 @@ import {hash, charat, strlen, indexof, replace, substr, match} from './Utility.j
  * @return {string}
  */
 export function prefix (value, length, children) {
-	switch (hash(value, length)) {
+	switch (charat(value, 0) != 45 && charat(value, 1) != 45 && hash(value, length)) {
 		// color-adjust
 		case 5103:
 			return WEBKIT + 'print-' + value + value
diff --git a/test/Prefixer.js b/test/Prefixer.js
index 23ea154..ffb361d 100644
--- a/test/Prefixer.js
+++ b/test/Prefixer.js
@@ -271,4 +271,8 @@ describe('Prefixer', () => {
 	test('tab-size', () => {
 		expect(prefix(`tab-size:1;`, 8)).to.equal([`-moz-tab-size:1;`, `tab-size:1;`].join(''))
 	})
+
+	test('css variables', () => {
+		expect(prefix(`--CircularProgress-animation:0.5s linear;`, 28)).to.equal('--CircularProgress-animation:0.5s linear;')
+	})
 })

From c1ffa889fdc12b523efc3f99ca34a877d417d527 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Mateusz=20Burzy=C5=84ski?= <mateuszburzynski@gmail.com>
Date: Fri, 9 Sep 2022 17:38:27 +0200
Subject: [PATCH 104/134] Move the check to the `hash` function

---
 src/Prefixer.js | 2 +-
 src/Utility.js  | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/Prefixer.js b/src/Prefixer.js
index 3e4aba2..c29bc19 100644
--- a/src/Prefixer.js
+++ b/src/Prefixer.js
@@ -8,7 +8,7 @@ import {hash, charat, strlen, indexof, replace, substr, match} from './Utility.j
  * @return {string}
  */
 export function prefix (value, length, children) {
-	switch (charat(value, 0) != 45 && charat(value, 1) != 45 && hash(value, length)) {
+	switch (hash(value, length)) {
 		// color-adjust
 		case 5103:
 			return WEBKIT + 'print-' + value + value
diff --git a/src/Utility.js b/src/Utility.js
index a27883b..702fe6e 100644
--- a/src/Utility.js
+++ b/src/Utility.js
@@ -22,7 +22,7 @@ export var assign = Object.assign
  * @return {number}
  */
 export function hash (value, length) {
-	return (((((((length << 2) ^ charat(value, 0)) << 2) ^ charat(value, 1)) << 2) ^ charat(value, 2)) << 2) ^ charat(value, 3)
+	return charat(value, 0) ^ 45 ? (((((((length << 2) ^ charat(value, 0)) << 2) ^ charat(value, 1)) << 2) ^ charat(value, 2)) << 2) ^ charat(value, 3) : 0
 }
 
 /**

From 3b83b1bfc4e674af1517d3d7de482e5cc3ea397b Mon Sep 17 00:00:00 2001
From: Sultan <105234327+natlusyht@users.noreply.github.com>
Date: Sat, 10 Sep 2022 02:04:26 +0300
Subject: [PATCH 105/134] pump master version

---
 package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/package.json b/package.json
index 20a41bf..529c746 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "stylis",
-  "version": "4.1.1",
+  "version": "4.1.2",
   "license": "MIT",
   "description": "A Light–weight CSS Preprocessor",
   "homepage": "https://github.com/thysultan/stylis.js",

From 1b97880ce7cf9b93aa4fa54bec3e799c76913594 Mon Sep 17 00:00:00 2001
From: Will Jones <will@sacharissa.co.uk>
Date: Tue, 25 Oct 2022 11:57:41 +0000
Subject: [PATCH 106/134] Add support for container queries

This commit adds support for container queries, parsing and hoisting
them in the same manner that media queries are.
---
 src/Parser.js  |  2 +-
 test/Parser.js | 39 +++++++++++++++++++++++++++++++++++++++
 2 files changed, 40 insertions(+), 1 deletion(-)

diff --git a/src/Parser.js b/src/Parser.js
index a637b84..0d733e4 100644
--- a/src/Parser.js
+++ b/src/Parser.js
@@ -93,7 +93,7 @@ export function parse (value, root, parent, rule, rules, rulesets, pseudo, point
 							if (offset === 0)
 								parse(characters, root, reference, reference, props, rulesets, length, points, children)
 							else
-								switch (atrule) {
+								switch (atrule === 99 && charat(characters, 3) === 110 ? 100 : atrule) {
 									// d m s
 									case 100: case 109: case 115:
 										parse(value, reference, reference, rule && append(ruleset(value, reference, reference, 0, 0, rules, points, type, rules, props = [], length), children), rules, children, length, points, rule ? props : children)
diff --git a/test/Parser.js b/test/Parser.js
index 78f940c..2ad8ea7 100644
--- a/test/Parser.js
+++ b/test/Parser.js
@@ -731,6 +731,26 @@ describe('Parser', () => {
     ).to.equal(`.user a a a a a a a a a a a a{color:red;}`)
   })
 
+  test('nesting @container multiple levels', () => {
+    expect(
+      stylis(`
+        div {
+          @container {
+            a {
+              color:red;
+
+        @container {
+                h1 {
+                  color:hotpink;
+                }
+              }
+            }
+          }
+        }
+      `)
+    ).to.equal([`@container{.user div a{color:red;}`, `@container{.user div a h1{color:hotpink;}}}`].join(''))
+  })
+
   test('nesting @media multiple levels', () => {
     expect(
       stylis(`
@@ -875,6 +895,21 @@ describe('Parser', () => {
     ).to.equal(`@media (min-width: 400px){.user div{border-left:1px solid hotpink;}.user span{border-top:none;}}`)
   })
 
+  test('comment in a group of selectors inside a container query', () => {
+    expect(
+      stylis(`
+        @container (min-width: 400px) {
+          div /* comment */ {
+            border-left:1px solid hotpink;
+          }
+          span {
+            border-top:none;
+          }
+        }
+      `)
+    ).to.equal(`@container (min-width: 400px){.user div{border-left:1px solid hotpink;}.user span{border-top:none;}}`)
+  })
+
   test('comment - bang at the start (#114)', () => {
     expect(serialize(compile(`/*! test */body{color:red;}`), stringify)).to.equal('body{color:red;}')
   })
@@ -1032,6 +1067,9 @@ describe('Parser', () => {
         @media {
           color:blue;
         }
+        @container (min-width: 250px) {
+          color:green;
+        }
       }
 
       &.foo {
@@ -1058,6 +1096,7 @@ describe('Parser', () => {
       `.user h1 header,.user div header{font-size:12px;}`+
       `@media{.user h1,.user div{color:red;}}`+
       `@media{.user h1,.user div{color:blue;}}`+
+      `@container (min-width: 250px){.user h1,.user div{color:green;}}`+
       `.user.foo.bar{color:orange;}`+
       `.user.foo.bar.barbar{color:orange;}`
     ].join(''))

From ad2cead307da972a221ab10c6d07f8085423ec5e Mon Sep 17 00:00:00 2001
From: Sultan <105234327+natlusyht@users.noreply.github.com>
Date: Wed, 26 Oct 2022 21:58:11 +0300
Subject: [PATCH 107/134] 4.1.3

---
 package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/package.json b/package.json
index 529c746..0d7300e 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "stylis",
-  "version": "4.1.2",
+  "version": "4.1.3",
   "license": "MIT",
   "description": "A Light–weight CSS Preprocessor",
   "homepage": "https://github.com/thysultan/stylis.js",

From bb6712b66787fb224e940e99db373997cea383eb Mon Sep 17 00:00:00 2001
From: Seungyeon Lee <sie9412@gmail.com>
Date: Sat, 31 Dec 2022 01:10:36 +0900
Subject: [PATCH 108/134] fix: webkit mask-composite values

---
 src/Prefixer.js | 16 ++++++++++++----
 1 file changed, 12 insertions(+), 4 deletions(-)

diff --git a/src/Prefixer.js b/src/Prefixer.js
index c29bc19..9dcef55 100644
--- a/src/Prefixer.js
+++ b/src/Prefixer.js
@@ -1,5 +1,5 @@
-import {MS, MOZ, WEBKIT} from './Enum.js'
-import {hash, charat, strlen, indexof, replace, substr, match} from './Utility.js'
+import { MOZ, MS, WEBKIT } from './Enum.js';
+import { charat, hash, indexof, match, replace, strlen, substr } from './Utility.js';
 
 /**
  * @param {string} value
@@ -16,11 +16,19 @@ export function prefix (value, length, children) {
 		case 5737: case 4201: case 3177: case 3433: case 1641: case 4457: case 2921:
 		// text-decoration, filter, clip-path, backface-visibility, column, box-decoration-break
 		case 5572: case 6356: case 5844: case 3191: case 6645: case 3005:
-		// mask, mask-image, mask-(mode|clip|size), mask-(repeat|origin), mask-position, mask-composite,
-		case 6391: case 5879: case 5623: case 6135: case 4599: case 4855:
 		// background-clip, columns, column-(count|fill|gap|rule|rule-color|rule-style|rule-width|span|width)
 		case 4215: case 6389: case 5109: case 5365: case 5621: case 3829:
+		// mask, mask-image, mask-(mode|clip|size), mask-(repeat|origin), mask-position
+		case 6391: case 5879: case 5623: case 6135: case 4599: 
 			return WEBKIT + value + value
+		// mask-composite
+		case 4855:
+			const webkitValue = value
+        .replaceAll("add", "source-over")
+        .replaceAll("substract", "source-out")
+        .replaceAll("intersect", "source-in")
+        .replaceAll("exclude", "xor");
+      return WEBKIT + webkitValue + value;
 		// tab-size
 		case 4789:
 			return MOZ + value + value

From 4c62f6f0c46c01b4b856e630ae603a8a65362398 Mon Sep 17 00:00:00 2001
From: Sultan <810601+thysultan@users.noreply.github.com>
Date: Thu, 13 Apr 2023 02:39:13 +0300
Subject: [PATCH 109/134] replace replaceAll

---
 src/Prefixer.js | 11 +++--------
 1 file changed, 3 insertions(+), 8 deletions(-)

diff --git a/src/Prefixer.js b/src/Prefixer.js
index 9dcef55..de18a2c 100644
--- a/src/Prefixer.js
+++ b/src/Prefixer.js
@@ -1,5 +1,5 @@
-import { MOZ, MS, WEBKIT } from './Enum.js';
-import { charat, hash, indexof, match, replace, strlen, substr } from './Utility.js';
+import {MS, MOZ, WEBKIT} from './Enum.js'
+import {hash, charat, strlen, indexof, replace, substr, match} from './Utility.js'
 
 /**
  * @param {string} value
@@ -23,12 +23,7 @@ export function prefix (value, length, children) {
 			return WEBKIT + value + value
 		// mask-composite
 		case 4855:
-			const webkitValue = value
-        .replaceAll("add", "source-over")
-        .replaceAll("substract", "source-out")
-        .replaceAll("intersect", "source-in")
-        .replaceAll("exclude", "xor");
-      return WEBKIT + webkitValue + value;
+      return WEBKIT + value.replace('add', 'source-over').replace('substract', 'source-out').replace('intersect', 'source-in').replace('exclude', 'xor') + value;
 		// tab-size
 		case 4789:
 			return MOZ + value + value

From a12c24d3565b5df8c5acce333a82d0b0292cc1b8 Mon Sep 17 00:00:00 2001
From: Sultan <810601+thysultan@users.noreply.github.com>
Date: Thu, 13 Apr 2023 02:41:46 +0300
Subject: [PATCH 110/134] for the lint gods

---
 src/Prefixer.js | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/Prefixer.js b/src/Prefixer.js
index de18a2c..a058d7e 100644
--- a/src/Prefixer.js
+++ b/src/Prefixer.js
@@ -19,11 +19,11 @@ export function prefix (value, length, children) {
 		// background-clip, columns, column-(count|fill|gap|rule|rule-color|rule-style|rule-width|span|width)
 		case 4215: case 6389: case 5109: case 5365: case 5621: case 3829:
 		// mask, mask-image, mask-(mode|clip|size), mask-(repeat|origin), mask-position
-		case 6391: case 5879: case 5623: case 6135: case 4599: 
+		case 6391: case 5879: case 5623: case 6135: case 4599:
 			return WEBKIT + value + value
 		// mask-composite
 		case 4855:
-      return WEBKIT + value.replace('add', 'source-over').replace('substract', 'source-out').replace('intersect', 'source-in').replace('exclude', 'xor') + value;
+			return WEBKIT + value.replace('add', 'source-over').replace('substract', 'source-out').replace('intersect', 'source-in').replace('exclude', 'xor') + value
 		// tab-size
 		case 4789:
 			return MOZ + value + value

From d28ad012a2b1fca95cf077befdecb6c429007d0e Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Mateusz=20Burzy=C5=84ski?= <mateuszburzynski@gmail.com>
Date: Thu, 27 Apr 2023 00:31:21 +0200
Subject: [PATCH 111/134] Fixed a case with `&` within a nested function in a
 declaration value (#307)

* Add a failing test case for `&` within a nested function in a declaration value

* fix whitespace character unexpected inclusion

---------

Co-authored-by: Sultan <810601+thysultan@users.noreply.github.com>
---
 src/Parser.js  |  2 +-
 test/Parser.js | 12 +++++++++++-
 2 files changed, 12 insertions(+), 2 deletions(-)

diff --git a/src/Parser.js b/src/Parser.js
index 0d733e4..75cebb0 100644
--- a/src/Parser.js
+++ b/src/Parser.js
@@ -79,7 +79,7 @@ export function parse (value, root, parent, rule, rules, rulesets, pseudo, point
 					// \0 }
 					case 0: case 125: scanning = 0
 					// ;
-					case 59 + offset:
+					case 59 + offset: if (ampersand == -1) characters = replace(characters, /\f/g, '')
 						if (property > 0 && (strlen(characters) - length))
 							append(property > 32 ? declaration(characters + ';', rule, parent, length - 1) : declaration(replace(characters, ' ', '') + ';', rule, parent, length - 2), declarations)
 						break
diff --git a/test/Parser.js b/test/Parser.js
index 2ad8ea7..01a305b 100644
--- a/test/Parser.js
+++ b/test/Parser.js
@@ -122,6 +122,16 @@ describe('Parser', () => {
     ).to.equal(`.user{color:red;}`)
   })
 
+  test('& in value in a nested function', () => {
+    const urlOneX = "https://images.ctfassets.net/test.jpg?fm=webp&q=70&w=1000";
+    const urlTwoX = "https://images.ctfassets.net/test.jpg?fm=webp&q=70&w=2000";
+    expect(
+      stylis(`
+        background-image: image-set(url(${urlOneX}) 1x, url(${urlTwoX}) 2x);
+     `)
+    ).to.equal(`.user{background-image:image-set(url(${urlOneX}) 1x, url(${urlTwoX}) 2x);}`)
+  })
+
   test('& in a string', () => {
     expect(
       stylis(`
@@ -145,7 +155,7 @@ describe('Parser', () => {
       '.user.\\@example\\.com{color:blue;}',
       '.user.owner\\/founder{color:green;}',
       // while double spaces after escaped hex codes need to be preserved,
-      // after an escaped character / code point it need not be preserved 
+      // after an escaped character / code point it need not be preserved
       '.user.discount\\%{color:purple;}'
     ].join(''))
   });

From 1466416c28263fca038efc10fcda5b66acbe72e4 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Mateusz=20Burzy=C5=84ski?= <mateuszburzynski@gmail.com>
Date: Fri, 28 Apr 2023 08:29:55 +0200
Subject: [PATCH 112/134] 4.1.4

---
 package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/package.json b/package.json
index 0d7300e..0c27323 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "stylis",
-  "version": "4.1.3",
+  "version": "4.1.4",
   "license": "MIT",
   "description": "A Light–weight CSS Preprocessor",
   "homepage": "https://github.com/thysultan/stylis.js",

From 5d1b0841ccde8369824a0730c4c637fb7ff31637 Mon Sep 17 00:00:00 2001
From: Evan Jacobs <570070+probablyup@users.noreply.github.com>
Date: Fri, 5 May 2023 07:12:15 -0400
Subject: [PATCH 113/134] Support cascade @layer (#313)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

* chore: add failing test

* feat: support @layer queries

* chore: ignore yarn lock

* chore: remove whitespace changes from test file

* reorder cases

* test: add additional tests

* test: add failing test for standalone @import-like syntax

* feat: add LAYER env variable

* feat: handle @layer rules without children

* chore: add code comment

* minify code a little bit

* remove redundant testing util

* add extra test cases mixing layer and media

* add an extra test case mixing layer and keyframes

* adjust style

* tweak test title

---------

Co-authored-by: Mateusz Burzyński <mateuszburzynski@gmail.com>
---
 .gitignore        |   1 +
 src/Enum.js       |   1 +
 src/Parser.js     |   4 +-
 src/Serializer.js |   3 +-
 test/Parser.js    | 101 ++++++++++++++++++++++++++++++++++++++++++++++
 5 files changed, 107 insertions(+), 3 deletions(-)

diff --git a/.gitignore b/.gitignore
index 315b335..763d7ce 100644
--- a/.gitignore
+++ b/.gitignore
@@ -16,3 +16,4 @@ coverage
 .nyc_output
 dist/
 package-lock.json
+yarn.lock
diff --git a/src/Enum.js b/src/Enum.js
index 0d611ab..77f2cef 100644
--- a/src/Enum.js
+++ b/src/Enum.js
@@ -18,3 +18,4 @@ export var KEYFRAMES = '@keyframes'
 export var FONT_FACE = '@font-face'
 export var COUNTER_STYLE = '@counter-style'
 export var FONT_FEATURE_VALUES = '@font-feature-values'
+export var LAYER = '@layer'
diff --git a/src/Parser.js b/src/Parser.js
index 75cebb0..68c5c02 100644
--- a/src/Parser.js
+++ b/src/Parser.js
@@ -94,8 +94,8 @@ export function parse (value, root, parent, rule, rules, rulesets, pseudo, point
 								parse(characters, root, reference, reference, props, rulesets, length, points, children)
 							else
 								switch (atrule === 99 && charat(characters, 3) === 110 ? 100 : atrule) {
-									// d m s
-									case 100: case 109: case 115:
+									// d l m s
+									case 100: case 108: case 109: case 115:
 										parse(value, reference, reference, rule && append(ruleset(value, reference, reference, 0, 0, rules, points, type, rules, props = [], length), children), rules, children, length, points, rule ? props : children)
 										break
 									default:
diff --git a/src/Serializer.js b/src/Serializer.js
index 5631c70..0c1ffa3 100644
--- a/src/Serializer.js
+++ b/src/Serializer.js
@@ -1,4 +1,4 @@
-import {IMPORT, COMMENT, RULESET, DECLARATION, KEYFRAMES} from './Enum.js'
+import {IMPORT, LAYER, COMMENT, RULESET, DECLARATION, KEYFRAMES} from './Enum.js'
 import {strlen, sizeof} from './Utility.js'
 
 /**
@@ -25,6 +25,7 @@ export function serialize (children, callback) {
  */
 export function stringify (element, index, children, callback) {
 	switch (element.type) {
+		case LAYER: if (element.children.length) break
 		case IMPORT: case DECLARATION: return element.return = element.return || element.value
 		case COMMENT: return ''
 		case KEYFRAMES: return element.return = element.value + '{' + serialize(element.children, callback) + '}'
diff --git a/test/Parser.js b/test/Parser.js
index 01a305b..de0ddf4 100644
--- a/test/Parser.js
+++ b/test/Parser.js
@@ -1111,4 +1111,105 @@ describe('Parser', () => {
       `.user.foo.bar.barbar{color:orange;}`
     ].join(''))
   })
+
+  test('cascade @layer (#312)', () => {
+    expect(
+      stylis(`
+        @layer base {
+          border-left:1px solid hotpink;
+        }
+      `)
+    ).to.equal(`@layer base{.user{border-left:1px solid hotpink;}}`);
+
+    expect(
+      stylis(`
+        @layer base {
+          @layer layout {
+            border-left:1px solid hotpink;
+          }
+        }
+      `)
+    ).to.equal(`@layer base{@layer layout{.user{border-left:1px solid hotpink;}}}`);
+
+    expect(
+      stylis(`
+        @layer framework.layout {
+          border-left:1px solid hotpink;
+        }
+      `)
+    ).to.equal(`@layer framework.layout{.user{border-left:1px solid hotpink;}}`);
+
+    expect(
+      stylis(`
+        @import "theme.css" layer(utilties);
+      `)
+    ).to.equal(`@import "theme.css" layer(utilties);`);
+
+    expect(
+      stylis(`
+        @import "foo";
+      `)
+    ).to.equal(`@import "foo";`);
+
+    expect(
+      stylis(`
+        @layer utilities;
+      `)
+    ).to.equal(`@layer utilities;`);
+
+    expect(
+      stylis(`
+        @layer theme, layout, utilities;
+      `)
+    ).to.equal(`@layer theme,layout,utilities;`);
+
+    expect(
+      stylis(`
+        @media (min-width: 30em) {
+          @layer layout {
+            .title { font-size: x-large; }
+          }
+        }
+
+        @layer theme {
+          @media (prefers-color-scheme: dark) {
+            .title { color: white; }
+          }
+        }
+      `)
+    ).to.equal([
+      `@media (min-width: 30em){@layer layout{.user .title{font-size:x-large;}}}`,
+      `@layer theme{@media (prefers-color-scheme: dark){.user .title{color:white;}}}`
+    ].join(''));
+
+    expect(
+      stylis(`
+        @media (min-width: 30em) {
+          @layer layout {
+            .title { font-size: x-large; }
+          }
+        }
+
+        @layer theme {
+          @media (prefers-color-scheme: dark) {
+            .title { color: white; }
+          }
+        }
+      `)
+    ).to.equal([
+      `@media (min-width: 30em){@layer layout{.user .title{font-size:x-large;}}}`,
+      `@layer theme{@media (prefers-color-scheme: dark){.user .title{color:white;}}}`
+    ].join(''));
+
+    expect(
+      stylis(`
+        @layer framework {
+          @keyframes slide-left {
+            from { margin-left: 0; }
+            to { margin-left: -100%; }
+          }
+        }
+      `)
+    ).to.equal(`@layer framework{@keyframes slide-left{from{margin-left:0;}to{margin-left:-100%;}}}`);
+  });
 })

From d63e77e4bb14d9f3f035412b3a0afe900a098714 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Mateusz=20Burzy=C5=84ski?= <mateuszburzynski@gmail.com>
Date: Fri, 5 May 2023 22:00:44 +0200
Subject: [PATCH 114/134] Upgrade used GitHub actions (#314)

* Upgrade used GitHub actions and node version on the CI

* Remove explicit option passed to coverallsapp

* revert back to coverallsapp/github-action@v1

* bring back explicit path-to-lcov input

* use exact version for coveralsapp action

* Use node 11

* try to upgrade coverallsapp action again
---
 .github/workflows/main.yaml | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/.github/workflows/main.yaml b/.github/workflows/main.yaml
index 5960524..3485cfa 100644
--- a/.github/workflows/main.yaml
+++ b/.github/workflows/main.yaml
@@ -8,9 +8,9 @@ jobs:
         node-version: [11.4.0]
     steps:
     - name: checkout
-      uses: actions/checkout@v1
+      uses: actions/checkout@v3
     - name: setup ${{ matrix.node-version }}
-      uses: actions/setup-node@v1
+      uses: actions/setup-node@v3
       with:
         node-version: ${{ matrix.node-version }}
     - name: test
@@ -18,7 +18,7 @@ jobs:
         npm install
         npm test
     - name: report
-      uses: coverallsapp/github-action@v1.0.1
+      uses: coverallsapp/github-action@v2
       with:
         github-token: ${{ secrets.GITHUB_TOKEN }}
-        path-to-lcov: ./coverage/lcov.info
+        file: ./coverage/lcov.info

From 1bf92ea2338610a49e3e0ae06d9e6ed8f6f986a9 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Mateusz=20Burzy=C5=84ski?= <mateuszburzynski@gmail.com>
Date: Fri, 5 May 2023 22:23:18 +0200
Subject: [PATCH 115/134] 4.2.0

---
 package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/package.json b/package.json
index 0c27323..41ffc8d 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "stylis",
-  "version": "4.1.4",
+  "version": "4.2.0",
   "license": "MIT",
   "description": "A Light–weight CSS Preprocessor",
   "homepage": "https://github.com/thysultan/stylis.js",

From 0b6d567938594df0829b12d558778d056de3ed16 Mon Sep 17 00:00:00 2001
From: Evan Jacobs <570070+probablyup@users.noreply.github.com>
Date: Tue, 27 Jun 2023 05:22:20 -0400
Subject: [PATCH 116/134] Separate prefixed pseudos in nested rules to avoid
 CSSOM injection failures (#315)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

* chore: add failing test for prefixer + rulesheet re: placeholder pseudo

* serialize pseudos in nested rules recursively

* read-write, placeholder prefix refactor

also adds ability to introspect an elements siblings from the element object

* get the correct order of prefixed values

* nit redundant checks

* fixed mixed indentation in test files

---------

Co-authored-by: Mateusz Burzyński <mateuszburzynski@gmail.com>
Co-authored-by: Sultan <810601+thysultan@users.noreply.github.com>
---
 src/Middleware.js  | 24 +++++++++++++----------
 src/Parser.js      | 23 ++++++++++++----------
 src/Serializer.js  |  7 +++----
 src/Tokenizer.js   | 17 +++++++++++++---
 src/Utility.js     |  9 +++++++++
 test/Middleware.js | 48 ++++++++++++++++++++++++++++++++++++----------
 test/Tokenizer.js  |  6 +++---
 7 files changed, 94 insertions(+), 40 deletions(-)

diff --git a/src/Middleware.js b/src/Middleware.js
index faf234f..1d7df2c 100644
--- a/src/Middleware.js
+++ b/src/Middleware.js
@@ -1,6 +1,6 @@
 import {MS, MOZ, WEBKIT, RULESET, KEYFRAMES, DECLARATION} from './Enum.js'
-import {match, charat, substr, strlen, sizeof, replace, combine} from './Utility.js'
-import {copy, tokenize} from './Tokenizer.js'
+import {match, charat, substr, strlen, sizeof, replace, combine, filter, assign} from './Utility.js'
+import {copy, lift, tokenize} from './Tokenizer.js'
 import {serialize} from './Serializer.js'
 import {prefix} from './Prefixer.js'
 
@@ -49,18 +49,22 @@ export function prefixer (element, index, children, callback) {
 					return serialize([copy(element, {value: replace(element.value, '@', '@' + WEBKIT)})], callback)
 				case RULESET:
 					if (element.length)
-						return combine(element.props, function (value) {
-							switch (match(value, /(::plac\w+|:read-\w+)/)) {
+						return combine(children = element.props, function (value) {
+							switch (match(value, callback = /(::plac\w+|:read-\w+)/)) {
 								// :read-(only|write)
 								case ':read-only': case ':read-write':
-									return serialize([copy(element, {props: [replace(value, /:(read-\w+)/, ':' + MOZ + '$1')]})], callback)
+									lift(copy(element, {props: [replace(value, /:(read-\w+)/, ':' + MOZ + '$1')]}))
+									lift(copy(element, {props: [value]}))
+									assign(element, {props: filter(children, callback)})
+									break
 								// :placeholder
 								case '::placeholder':
-									return serialize([
-										copy(element, {props: [replace(value, /:(plac\w+)/, ':' + WEBKIT + 'input-$1')]}),
-										copy(element, {props: [replace(value, /:(plac\w+)/, ':' + MOZ + '$1')]}),
-										copy(element, {props: [replace(value, /:(plac\w+)/, MS + 'input-$1')]})
-									], callback)
+									lift(copy(element, {props: [replace(value, /:(plac\w+)/, ':' + WEBKIT + 'input-$1')]}))
+									lift(copy(element, {props: [replace(value, /:(plac\w+)/, ':' + MOZ + '$1')]}))
+									lift(copy(element, {props: [replace(value, /:(plac\w+)/, MS + 'input-$1')]}))
+									lift(copy(element, {props: [value]}))
+									assign(element, {props: filter(children, callback)})
+									break
 							}
 
 							return ''
diff --git a/src/Parser.js b/src/Parser.js
index 68c5c02..e7472be 100644
--- a/src/Parser.js
+++ b/src/Parser.js
@@ -64,7 +64,7 @@ export function parse (value, root, parent, rule, rules, rulesets, pseudo, point
 			case 47:
 				switch (peek()) {
 					case 42: case 47:
-						append(comment(commenter(next(), caret()), root, parent), declarations)
+						append(comment(commenter(next(), caret()), root, parent, declarations), declarations)
 						break
 					default:
 						characters += '/'
@@ -81,13 +81,13 @@ export function parse (value, root, parent, rule, rules, rulesets, pseudo, point
 					// ;
 					case 59 + offset: if (ampersand == -1) characters = replace(characters, /\f/g, '')
 						if (property > 0 && (strlen(characters) - length))
-							append(property > 32 ? declaration(characters + ';', rule, parent, length - 1) : declaration(replace(characters, ' ', '') + ';', rule, parent, length - 2), declarations)
+							append(property > 32 ? declaration(characters + ';', rule, parent, length - 1, declarations) : declaration(replace(characters, ' ', '') + ';', rule, parent, length - 2, declarations), declarations)
 						break
 					// @ ;
 					case 59: characters += ';'
 					// { rule/at-rule
 					default:
-						append(reference = ruleset(characters, root, parent, index, offset, rules, points, type, props = [], children = [], length), rulesets)
+						append(reference = ruleset(characters, root, parent, index, offset, rules, points, type, props = [], children = [], length, rulesets), rulesets)
 
 						if (character === 123)
 							if (offset === 0)
@@ -96,7 +96,7 @@ export function parse (value, root, parent, rule, rules, rulesets, pseudo, point
 								switch (atrule === 99 && charat(characters, 3) === 110 ? 100 : atrule) {
 									// d l m s
 									case 100: case 108: case 109: case 115:
-										parse(value, reference, reference, rule && append(ruleset(value, reference, reference, 0, 0, rules, points, type, rules, props = [], length), children), rules, children, length, points, rule ? props : children)
+										parse(value, reference, reference, rule && append(ruleset(value, reference, reference, 0, 0, rules, points, type, rules, props = [], length, children), children), rules, children, length, points, rule ? props : children)
 										break
 									default:
 										parse(characters, reference, reference, reference, [''], children, 0, points, children)
@@ -154,9 +154,10 @@ export function parse (value, root, parent, rule, rules, rulesets, pseudo, point
  * @param {string[]} props
  * @param {string[]} children
  * @param {number} length
+ * @param {object[]} siblings
  * @return {object}
  */
-export function ruleset (value, root, parent, index, offset, rules, points, type, props, children, length) {
+export function ruleset (value, root, parent, index, offset, rules, points, type, props, children, length, siblings) {
 	var post = offset - 1
 	var rule = offset === 0 ? rules : ['']
 	var size = sizeof(rule)
@@ -166,17 +167,18 @@ export function ruleset (value, root, parent, index, offset, rules, points, type
 			if (z = trim(j > 0 ? rule[x] + ' ' + y : replace(y, /&\f/g, rule[x])))
 				props[k++] = z
 
-	return node(value, root, parent, offset === 0 ? RULESET : type, props, children, length)
+	return node(value, root, parent, offset === 0 ? RULESET : type, props, children, length, siblings)
 }
 
 /**
  * @param {number} value
  * @param {object} root
  * @param {object?} parent
+ * @param {object[]} siblings
  * @return {object}
  */
-export function comment (value, root, parent) {
-	return node(value, root, parent, COMMENT, from(char()), substr(value, 2, -2), 0)
+export function comment (value, root, parent, siblings) {
+	return node(value, root, parent, COMMENT, from(char()), substr(value, 2, -2), 0, siblings)
 }
 
 /**
@@ -184,8 +186,9 @@ export function comment (value, root, parent) {
  * @param {object} root
  * @param {object?} parent
  * @param {number} length
+ * @param {object[]} siblings
  * @return {object}
  */
-export function declaration (value, root, parent, length) {
-	return node(value, root, parent, DECLARATION, substr(value, 0, length), substr(value, length + 1, -1), length)
+export function declaration (value, root, parent, length, siblings) {
+	return node(value, root, parent, DECLARATION, substr(value, 0, length), substr(value, length + 1, -1), length, siblings)
 }
diff --git a/src/Serializer.js b/src/Serializer.js
index 0c1ffa3..cad20d4 100644
--- a/src/Serializer.js
+++ b/src/Serializer.js
@@ -1,5 +1,5 @@
 import {IMPORT, LAYER, COMMENT, RULESET, DECLARATION, KEYFRAMES} from './Enum.js'
-import {strlen, sizeof} from './Utility.js'
+import {strlen} from './Utility.js'
 
 /**
  * @param {object[]} children
@@ -8,9 +8,8 @@ import {strlen, sizeof} from './Utility.js'
  */
 export function serialize (children, callback) {
 	var output = ''
-	var length = sizeof(children)
 
-	for (var i = 0; i < length; i++)
+	for (var i = 0; i < children.length; i++)
 		output += callback(children[i], i, children, callback) || ''
 
 	return output
@@ -29,7 +28,7 @@ export function stringify (element, index, children, callback) {
 		case IMPORT: case DECLARATION: return element.return = element.return || element.value
 		case COMMENT: return ''
 		case KEYFRAMES: return element.return = element.value + '{' + serialize(element.children, callback) + '}'
-		case RULESET: element.value = element.props.join(',')
+		case RULESET: if (!strlen(element.value = element.props.join(','))) return ''
 	}
 
 	return strlen(children = serialize(element.children, callback)) ? element.return = element.value + '{' + children + '}' : ''
diff --git a/src/Tokenizer.js b/src/Tokenizer.js
index dd482ce..201fb51 100644
--- a/src/Tokenizer.js
+++ b/src/Tokenizer.js
@@ -14,10 +14,11 @@ export var characters = ''
  * @param {string} type
  * @param {string[] | string} props
  * @param {object[] | string} children
+ * @param {object[]} siblings
  * @param {number} length
  */
-export function node (value, root, parent, type, props, children, length) {
-	return {value: value, root: root, parent: parent, type: type, props: props, children: children, line: line, column: column, length: length, return: ''}
+export function node (value, root, parent, type, props, children, length, siblings) {
+	return {value: value, root: root, parent: parent, type: type, props: props, children: children, line: line, column: column, length: length, return: '', siblings: siblings}
 }
 
 /**
@@ -26,7 +27,17 @@ export function node (value, root, parent, type, props, children, length) {
  * @return {object}
  */
 export function copy (root, props) {
-	return assign(node('', null, null, '', null, null, 0), root, {length: -root.length}, props)
+	return assign(node('', null, null, '', null, null, 0, root.siblings), root, {length: -root.length}, props)
+}
+
+/**
+ * @param {object} root
+ */
+export function lift (root) {
+	while (root.root)
+		root = copy(root.root, {children: [root]})
+
+	append(root, root.siblings)
 }
 
 /**
diff --git a/src/Utility.js b/src/Utility.js
index 702fe6e..8357dbc 100644
--- a/src/Utility.js
+++ b/src/Utility.js
@@ -113,3 +113,12 @@ export function append (value, array) {
 export function combine (array, callback) {
 	return array.map(callback).join('')
 }
+
+/**
+ * @param {string[]} array
+ * @param {RegExp} pattern
+ * @return {string[]}
+ */
+export function filter (array, pattern) {
+	return array.filter(function (value) { return !match(value, pattern) })
+}
diff --git a/test/Middleware.js b/test/Middleware.js
index 596c8e9..3167d0b 100644
--- a/test/Middleware.js
+++ b/test/Middleware.js
@@ -3,9 +3,23 @@ import {compile, serialize, stringify, middleware, rulesheet, prefixer, namespac
 const stack = []
 
 describe('Middleware', () => {
-	test('rulesheet', () => {
-  	serialize(compile(`@import url('something.com/file.css');.user{ h1 {width:0;} @media{width:1;}@keyframes name{from{width:0;}to{width:1;}}}@keyframes empty{}`), middleware([prefixer, stringify, rulesheet(value => stack.push(value))]))
-  	expect(stack).to.deep.equal([
+  test('rulesheet', () => {
+    serialize(compile(`
+      @import url('something.com/file.css');
+      .user{ h1 {width:0;}
+      @media{width:1;}
+      @keyframes name{from{width:0;}to{width:1;}}}
+      @keyframes empty{}
+      @supports (display: grid) {
+        @media (min-width: 500px){
+          .a::placeholder{color: red;}
+        }
+      }
+      @media (min-width: 500px) {
+        a:read-only{color:red;}
+      }
+    `), middleware([prefixer, stringify, rulesheet(value => stack.push(value))]))
+    expect(stack).to.deep.equal([
       `@import url('something.com/file.css');`,
       `.user h1{width:0;}`,
       `@media{.user{width:1;}}`,
@@ -13,11 +27,17 @@ describe('Middleware', () => {
       `@keyframes name{from{width:0;}to{width:1;}}`,
       '@-webkit-keyframes empty{}',
       '@keyframes empty{}',
+      '@supports (display: grid){@media (min-width: 500px){.a::-webkit-input-placeholder{color:red;}}}',
+      '@supports (display: grid){@media (min-width: 500px){.a::-moz-placeholder{color:red;}}}',
+      '@supports (display: grid){@media (min-width: 500px){.a:-ms-input-placeholder{color:red;}}}',
+      '@supports (display: grid){@media (min-width: 500px){.a::placeholder{color:red;}}}',
+      '@media (min-width: 500px){a:-moz-read-only{color:red;}}',
+      '@media (min-width: 500px){a:read-only{color:red;}}',
     ])
   })
 
   test('namespace', () => {
-  	expect(serialize(compile(`.user{width:0; :global(p,a){width:1;} h1 {width:1; h2:last-child {width:2} h2 h3 {width:3}}}`), middleware([namespace, stringify]))).to.equal([
+    expect(serialize(compile(`.user{width:0; :global(p,a){width:1;} h1 {width:1; h2:last-child {width:2} h2 h3 {width:3}}}`), middleware([namespace, stringify]))).to.equal([
       `.user{width:0;}`, `p,a{width:1;}`, `h1.user.user{width:1;}`, `h1.user h2:last-child.user{width:2;}`, `h1.user h2 h3.user{width:3;}`
     ].join(''))
 
@@ -59,34 +79,42 @@ describe('Middleware', () => {
     ].join(''))
 
     expect(serialize(compile(`textarea::placeholder{font-size:14px;@media{font-size:16px;}}`), middleware([prefixer, stringify]))).to.equal([
-      `textarea::-webkit-input-placeholder{font-size:14px;}textarea::-moz-placeholder{font-size:14px;}textarea:-ms-input-placeholder{font-size:14px;}textarea::placeholder{font-size:14px;}`,
-      `@media{textarea::-webkit-input-placeholder{font-size:16px;}textarea::-moz-placeholder{font-size:16px;}textarea:-ms-input-placeholder{font-size:16px;}textarea::placeholder{font-size:16px;}}`
+      `textarea::-webkit-input-placeholder{font-size:14px;}`,
+      `textarea::-moz-placeholder{font-size:14px;}`,
+      `textarea:-ms-input-placeholder{font-size:14px;}`,
+      `textarea::placeholder{font-size:14px;}`,
+      `@media{textarea::-webkit-input-placeholder{font-size:16px;}}`,
+      `@media{textarea::-moz-placeholder{font-size:16px;}}`,
+      `@media{textarea:-ms-input-placeholder{font-size:16px;}}`,
+      `@media{textarea::placeholder{font-size:16px;}}`,
     ].join(''))
 
     expect(serialize(compile(`div:read-write{background-color:red;span{background-color:green;}}`), middleware([prefixer, stringify]))).to.equal([
       `div:-moz-read-write{background-color:red;}`,
       `div:read-write{background-color:red;}`,
       `div:-moz-read-write span{background-color:green;}`,
-      `div:read-write span{background-color:green;}`
+      `div:read-write span{background-color:green;}`,
     ].join(''))
 
     expect(serialize(compile(`div:read-write span{background-color:hotpink;}`), middleware([prefixer, stringify]))).to.equal([
       `div:-moz-read-write span{background-color:hotpink;}`,
-      `div:read-write span{background-color:hotpink;}`
+      `div:read-write span{background-color:hotpink;}`,
     ].join(''))
 
     expect(serialize(compile(`.read-write:read-write,.read-only:read-only,.placeholder::placeholder{background-color:hotpink;}`), middleware([prefixer, stringify]))).to.equal([
       `.read-write:-moz-read-write{background-color:hotpink;}`,
+      `.read-write:read-write{background-color:hotpink;}`,
       `.read-only:-moz-read-only{background-color:hotpink;}`,
+      `.read-only:read-only{background-color:hotpink;}`,
       `.placeholder::-webkit-input-placeholder{background-color:hotpink;}`,
       `.placeholder::-moz-placeholder{background-color:hotpink;}`,
       `.placeholder:-ms-input-placeholder{background-color:hotpink;}`,
-      `.read-write:read-write,.read-only:read-only,.placeholder::placeholder{background-color:hotpink;}`,
+      `.placeholder::placeholder{background-color:hotpink;}`,
     ].join(''))
 
     expect(serialize(compile(`:read-write{background-color:hotpink;}`), middleware([prefixer, stringify]))).to.equal([
       `:-moz-read-write{background-color:hotpink;}`,
-      `:read-write{background-color:hotpink;}`
+      `:read-write{background-color:hotpink;}`,
     ].join(''))
   })
 })
diff --git a/test/Tokenizer.js b/test/Tokenizer.js
index fedf45b..42695a8 100644
--- a/test/Tokenizer.js
+++ b/test/Tokenizer.js
@@ -2,9 +2,9 @@ import {tokenize} from "../index.js"
 
 describe('Tokenizer', () => {
   test('tokenize', () => {
-  	expect(tokenize(`h1 h2 (h1 h2) 1 / 3 * 2 + 1 [1 2] "1 2" a`)).to.deep.equal([
-  		'h1', ' ', 'h2', ' ', '(h1 h2)', ' ', '1', ' ', '/', ' ', '3', ' ', '*', ' ', '2', ' ', '+', ' ', '1', ' ', '[1 2]', ' ', '"1 2"', ' ', 'a'
-  	])
+    expect(tokenize(`h1 h2 (h1 h2) 1 / 3 * 2 + 1 [1 2] "1 2" a`)).to.deep.equal([
+      'h1', ' ', 'h2', ' ', '(h1 h2)', ' ', '1', ' ', '/', ' ', '3', ' ', '*', ' ', '2', ' ', '+', ' ', '1', ' ', '[1 2]', ' ', '"1 2"', ' ', 'a'
+    ])
 
     expect(tokenize(`:global([data-popper-placement^='top'])`)).to.deep.equal([
       `:`, `global`, `([data-popper-placement^='top'])`

From 654cab0a877657636772febed68e21764fc6b5ee Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Mateusz=20Burzy=C5=84ski?= <mateuszburzynski@gmail.com>
Date: Tue, 27 Jun 2023 11:24:30 +0200
Subject: [PATCH 117/134] 4.3.0

---
 package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/package.json b/package.json
index 41ffc8d..085ce58 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "stylis",
-  "version": "4.2.0",
+  "version": "4.3.0",
   "license": "MIT",
   "description": "A Light–weight CSS Preprocessor",
   "homepage": "https://github.com/thysultan/stylis.js",

From 7b0fac1005b74b2131e7e35f0ea67fe0eaf49451 Mon Sep 17 00:00:00 2001
From: Paul Hurst <git@hursty.co.uk>
Date: Thu, 7 Sep 2023 11:38:31 +0100
Subject: [PATCH 118/134] Point npm badge in the README to the correct package
 (#319)

---
 README.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/README.md b/README.md
index 7721ee7..fc02749 100644
--- a/README.md
+++ b/README.md
@@ -7,7 +7,7 @@ A Light–weight CSS Preprocessor.
 [![Coverage](https://coveralls.io/repos/github/thysultan/stylis.js/badge.svg?branch=master)](https://coveralls.io/github/thysultan/stylis.js)
 [![Size](https://badgen.net/bundlephobia/minzip/stylis)](https://bundlephobia.com/result?p=stylis)
 [![Licence](https://badgen.net/badge/license/MIT/blue)](https://github.com/thysultan/stylis.js/blob/master/LICENSE)
-[![NPM](https://badgen.net/npm/v/dyo)](https://www.npmjs.com/package/stylis)
+[![NPM](https://badgen.net/npm/v/stylis)](https://www.npmjs.com/package/stylis)
 
 ## Installation
 

From 3b9b3218b76744bacddd2b4931936aa9497068c4 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Mateusz=20Burzy=C5=84ski?= <mateuszburzynski@gmail.com>
Date: Wed, 27 Dec 2023 19:31:32 +0100
Subject: [PATCH 119/134] Fixed `&` search after consuming parenthesis (#322)

* Fixed `&` search after consuming parenthesis

* add an extra test case

* perf squeezing

* bring back `'l'` check
---
 src/Parser.js   |  2 +-
 src/Prefixer.js |  4 ++--
 src/Utility.js  |  5 +++--
 test/Parser.js  | 24 ++++++++++++++++++++++++
 4 files changed, 30 insertions(+), 5 deletions(-)

diff --git a/src/Parser.js b/src/Parser.js
index e7472be..fda8e2f 100644
--- a/src/Parser.js
+++ b/src/Parser.js
@@ -44,7 +44,7 @@ export function parse (value, root, parent, rule, rules, rulesets, pseudo, point
 			// (
 			case 40:
 				if (previous != 108 && charat(characters, length - 1) == 58) {
-					if (indexof(characters += replace(delimit(character), '&', '&\f'), '&\f') != -1)
+					if (indexof(characters += replace(delimit(character), '&', '&\f'), '&\f', abs(index ? points[index - 1] : 0)) != -1)
 						ampersand = -1
 					break
 				}
diff --git a/src/Prefixer.js b/src/Prefixer.js
index c29bc19..440ae75 100644
--- a/src/Prefixer.js
+++ b/src/Prefixer.js
@@ -87,7 +87,7 @@ export function prefix (value, length, children) {
 		// grid-(row|column)-start
 		case 4384: case 3616:
 			if (children && children.some(function (element, index) { return length = index, match(element.props, /grid-\w+-end/) })) {
-				return ~indexof(value + (children = children[length].value), 'span') ? value : (MS + replace(value, '-start', '') + value + MS + 'grid-row-span:' + (~indexof(children, 'span') ? match(children, /\d+/) : +match(children, /\d+/) - +match(value, /\d+/)) + ';')
+				return ~indexof(value + (children = children[length].value), 'span', 0) ? value : (MS + replace(value, '-start', '') + value + MS + 'grid-row-span:' + (~indexof(children, 'span', 0) ? match(children, /\d+/) : +match(children, /\d+/) - +match(value, /\d+/)) + ';')
 			}
 			return MS + replace(value, '-start', '') + value
 		// grid-(row|column)-end
@@ -113,7 +113,7 @@ export function prefix (value, length, children) {
 						return replace(value, /(.+:)(.+)-([^]+)/, '$1' + WEBKIT + '$2-$3' + '$1' + MOZ + (charat(value, length + 3) == 108 ? '$3' : '$2-$3')) + value
 					// (s)tretch
 					case 115:
-						return ~indexof(value, 'stretch') ? prefix(replace(value, 'stretch', 'fill-available'), length, children) + value : value
+						return ~indexof(value, 'stretch', 0) ? prefix(replace(value, 'stretch', 'fill-available'), length, children) + value : value
 				}
 			break
 		// grid-(column|row)
diff --git a/src/Utility.js b/src/Utility.js
index 8357dbc..d89838d 100644
--- a/src/Utility.js
+++ b/src/Utility.js
@@ -55,10 +55,11 @@ export function replace (value, pattern, replacement) {
 /**
  * @param {string} value
  * @param {string} search
+ * @param {number} position
  * @return {number}
  */
-export function indexof (value, search) {
-	return value.indexOf(search)
+export function indexof (value, search, position) {
+	return value.indexOf(search, position)
 }
 
 /**
diff --git a/test/Parser.js b/test/Parser.js
index de0ddf4..91876cf 100644
--- a/test/Parser.js
+++ b/test/Parser.js
@@ -142,6 +142,21 @@ describe('Parser', () => {
     ).to.equal(`.user [href="https://css-tricks.com?a=1&b=2"]{color:red;}`)
   })
 
+  test('& in first selector within a comma-separated list', () => {
+    expect(
+      stylis(`
+        div {
+          display: flex;
+
+          &.foo,
+          p:not(:last-child) {
+            background: red;
+          }
+        }
+      `)
+    ).to.equal(`.user div{display:flex;}.user div.foo,.user div p:not(:last-child){background:red;}`)
+  });
+
   test('escaped chars in selector identifiers', () => {
     expect(
       stylis(`
@@ -858,6 +873,15 @@ describe('Parser', () => {
     ].join(''))
   })
 
+  test('context character IX', () => {
+    expect(
+      stylis(`background: url(i&m&g.png);.a {background: url(i&m&g.png);}`)
+    ).to.equal([
+      `.user{background:url(i&m&g.png);}`,
+      `.user .a{background:url(i&m&g.png);}`
+    ].join(''))
+  })
+
   test('`--` in an identifier (#220)', () => {
     expect(
       stylis(`

From c1f81ff815527d51d791fee9456840e32230ab23 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Mateusz=20Burzy=C5=84ski?= <mateuszburzynski@gmail.com>
Date: Wed, 27 Dec 2023 19:32:55 +0100
Subject: [PATCH 120/134] 4.3.1

---
 package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/package.json b/package.json
index 085ce58..8740b29 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "stylis",
-  "version": "4.3.0",
+  "version": "4.3.1",
   "license": "MIT",
   "description": "A Light–weight CSS Preprocessor",
   "homepage": "https://github.com/thysultan/stylis.js",

From b8c0878307ce600c7ec5082f5f940febf663a722 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Mateusz=20Burzy=C5=84ski?= <mateuszburzynski@gmail.com>
Date: Thu, 28 Dec 2023 16:40:53 +0100
Subject: [PATCH 121/134] Escape angle brackets in the playground script (#325)

---
 docs/index.html | 1 +
 1 file changed, 1 insertion(+)

diff --git a/docs/index.html b/docs/index.html
index b1c3726..8860a36 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -69,6 +69,7 @@
 					// formatting
 					default:
 						value = serialize(compile(`[namespace]{${value.target.textContent}}`), middleware([prefixer, stringify]))
+						value = value.replace(/</g, '&lt;').replace(/>/g, '&gt;')
 						value = value.replace(/(;|\})/g, (match, group) => group + (group === '}' ? '\n\n' : '\n'))
 						value = value.replace(/(.*?)\{/g, (match, group) => '<span class=selector>' + group.trim() + '</span> {\n')
 						value = value.replace(/:(.*);/g, (match, group) => ': <span class=value>' + group.trim() + '</span>;')

From a77e19f923a8bab162c8bc3c8b8c981cb24fb669 Mon Sep 17 00:00:00 2001
From: typicode <typicode@gmail.com>
Date: Tue, 23 Apr 2024 08:36:05 +0200
Subject: [PATCH 122/134] Add `@scope` to `Enum` (#329)

---
 src/Enum.js | 1 +
 1 file changed, 1 insertion(+)

diff --git a/src/Enum.js b/src/Enum.js
index 77f2cef..5e2ec73 100644
--- a/src/Enum.js
+++ b/src/Enum.js
@@ -19,3 +19,4 @@ export var FONT_FACE = '@font-face'
 export var COUNTER_STYLE = '@counter-style'
 export var FONT_FEATURE_VALUES = '@font-feature-values'
 export var LAYER = '@layer'
+export var SCOPE = '@scope'

From 0990417cefe8a4d01115613ccf44f5ae86040cd5 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Mateusz=20Burzy=C5=84ski?= <mateuszburzynski@gmail.com>
Date: Tue, 23 Apr 2024 08:37:17 +0200
Subject: [PATCH 123/134] 4.3.2

---
 package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/package.json b/package.json
index 8740b29..32d4377 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "stylis",
-  "version": "4.3.1",
+  "version": "4.3.2",
   "license": "MIT",
   "description": "A Light–weight CSS Preprocessor",
   "homepage": "https://github.com/thysultan/stylis.js",

From c6c4eb10ab9341fd0ff21a4fd736c2d61e7ec27a Mon Sep 17 00:00:00 2001
From: Sultan <810601+thysultan@users.noreply.github.com>
Date: Wed, 21 Aug 2024 21:28:43 +0300
Subject: [PATCH 124/134] fix #330

---
 src/Prefixer.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/Prefixer.js b/src/Prefixer.js
index 440ae75..f967401 100644
--- a/src/Prefixer.js
+++ b/src/Prefixer.js
@@ -76,7 +76,7 @@ export function prefix (value, length, children) {
 			return replace(value, /(image-set\([^]*)/, WEBKIT + '$1' + '$`$1')
 		// justify-content
 		case 4968:
-			return replace(replace(value, /(.+:)(flex-)?(.*)/, WEBKIT + 'box-pack:$3' + MS + 'flex-pack:$3'), /s.+-b[^;]+/, 'justify') + WEBKIT + value + value
+			return replace(replace(value, /(.+:)(flex-)?(.*)/, WEBKIT + 'box-pack:$3' + MS + 'flex-pack:$3'), /space-between/, 'justify') + WEBKIT + value + value
 		// justify-self
 		case 4200:
 			if (!match(value, /flex-|baseline/)) return MS + 'grid-column-align' + substr(value, length) + value

From cd6750d8d91b2e79ff8a935acc9a0620885e2830 Mon Sep 17 00:00:00 2001
From: Sultan <810601+thysultan@users.noreply.github.com>
Date: Wed, 21 Aug 2024 21:30:42 +0300
Subject: [PATCH 125/134] fix #326

---
 src/Parser.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/Parser.js b/src/Parser.js
index fda8e2f..f06c64e 100644
--- a/src/Parser.js
+++ b/src/Parser.js
@@ -164,7 +164,7 @@ export function ruleset (value, root, parent, index, offset, rules, points, type
 
 	for (var i = 0, j = 0, k = 0; i < index; ++i)
 		for (var x = 0, y = substr(value, post + 1, post = abs(j = points[i])), z = value; x < size; ++x)
-			if (z = trim(j > 0 ? rule[x] + ' ' + y : replace(y, /&\f/g, rule[x])))
+			if (z = trim(j > 0 ? rule[x] + ' ' + y : replace(y, parent ? /&\f/g : /\f/g, rule[x])))
 				props[k++] = z
 
 	return node(value, root, parent, offset === 0 ? RULESET : type, props, children, length, siblings)

From 014c44613af47fa6035df1618829448ad9c8800a Mon Sep 17 00:00:00 2001
From: Sultan <810601+thysultan@users.noreply.github.com>
Date: Wed, 21 Aug 2024 21:47:46 +0300
Subject: [PATCH 126/134] kinda fix for #328 allows to preserve variable with
 comment

---
 src/Parser.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/Parser.js b/src/Parser.js
index f06c64e..c4f68a5 100644
--- a/src/Parser.js
+++ b/src/Parser.js
@@ -80,7 +80,7 @@ export function parse (value, root, parent, rule, rules, rulesets, pseudo, point
 					case 0: case 125: scanning = 0
 					// ;
 					case 59 + offset: if (ampersand == -1) characters = replace(characters, /\f/g, '')
-						if (property > 0 && (strlen(characters) - length))
+						if (property > 0 && (strlen(characters) - length || (variable == 0 && previous == 47)))
 							append(property > 32 ? declaration(characters + ';', rule, parent, length - 1, declarations) : declaration(replace(characters, ' ', '') + ';', rule, parent, length - 2, declarations), declarations)
 						break
 					// @ ;

From 8c9f0cae6999db3dcf172392a73165ccdceb45c7 Mon Sep 17 00:00:00 2001
From: Sultan <810601+thysultan@users.noreply.github.com>
Date: Wed, 21 Aug 2024 21:55:58 +0300
Subject: [PATCH 127/134] add all tests for previously committed fixes

---
 test/Parser.js   | 18 +++++++++++++++++-
 test/Prefixer.js |  6 +++++-
 2 files changed, 22 insertions(+), 2 deletions(-)

diff --git a/test/Parser.js b/test/Parser.js
index 91876cf..c717bb1 100644
--- a/test/Parser.js
+++ b/test/Parser.js
@@ -1,6 +1,6 @@
 import {compile, serialize, stringify} from "../index.js"
 
-const stylis = string => serialize(compile(`.user{${string}}`), stringify)
+const stylis = (declarations, selectors = '.user') => serialize(compile(`${selectors}{${declarations}}`), stringify)
 
 describe('Parser', () => {
   test('unnested', () => {
@@ -142,6 +142,22 @@ describe('Parser', () => {
     ).to.equal(`.user [href="https://css-tricks.com?a=1&b=2"]{color:red;}`)
   })
 
+  test('& no-op', () => {
+    expect(
+      stylis(`
+        color:red;
+     `, '&')
+    ).to.equal(`&{color:red;}`)
+  })
+
+  test('noop removal of empty variables', () => {
+    expect(
+      stylis(`
+        --tw-brightness:/*!*/;
+     `, '&')
+    ).to.equal(`&{--tw-brightness:;}`)
+  })
+
   test('& in first selector within a comma-separated list', () => {
     expect(
       stylis(`
diff --git a/test/Prefixer.js b/test/Prefixer.js
index ffb361d..4988608 100644
--- a/test/Prefixer.js
+++ b/test/Prefixer.js
@@ -25,7 +25,7 @@ describe('Prefixer', () => {
 		expect(prefix(`justify-content:flex-end;`, 15)).to.equal([`-webkit-box-pack:end;`, `-ms-flex-pack:end;`, `-webkit-justify-content:flex-end;`, `justify-content:flex-end;`].join(''))
 		expect(prefix(`justify-content:flex-start;`, 15)).to.equal([`-webkit-box-pack:start;`, `-ms-flex-pack:start;`, `-webkit-justify-content:flex-start;`, `justify-content:flex-start;`].join(''))
 		expect(prefix(`justify-content:justify;`, 15)).to.equal([`-webkit-box-pack:justify;`, `-ms-flex-pack:justify;`, `-webkit-justify-content:justify;`, `justify-content:justify;`].join(''))
-		expect(prefix(`justify-content:space-between;`, 15)).to.equal([`-webkit-box-pack:justify;`, `-webkit-justify-content:space-between;`, `justify-content:space-between;`].join(''))
+		expect(prefix(`justify-content:space-between;`, 15)).to.equal([`-webkit-box-pack:justify;`, '-ms-flex-pack:space-between;', `-webkit-justify-content:space-between;`, `justify-content:space-between;`].join(''))
 		expect(prefix(`justify-items:center;`, 13)).to.equal([`justify-items:center;`].join(''))
 		expect(prefix(`order:flex;`, 5)).to.equal([`-webkit-order:flex;`, `-ms-flex-order:flex;`, `order:flex;`].join(''))
 		expect(prefix(`flex-direction:column;`, 14)).to.equal([`-webkit-flex-direction:column;`, `-ms-flex-direction:column;`, `flex-direction:column;`].join(''))
@@ -177,6 +177,10 @@ describe('Prefixer', () => {
 		expect(prefix(`background-clip:text;`, 15)).to.equal([`-webkit-background-clip:text;`, `background-clip:text;`].join(''))
 	})
 
+	test('backdrop-filter', () => {
+		expect(prefix(`backdrop-filter:none;`, 15)).to.equal([`-webkit-backdrop-filter:none;`, `backdrop-filter:none;`].join(''))
+	})
+
 	test('margin-inline', () => {
 		expect(prefix(`margin-inline-start:20px;`, 19)).to.equal([`-webkit-margin-start:20px;`, `margin-inline-start:20px;`].join(''))
 		expect(prefix(`margin-inline-end:20px;`, 17)).to.equal([`-webkit-margin-end:20px;`, `margin-inline-end:20px;`].join(''))

From 0b51a356efa21b30069b807169bce056d94f34da Mon Sep 17 00:00:00 2001
From: Sultan <810601+thysultan@users.noreply.github.com>
Date: Wed, 21 Aug 2024 22:05:26 +0300
Subject: [PATCH 128/134] 4.3.3

---
 package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/package.json b/package.json
index 32d4377..dc1d4b8 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "stylis",
-  "version": "4.3.2",
+  "version": "4.3.3",
   "license": "MIT",
   "description": "A Light–weight CSS Preprocessor",
   "homepage": "https://github.com/thysultan/stylis.js",

From fdeaf35e952e8b43ac1385ad28eaaa9f85180283 Mon Sep 17 00:00:00 2001
From: Sultan <810601+thysultan@users.noreply.github.com>
Date: Thu, 22 Aug 2024 18:19:58 +0300
Subject: [PATCH 129/134] fix #333 & fix #317

---
 src/Parser.js  |  7 ++++---
 test/Parser.js | 16 ++++++++++++----
 2 files changed, 16 insertions(+), 7 deletions(-)

diff --git a/src/Parser.js b/src/Parser.js
index c4f68a5..31d698c 100644
--- a/src/Parser.js
+++ b/src/Parser.js
@@ -1,6 +1,6 @@
 import {COMMENT, RULESET, DECLARATION} from './Enum.js'
 import {abs, charat, trim, from, sizeof, strlen, substr, append, replace, indexof} from './Utility.js'
-import {node, char, prev, next, peek, caret, alloc, dealloc, delimit, whitespace, escaping, identifier, commenter} from './Tokenizer.js'
+import {node, char, prev, next, peek, token, caret, alloc, dealloc, delimit, whitespace, escaping, identifier, commenter} from './Tokenizer.js'
 
 /**
  * @param {string} value
@@ -65,6 +65,7 @@ export function parse (value, root, parent, rule, rules, rulesets, pseudo, point
 				switch (peek()) {
 					case 42: case 47:
 						append(comment(commenter(next(), caret()), root, parent, declarations), declarations)
+						if ((token(previous || 1) == 5 || token(peek() || 1) == 5) && strlen(characters) && substr(characters, -1, void 0) !== ' ') characters += ' '
 						break
 					default:
 						characters += '/'
@@ -80,7 +81,7 @@ export function parse (value, root, parent, rule, rules, rulesets, pseudo, point
 					case 0: case 125: scanning = 0
 					// ;
 					case 59 + offset: if (ampersand == -1) characters = replace(characters, /\f/g, '')
-						if (property > 0 && (strlen(characters) - length || (variable == 0 && previous == 47)))
+						if (property > 0 && (strlen(characters) - length || (variable === 0 && previous === 47)))
 							append(property > 32 ? declaration(characters + ';', rule, parent, length - 1, declarations) : declaration(replace(characters, ' ', '') + ';', rule, parent, length - 2, declarations), declarations)
 						break
 					// @ ;
@@ -164,7 +165,7 @@ export function ruleset (value, root, parent, index, offset, rules, points, type
 
 	for (var i = 0, j = 0, k = 0; i < index; ++i)
 		for (var x = 0, y = substr(value, post + 1, post = abs(j = points[i])), z = value; x < size; ++x)
-			if (z = trim(j > 0 ? rule[x] + ' ' + y : replace(y, parent ? /&\f/g : /\f/g, rule[x])))
+			if (z = trim(j > 0 ? rule[x] + ' ' + y : replace(y, /&\f/g, rule[x])))
 				props[k++] = z
 
 	return node(value, root, parent, offset === 0 ? RULESET : type, props, children, length, siblings)
diff --git a/test/Parser.js b/test/Parser.js
index c717bb1..841bdf5 100644
--- a/test/Parser.js
+++ b/test/Parser.js
@@ -142,20 +142,28 @@ describe('Parser', () => {
     ).to.equal(`.user [href="https://css-tricks.com?a=1&b=2"]{color:red;}`)
   })
 
-  test('& no-op', () => {
+  test('& root should be removed', () => {
     expect(
       stylis(`
         color:red;
      `, '&')
-    ).to.equal(`&{color:red;}`)
+    ).to.equal(``)
+  })
+
+  test('& root should be removed, issue: #333', () => {
+    expect(
+      stylis(`
+        color: red;
+     `, ':where(.cls)& span')
+    ).to.equal(`:where(.cls) span{color:red;}`)
   })
 
   test('noop removal of empty variables', () => {
     expect(
       stylis(`
         --tw-brightness:/*!*/;
-     `, '&')
-    ).to.equal(`&{--tw-brightness:;}`)
+     `)
+    ).to.equal(`.user{--tw-brightness:;}`)
   })
 
   test('& in first selector within a comma-separated list', () => {

From f7bbabecb4801659bf6c3223b52d5dc7460ca6f3 Mon Sep 17 00:00:00 2001
From: Sultan <810601+thysultan@users.noreply.github.com>
Date: Thu, 22 Aug 2024 18:20:36 +0300
Subject: [PATCH 130/134] 4.3.4

---
 package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/package.json b/package.json
index dc1d4b8..55f495e 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "stylis",
-  "version": "4.3.3",
+  "version": "4.3.4",
   "license": "MIT",
   "description": "A Light–weight CSS Preprocessor",
   "homepage": "https://github.com/thysultan/stylis.js",

From 2acb35b56bd02d9f885c357797dbf0d9b091b3df Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Mateusz=20Burzy=C5=84ski?= <mateuszburzynski@gmail.com>
Date: Mon, 13 Jan 2025 06:55:13 +0100
Subject: [PATCH 131/134] Fixed `@left-*` parsing (#342)

* Fixed `@left-*` parsing

* add test case

* juggle code

* lets be weird with default
---
 src/Parser.js  | 21 ++++++++++++++-------
 test/Parser.js |  8 +++++++-
 2 files changed, 21 insertions(+), 8 deletions(-)

diff --git a/src/Parser.js b/src/Parser.js
index 31d698c..36ec34e 100644
--- a/src/Parser.js
+++ b/src/Parser.js
@@ -93,15 +93,22 @@ export function parse (value, root, parent, rule, rules, rulesets, pseudo, point
 						if (character === 123)
 							if (offset === 0)
 								parse(characters, root, reference, reference, props, rulesets, length, points, children)
-							else
-								switch (atrule === 99 && charat(characters, 3) === 110 ? 100 : atrule) {
-									// d l m s
-									case 100: case 108: case 109: case 115:
-										parse(value, reference, reference, rule && append(ruleset(value, reference, reference, 0, 0, rules, points, type, rules, props = [], length, children), children), rules, children, length, points, rule ? props : children)
-										break
+							else {
+								switch (atrule) {
+									// c(ontainer)
+									case 99:
+										if (charat(characters, 3) === 110) break
+									// l(ayer)
+									case 108:
+										if (charat(characters, 2) === 97) break
 									default:
-										parse(characters, reference, reference, reference, [''], children, 0, points, children)
+										offset = 0
+									// d(ocument) m(edia) s(upports)
+									case 100: case 109: case 115:
 								}
+								if (offset) parse(value, reference, reference, rule && append(ruleset(value, reference, reference, 0, 0, rules, points, type, rules, props = [], length, children), children), rules, children, length, points, rule ? props : children)
+								else parse(characters, reference, reference, reference, [''], children, 0, points, children)
+							}
 				}
 
 				index = offset = property = 0, variable = ampersand = 1, type = characters = '', length = pseudo
diff --git a/test/Parser.js b/test/Parser.js
index 841bdf5..99a62d8 100644
--- a/test/Parser.js
+++ b/test/Parser.js
@@ -68,6 +68,12 @@ describe('Parser', () => {
             margin-right: 1cm;
           }
           width: none;
+          @right-bottom {
+            content: "Content";
+          }
+          @left-bottom {
+            content: "Content";
+          }
         }
       `)
     ).to.equal([
@@ -79,7 +85,7 @@ describe('Parser', () => {
       `@viewport{min-width:640px;max-width:800px;}`,
       `@counter-style list{system:fixed;symbols:url();suffix:" ";}`,
       `@-moz-document url-prefix(){.user .selector{color:lime;}}`,
-      `@page{color:red;@bottom-right{content:counter(pages);margin-right:1cm;}width:none;}`
+      `@page{color:red;@bottom-right{content:counter(pages);margin-right:1cm;}width:none;@right-bottom{content:"Content";}@left-bottom{content:"Content";}}`
     ].join(''))
   })
 

From 1596e54835040739da39a4665609f635ba52c788 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Mateusz=20Burzy=C5=84ski?= <mateuszburzynski@gmail.com>
Date: Mon, 13 Jan 2025 08:10:53 +0100
Subject: [PATCH 132/134] 4.3.5

---
 package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/package.json b/package.json
index 55f495e..a5144b4 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "stylis",
-  "version": "4.3.4",
+  "version": "4.3.5",
   "license": "MIT",
   "description": "A Light–weight CSS Preprocessor",
   "homepage": "https://github.com/thysultan/stylis.js",

From 7578a070abf3e1a2980b96fb17051d331e3d50c8 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Mateusz=20Burzy=C5=84ski?= <mateuszburzynski@gmail.com>
Date: Thu, 6 Feb 2025 09:24:51 +0100
Subject: [PATCH 133/134] Stringify `@namespace` (#344)

---
 src/Serializer.js |  4 ++--
 test/Parser.js    | 24 ++++++++++++++++++++++++
 2 files changed, 26 insertions(+), 2 deletions(-)

diff --git a/src/Serializer.js b/src/Serializer.js
index cad20d4..5b9f289 100644
--- a/src/Serializer.js
+++ b/src/Serializer.js
@@ -1,4 +1,4 @@
-import {IMPORT, LAYER, COMMENT, RULESET, DECLARATION, KEYFRAMES} from './Enum.js'
+import {IMPORT, LAYER, COMMENT, RULESET, DECLARATION, KEYFRAMES, NAMESPACE} from './Enum.js'
 import {strlen} from './Utility.js'
 
 /**
@@ -25,7 +25,7 @@ export function serialize (children, callback) {
 export function stringify (element, index, children, callback) {
 	switch (element.type) {
 		case LAYER: if (element.children.length) break
-		case IMPORT: case DECLARATION: return element.return = element.return || element.value
+		case IMPORT: case NAMESPACE: case DECLARATION: return element.return = element.return || element.value
 		case COMMENT: return ''
 		case KEYFRAMES: return element.return = element.value + '{' + serialize(element.children, callback) + '}'
 		case RULESET: if (!strlen(element.value = element.props.join(','))) return ''
diff --git a/test/Parser.js b/test/Parser.js
index 99a62d8..2e63d10 100644
--- a/test/Parser.js
+++ b/test/Parser.js
@@ -346,6 +346,30 @@ describe('Parser', () => {
     expect(stylis(`@import url('http://example.com');`)).to.equal(`@import url('http://example.com');`)
   })
 
+  test('@namespace', () => {
+    expect(
+      stylis(`
+        @namespace svg url('http://www.w3.org/2000/svg');
+
+        a {
+          color: orangered;
+          text-decoration: underline dashed;
+          font-weight: bold;
+        }
+
+        svg|a {
+          fill: blueviolet;
+          text-decoration: underline solid;
+          text-transform: uppercase;
+        }
+      `)
+    ).to.equal([
+      `@namespace svg url('http://www.w3.org/2000/svg');`,
+      `.user a{color:orangered;text-decoration:underline dashed;font-weight:bold;}`,
+      `.user svg|a{fill:blueviolet;text-decoration:underline solid;text-transform:uppercase;}`
+    ].join(''))
+  })
+
   test('@supports', () => {
     expect(
       stylis(`

From 2e3828995507e1b68e01c21ee9f35501a48355f0 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Mateusz=20Burzy=C5=84ski?= <mateuszburzynski@gmail.com>
Date: Thu, 6 Feb 2025 11:46:47 +0100
Subject: [PATCH 134/134] 4.3.6

---
 package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/package.json b/package.json
index a5144b4..2f8f43d 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "stylis",
-  "version": "4.3.5",
+  "version": "4.3.6",
   "license": "MIT",
   "description": "A Light–weight CSS Preprocessor",
   "homepage": "https://github.com/thysultan/stylis.js",