| 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 |