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

Issues Search
    My Issues | Starred     Open | Closed | All

Side by Side Diff: third_party/WebKit/LayoutTests/inspector/elements/styles-3/styles-variables-expected.txt

Issue 2644703002: DevTools: Show CSS variables in the inherited properties cascade (Closed)
Patch Set: test Created 3 years, 11 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
« no previous file with comments | « no previous file | third_party/WebKit/Source/devtools/front_end/elements/ComputedStyleWidget.js » ('j') | third_party/WebKit/Source/devtools/front_end/elements/ComputedStyleWidget.js » ('J')
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
OLDNEW
1 Tests that computed styles expand and allow tracing to style rules. 1 Tests that computed styles expand and allow tracing to style rules.
2 2
3 ==== Computed style for ID1 ==== 3 ==== Computed style for ID1 ====
4 display: block;
5 block - div user agent stylesheet
6 --a: red;
7 red - body styles-variables.html:4 -> styles-variables.html:4:7
4 --b: 44px; 8 --b: 44px;
5 44px - #id1 styles-variables.html:8 -> styles-variables.html:8:7 9 44px - #id1 styles-variables.html:8 -> styles-variables.html:8:7
6 display: block;
7 block - div user agent stylesheet
8 [expanded] 10 [expanded]
9 element.style { () 11 element.style { ()
10 12
11 [expanded] 13 [expanded]
12 #id1 { (styles-variables.html:8 -> styles-variables.html:8:7) 14 #id1 { (styles-variables.html:8 -> styles-variables.html:8:7)
13 --b: 44px; 15 --b: 44px;
14 16
15 [expanded] 17 [expanded]
16 div { (user agent stylesheet) 18 div { (user agent stylesheet)
17 display: block; 19 display: block;
18 20
21 ======== Inherited from body ========
22 [expanded]
23 body { (styles-variables.html:4 -> styles-variables.html:4:7)
24 --a: red;
25
19 value of --a: red 26 value of --a: red
20 ==== Computed style for ID2 ==== 27 ==== Computed style for ID2 ====
28 display: block;
29 block - div user agent stylesheet
21 --a: green; 30 --a: green;
22 green - #id2 styles-variables.html:12 -> styles-variables.html:12:7 31 green - #id2 styles-variables.html:12 -> styles-variables.html:12:7
23 display: block; 32 OVERLOADED red - body styles-variables.html:4 -> styles-variables.html:4:7
24 block - div user agent stylesheet 33 --b: 44px;
34 44px - #id1 styles-variables.html:8 -> styles-variables.html:8:7
25 [expanded] 35 [expanded]
26 element.style { () 36 element.style { ()
27 37
28 [expanded] 38 [expanded]
29 #id2 { (styles-variables.html:12 -> styles-variables.html:12:7) 39 #id2 { (styles-variables.html:12 -> styles-variables.html:12:7)
30 --a: green; 40 --a: green;
31 41
32 [expanded] 42 [expanded]
33 div { (user agent stylesheet) 43 div { (user agent stylesheet)
34 display: block; 44 display: block;
35 45
46 ======== Inherited from div#id1 ========
47 [expanded]
48 #id1 { (styles-variables.html:8 -> styles-variables.html:8:7)
49 --b: 44px;
50
51 ======== Inherited from body ========
52 [expanded]
53 body { (styles-variables.html:4 -> styles-variables.html:4:7)
54 /-- overloaded --/ --a: red;
55
36 value of --b: 44px 56 value of --b: 44px
37 ==== Computed style for ID3 ==== 57 ==== Computed style for ID3 ====
58 display: block;
59 block - div user agent stylesheet
38 --a: green; 60 --a: green;
39 inherit - #id3 styles-variables.html:16 -> styles-variables.html:16:7 61 inherit - #id3 styles-variables.html:16 -> styles-variables.html:16:7
40 display: block; 62 OVERLOADED green - #id2 styles-variables.html:12 -> styles-variables.html:12 :7
41 block - div user agent stylesheet 63 OVERLOADED red - body styles-variables.html:4 -> styles-variables.html:4:7
64 --b: 44px;
65 44px - #id1 styles-variables.html:8 -> styles-variables.html:8:7
42 [expanded] 66 [expanded]
43 element.style { () 67 element.style { ()
44 68
45 [expanded] 69 [expanded]
46 #id3 { (styles-variables.html:16 -> styles-variables.html:16:7) 70 #id3 { (styles-variables.html:16 -> styles-variables.html:16:7)
47 --a: inherit; 71 --a: inherit;
48 72
49 [expanded] 73 [expanded]
50 div { (user agent stylesheet) 74 div { (user agent stylesheet)
51 display: block; 75 display: block;
52 76
77 ======== Inherited from div#id2 ========
78 [expanded]
79 #id2 { (styles-variables.html:12 -> styles-variables.html:12:7)
80 /-- overloaded --/ --a: green;
81
82 ======== Inherited from div#id1 ========
83 [expanded]
84 #id1 { (styles-variables.html:8 -> styles-variables.html:8:7)
85 --b: 44px;
86
87 ======== Inherited from body ========
88 [expanded]
89 body { (styles-variables.html:4 -> styles-variables.html:4:7)
90 /-- overloaded --/ --a: red;
91
53 value of --b: 44px 92 value of --b: 44px
54 ==== Computed style for ID4 ==== 93 ==== Computed style for ID4 ====
55 display: block; 94 display: block;
56 block - div user agent stylesheet 95 block - div user agent stylesheet
57 [expanded] 96 [expanded]
58 element.style { () 97 element.style { ()
59 98
60 [expanded] 99 [expanded]
61 #id4 { (styles-variables.html:20 -> styles-variables.html:20:7) 100 #id4 { (styles-variables.html:20 -> styles-variables.html:20:7)
62 --a: var(--z); 101 --a: var(--z);
63 102
64 [expanded] 103 [expanded]
65 div { (user agent stylesheet) 104 div { (user agent stylesheet)
66 display: block; 105 display: block;
67 106
107 ======== Inherited from body ========
108 [expanded]
109 body { (styles-variables.html:4 -> styles-variables.html:4:7)
110 /-- overloaded --/ --a: red;
111
68 value of --a: undefined 112 value of --a: undefined
69 113
OLDNEW
« no previous file with comments | « no previous file | third_party/WebKit/Source/devtools/front_end/elements/ComputedStyleWidget.js » ('j') | third_party/WebKit/Source/devtools/front_end/elements/ComputedStyleWidget.js » ('J')

Powered by Google App Engine
This is Rietveld 408576698