OLD | NEW |
1 Tests that elements panel shows proper styles in the sidebar panel. | 1 Tests that elements panel shows proper styles in the sidebar panel. |
2 | 2 |
3 Foo | 3 Foo |
4 -webkit-font-smoothing: subpixel-antialiased; | 4 -webkit-font-smoothing: subpixel-antialiased; |
5 border-bottom-left-radius: 5px; | 5 border-bottom-left-radius: 5px; |
6 border-bottom-right-radius: 5px; | 6 border-bottom-right-radius: 5px; |
7 border-top-left-radius: 5px; | 7 border-top-left-radius: 5px; |
8 border-top-right-radius: 5px; | 8 border-top-right-radius: 5px; |
9 color: rgb(0, 0, 255); | 9 color: rgb(0, 0, 255); |
10 display: block; | 10 display: block; |
(...skipping 77 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
88 [expanded] | 88 [expanded] |
89 body { (elements-panel-styles.css:1 -> elements-panel-styles.css:1:1) | 89 body { (elements-panel-styles.css:1 -> elements-panel-styles.css:1:1) |
90 /-- overloaded --/ font-size: 12px; | 90 /-- overloaded --/ font-size: 12px; |
91 /-- overloaded --/ text-indent: 20px !important; | 91 /-- overloaded --/ text-indent: 20px !important; |
92 | 92 |
93 ======== Inherited from html ======== | 93 ======== Inherited from html ======== |
94 [expanded] | 94 [expanded] |
95 html { (elements-panel-styles.css:61 -> elements-panel-styles.css:61:1) | 95 html { (elements-panel-styles.css:61 -> elements-panel-styles.css:61:1) |
96 /-- overloaded --/ color: magenta !important; | 96 /-- overloaded --/ color: magenta !important; |
97 | 97 |
98 | |
99 ======== Pseudo ::before element ======== | 98 ======== Pseudo ::before element ======== |
100 [expanded] | 99 [expanded] |
101 .foo::before { (elements-panel-styles.css:57 -> elements-panel-styles.css:57:1) | 100 .foo::before { (elements-panel-styles.css:57 -> elements-panel-styles.css:57:1) |
102 | 101 |
103 [expanded] | 102 [expanded] |
104 .foo::before { (elements-panel-styles.css:40 -> elements-panel-styles.css:40:1) | 103 .foo::before { (elements-panel-styles.css:40 -> elements-panel-styles.css:40:1) |
105 color: red; | 104 color: red; |
106 | 105 |
107 [expanded] | 106 [expanded] |
108 .foo, .foo::before { (elements-panel-styles.css:34 -> elements-panel-styles.css
:34:7) | 107 .foo, .foo::before { (elements-panel-styles.css:34 -> elements-panel-styles.css
:34:7) |
109 content: "[before Foo]"; | 108 content: "[before Foo]"; |
110 /-- overloaded --/ color: blue; | 109 /-- overloaded --/ color: blue; |
111 display: block !important; | 110 display: block !important; |
112 | 111 |
113 | |
114 ======== Pseudo ::after element ======== | 112 ======== Pseudo ::after element ======== |
115 [expanded] | 113 [expanded] |
116 .foo::after { (elements-panel-styles.css:48 -> elements-panel-styles.css:48:1) | 114 .foo::after { (elements-panel-styles.css:48 -> elements-panel-styles.css:48:1) |
117 font-family: courier; | 115 font-family: courier; |
118 content: "[after Foo 2]"; | 116 content: "[after Foo 2]"; |
119 | 117 |
120 [expanded] | 118 [expanded] |
121 .foo::after { (elements-panel-styles.css:44 -> elements-panel-styles.css:44:1) | 119 .foo::after { (elements-panel-styles.css:44 -> elements-panel-styles.css:44:1) |
122 /-- overloaded --/ content: "[after Foo]"; | 120 /-- overloaded --/ content: "[after Foo]"; |
123 color: green; | 121 color: green; |
124 | 122 |
125 | 123 |
126 | |
OLD | NEW |