Commit 901d986

authored

fix: do not localize animation-name property with var and env functions

1 parent 36e67d5 commit 901d986Copy full SHA for 901d986

File tree

+27

-0

lines changed

+27

-0

lines changed

Lines changed: 7 additions & 0 deletions

Original file line number	Diff line number	Diff line change
`@@ -316,6 +316,13 @@ function localizeDeclarationValues(localize, declaration, context) {`
`316`	`316`	`const valueNodes = valueParser(declaration.value);`
`317`	`317`
`318`	`318`	`valueNodes.walk((node, index, nodes) => {`
	`319`	`+ if (`
	`320`	`+ node.type === "function" &&`
	`321`	`+ (node.value.toLowerCase() === "var" \|\| node.value.toLowerCase() === "env")`
	`322`	`+ ) {`
	`323`	`+ return false;`
	`324`	`+ }`
	`325`	`+`
`319`	`326`	`if (`
`320`	`327`	`node.type === "word" &&`
`321`	`328`	`specialKeywords.includes(node.value.toLowerCase())`

Lines changed: 20 additions & 0 deletions

Original file line number	Diff line number	Diff line change
`@@ -160,6 +160,26 @@ const tests = [`
`160`	`160`	`input: ".foo { animation-name: bar; }",`
`161`	`161`	`expected: ":local(.foo) { animation-name: :local(bar); }",`
`162`	`162`	`},`
	`163`	`+ {`
	`164`	`+ name: "not localize animation-name in a var function",`
	`165`	`+ input: ".foo { animation-name: var(--bar); }",`
	`166`	`+ expected: ":local(.foo) { animation-name: var(--bar); }",`
	`167`	`+ },`
	`168`	`+ {`
	`169`	`+ name: "not localize animation-name in a var function #2",`
	`170`	`+ input: ".foo { animation-name: vAr(--bar); }",`
	`171`	`+ expected: ":local(.foo) { animation-name: vAr(--bar); }",`
	`172`	`+ },`
	`173`	`+ {`
	`174`	`+ name: "not localize animation-name in an env function",`
	`175`	`+ input: ".foo { animation-name: env(bar); }",`
	`176`	`+ expected: ":local(.foo) { animation-name: env(bar); }",`
	`177`	`+ },`
	`178`	`+ {`
	`179`	`+ name: "not localize animation-name in an env function #2",`
	`180`	`+ input: ".foo { animation-name: eNv(bar); }",`
	`181`	`+ expected: ":local(.foo) { animation-name: eNv(bar); }",`
	`182`	`+ },`
`163`	`183`	`{`
`164`	`184`	`name: "not localize a single animation-delay",`
`165`	`185`	`input: ".foo { animation-delay: 1s; }",`

Comments

(0)