Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(252)

Unified Diff: third_party/WebKit/LayoutTests/imported/csswg-test/css-variables-1/css-vars-custom-property-inheritance.html

Issue 1192983003: CSS Custom Properties (Variables) (Closed) Base URL: svn://svn.chromium.org/blink/trunk
Patch Set: Whoops, the forward declaration just needed to be moved. Created 5 years, 2 months ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View side-by-side diff with in-line comments
Download patch
Index: third_party/WebKit/LayoutTests/imported/csswg-test/css-variables-1/css-vars-custom-property-inheritance.html
diff --git a/third_party/WebKit/LayoutTests/imported/csswg-test/css-variables-1/css-vars-custom-property-inheritance.html b/third_party/WebKit/LayoutTests/imported/csswg-test/css-variables-1/css-vars-custom-property-inheritance.html
new file mode 100644
index 0000000000000000000000000000000000000000..fc6cfa0ed40cdd6e9f973e5da150afff9d992e33
--- /dev/null
+++ b/third_party/WebKit/LayoutTests/imported/csswg-test/css-variables-1/css-vars-custom-property-inheritance.html
@@ -0,0 +1,30 @@
+<!DOCTYPE html>
+<html>
+<head>
+ <meta charset="utf-8">
+ <title>CSS Variables Test: custom properties use normal inheritance and cascade rules</title>
+ <link rel="author" title="Noah Collins" href="mailto:noahcollins@gmail.com">
+ <link rel="help" href="http://www.w3.org/TR/css-variables-1/#using-variables">
+ <meta name="assert" content="custom properties are resolved with the normal inheritance and cascade rules">
+ <link rel="match" href="reference/css-vars-custom-property-inheritance-ref.html">
+ <style type="text/css">
+
+ /* test cascade importance */
+ :root { --color: #1c1 !important; }
+ :root { --color: red; }
+
+ /* test cascade order */
+ * { color: red; }
+
+ /* test cascade order */
+ * { color: var(--color); }
+
+ </style>
+</head>
+<body>
+ <p>Green</p>
+ <p>Green</p>
+ <p>Green</p>
+ <p>The test passes if everything is green. Any red means the test failed.</p>
+</body>
+</html>

Powered by Google App Engine
This is Rietveld 408576698