implemented work around for chrome and opera bug with css variable

README.md

@@ -31,8 +31,7 @@
 	--guess07: calc((var(--guess06) + ( var(--number) / var(--guess06))) / 2);
 	--guess08: calc((var(--guess07) + ( var(--number) / var(--guess07))) / 2);
 	--guess09: calc((var(--guess08) + ( var(--number) / var(--guess08))) / 2);
-	--guess10: calc((var(--guess09) + ( var(--number) / var(--guess09))) / 2);
-	width: calc(50% - (var(--guess10) * 1px));
+	width: calc(50% - (calc((var(--guess09) + ( var(--number) / var(--guess09))) / 2) * 1px));
 }
 ```
 

src/index.js

@@ -21,7 +21,7 @@ export default postcss.plugin('postcss-sqrt', () => {
 
 				// Replace the function with css variable that calculates square root
 				let newValue = decl.value.replace(SQRT_REGEX, function () {
-					return 'var(--guess10)'
+					return `calc((var(--guess09) + ( ${functionValue} / var(--guess09))) / 2)`
 				})
 
 				// Update the declaration value
@@ -41,8 +41,7 @@ export default postcss.plugin('postcss-sqrt', () => {
 --guess06: calc((var(--guess05) + ( ${functionValue} / var(--guess05))) / 2);
 --guess07: calc((var(--guess06) + ( ${functionValue} / var(--guess06))) / 2);
 --guess08: calc((var(--guess07) + ( ${functionValue} / var(--guess07))) / 2);
---guess09: calc((var(--guess08) + ( ${functionValue} / var(--guess08))) / 2);
---guess10: calc((var(--guess09) + ( ${functionValue} / var(--guess09))) / 2);`
+--guess09: calc((var(--guess08) + ( ${functionValue} / var(--guess08))) / 2);`
 
 				let props = postcss.parse(TEMPLATE)
 

test/basic.expect.css

@@ -12,6 +12,5 @@
 	--guess07: calc((var(--guess06) + ( var(--number) / var(--guess06))) / 2);
 	--guess08: calc((var(--guess07) + ( var(--number) / var(--guess07))) / 2);
 	--guess09: calc((var(--guess08) + ( var(--number) / var(--guess08))) / 2);
-	--guess10: calc((var(--guess09) + ( var(--number) / var(--guess09))) / 2);
-	width: calc(50% - (var(--guess10) * 1px));
+	width: calc(50% - (calc((var(--guess09) + ( var(--number) / var(--guess09))) / 2) * 1px));
 }