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 [expanded] | 4 [expanded] |
5 -webkit-font-smoothing: subpixel-antialiased; | 5 -webkit-font-smoothing: subpixel-antialiased; |
6 element.style - subpixel-antialiased | 6 element.style - subpixel-antialiased |
7 border-bottom-left-radius: 5px; | 7 border-bottom-left-radius: 5px; |
8 .foo - 5px elements-panel-styles.css:21 | 8 .foo - 5px elements-panel-styles.css:21 |
9 border-bottom-right-radius: 5px; | 9 border-bottom-right-radius: 5px; |
10 .foo - 5px elements-panel-styles.css:21 | 10 .foo - 5px elements-panel-styles.css:21 |
(...skipping 120 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
131 | 131 |
132 ======== Pseudo ::before element ======== | 132 ======== Pseudo ::before element ======== |
133 [expanded] | 133 [expanded] |
134 .foo::before { (elements-panel-styles.css:57 -> elements-panel-styles.css:57:1) | 134 .foo::before { (elements-panel-styles.css:57 -> elements-panel-styles.css:57:1) |
135 | 135 |
136 [expanded] | 136 [expanded] |
137 .foo::before { (elements-panel-styles.css:40 -> elements-panel-styles.css:40:1) | 137 .foo::before { (elements-panel-styles.css:40 -> elements-panel-styles.css:40:1) |
138 color: red; | 138 color: red; |
139 | 139 |
140 [expanded] | 140 [expanded] |
141 .foo, .foo::before { (elements-panel-styles.css:34 -> elements-panel-styles.css
:34:1) | 141 .foo, .foo::before { (elements-panel-styles.css:34 -> elements-panel-styles.css
:34:7) |
142 content: "[before Foo]"; | 142 content: "[before Foo]"; |
143 /-- overloaded --/ color: blue; | 143 /-- overloaded --/ color: blue; |
144 display: block !important; | 144 display: block !important; |
145 | 145 |
146 | 146 |
147 ======== Pseudo ::after element ======== | 147 ======== Pseudo ::after element ======== |
148 [expanded] | 148 [expanded] |
149 .foo::after { (elements-panel-styles.css:48 -> elements-panel-styles.css:48:1) | 149 .foo::after { (elements-panel-styles.css:48 -> elements-panel-styles.css:48:1) |
150 font-family: courier; | 150 font-family: courier; |
151 content: "[after Foo 2]"; | 151 content: "[after Foo 2]"; |
152 | 152 |
153 [expanded] | 153 [expanded] |
154 .foo::after { (elements-panel-styles.css:44 -> elements-panel-styles.css:44:1) | 154 .foo::after { (elements-panel-styles.css:44 -> elements-panel-styles.css:44:1) |
155 /-- overloaded --/ content: "[after Foo]"; | 155 /-- overloaded --/ content: "[after Foo]"; |
156 color: green; | 156 color: green; |
157 | 157 |
158 | 158 |
159 | 159 |
OLD | NEW |