Include animations and transitions in the cascade

Instead of applying animations and transitions to styled elements,
include them in the cascade. This allows them to interact properly with
things like font-size and !important rules.
This commit is contained in:
Martin Robinson 2020-05-20 15:44:17 +02:00
parent 8b56b7a3c2
commit 364235ac0c
17 changed files with 314 additions and 216 deletions

View file

@ -1,4 +0,0 @@
[animation-base-response-003.html]
[Identical elements are all responsive to font-size animation]
expected: FAIL

View file

@ -89,66 +89,3 @@
[Web Animations: property <opacity> from [initial\] to [0.2\] at (0.3) should be [0.76\]]
expected: FAIL
[CSS Transitions with transition: all: property <opacity> from [inherit\] to [0.2\] at (1.5) should be [0\]]
expected: FAIL
[CSS Transitions with transition: all: property <opacity> from [initial\] to [0.2\] at (1.5) should be [0\]]
expected: FAIL
[CSS Transitions: property <opacity> from [inherit\] to [0.2\] at (1.5) should be [0\]]
expected: FAIL
[CSS Transitions with transition: all: property <opacity> from [unset\] to [0.2\] at (1.5) should be [0\]]
expected: FAIL
[CSS Transitions with transition: all: property <opacity> from [0\] to [1\] at (-0.3) should be [0\]]
expected: FAIL
[CSS Animations: property <opacity> from [inherit\] to [0.2\] at (1.5) should be [0\]]
expected: FAIL
[CSS Transitions: property <opacity> from [initial\] to [0.2\] at (1.5) should be [0\]]
expected: FAIL
[CSS Animations: property <opacity> from [unset\] to [0.2\] at (-0.3) should be [1\]]
expected: FAIL
[CSS Transitions: property <opacity> from [unset\] to [0.2\] at (1.5) should be [0\]]
expected: FAIL
[CSS Animations: property <opacity> from [0\] to [1\] at (1.5) should be [1\]]
expected: FAIL
[CSS Animations: property <opacity> from [initial\] to [0.2\] at (1.5) should be [0\]]
expected: FAIL
[CSS Animations: property <opacity> from [0\] to [1\] at (-0.3) should be [0\]]
expected: FAIL
[CSS Transitions: property <opacity> from [initial\] to [0.2\] at (-0.3) should be [1\]]
expected: FAIL
[CSS Animations: property <opacity> from [unset\] to [0.2\] at (1.5) should be [0\]]
expected: FAIL
[CSS Transitions with transition: all: property <opacity> from [initial\] to [0.2\] at (-0.3) should be [1\]]
expected: FAIL
[CSS Transitions: property <opacity> from [0\] to [1\] at (-0.3) should be [0\]]
expected: FAIL
[CSS Transitions: property <opacity> from [unset\] to [0.2\] at (-0.3) should be [1\]]
expected: FAIL
[CSS Transitions with transition: all: property <opacity> from [unset\] to [0.2\] at (-0.3) should be [1\]]
expected: FAIL
[CSS Animations: property <opacity> from [initial\] to [0.2\] at (-0.3) should be [1\]]
expected: FAIL
[CSS Transitions: property <opacity> from [0\] to [1\] at (1.5) should be [1\]]
expected: FAIL
[CSS Transitions with transition: all: property <opacity> from [0\] to [1\] at (1.5) should be [1\]]
expected: FAIL

View file

@ -1,4 +0,0 @@
[non-rendered-element-001.html]
[Transitions do not run for an element newly rendered]
expected: FAIL

View file

@ -1,4 +0,0 @@
[transition-base-response-003.html]
[Identical elements are all responsive to font-size transition]
expected: FAIL

View file

@ -1,4 +0,0 @@
[animation-base-response-003.html]
[Identical elements are all responsive to font-size animation]
expected: FAIL

View file

@ -1,4 +0,0 @@
[non-rendered-element-001.html]
[Transitions do not run for an element newly rendered]
expected: FAIL

View file

@ -1,4 +0,0 @@
[transition-base-response-003.html]
[Identical elements are all responsive to font-size transition]
expected: FAIL