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

Side by Side Diff: third_party/WebKit/LayoutTests/fast/css/atapply/at-apply-override-custom-property.html

Issue 1645433002: Basic implementation of @apply (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master
Patch Set: fix expted.txt for failing test Created 4 years, 10 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 unified diff | Download patch
OLDNEW
(Empty)
1 <!doctype html>
2 <script src="../../../resources/testharness.js"></script>
3 <script src="../../../resources/testharnessreport.js"></script>
4 <style>
5 #e {
6 width: 100px;
7
8 --foo: {
9 --before: green;
10 --after: 0px;
11 };
12
13 --before: red;
14 @apply --foo;
15 --after: 200px;
16
17 height: var(--after);
18 background-color: var(--before);
19 }
20 </style>
21 <div id=e>
22 </div>
23 <script>
24 test(function(){
25 assert_equals(getComputedStyle(e).backgroundColor, "rgb(0, 128, 0)");
26 assert_equals(getComputedStyle(e).width, "100px");
27 assert_equals(getComputedStyle(e).height, "200px");
28 }, "@apply can override custom properties");
29 </script>
30
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698