Files
react-native-devtools-frontend/test/e2e/resources/elements/css-variables.html
T
Changhao Han d9194b69bf Add e2e test for CSS variable in Styles pane under @keyframes
This won't work until the actual fix is landed:
https://crrev.com/c/2780791

Bug: chromium:1190406
Change-Id: I9cfad90534cbd958cab3a53ce722ecab15559ff5
Reviewed-on: https://chromium-review.googlesource.com/c/devtools/devtools-frontend/+/2780801
Reviewed-by: Alex Rudenko <alexrudenko@chromium.org>
Reviewed-by: Mathias Bynens <mathias@chromium.org>
Commit-Queue: Changhao Han <changhaohan@chromium.org>
2021-03-23 13:40:19 +00:00

38 lines
634 B
HTML

<!--
Copyright 2020 The Chromium Authors. All rights reserved.
Use of this source code is governed by a BSD-style license that can be
found in the LICENSE file.
-->
<!DOCTYPE html>
<style>
html {
--color: black;
--title-color: var(--color);
--move-final-width: 100%;
}
body, body {
--color: white;
}
#properties-to-inspect {
color: var(--title-color);
}
#keyframes-rule {
animation: move;
}
@keyframes move {
from {
width: 0%;
}
to {
width: var( --move-final-width);
}
}
</style>
<div id="properties-to-inspect"></div>
<div id="keyframes-rule"></div>