}
.ruleview-rule[uneditable=true] .ruleview-namecontainer > .ruleview-propertyname,
-.ruleview-rule[uneditable=true] .ruleview-propertycontainer > .ruleview-propertyvalue {
+.ruleview-rule[uneditable=true] .ruleview-propertyvaluecontainer >
+.ruleview-propertyvalue {
border-bottom-color: transparent;
}
height: 12px;
}
-@media (min-resolution: 2dppx) {
+@media (min-resolution: 1.25dppx) {
.ruleview-warning {
background-image: url("alerticon-warning@2x.png");
}
}
.ruleview-namecontainer,
-.ruleview-propertycontainer,
+.ruleview-propertyvaluecontainer,
.ruleview-propertyname,
.ruleview-propertyvalue {
text-decoration: inherit;
background-size: 1em;
}
-@media (min-resolution: 2dppx) {
+@media (min-resolution: 1.25dppx) {
.ruleview-bezierswatch {
background: url("chrome://browser/skin/devtools/cubic-bezier-swatch@2x.png");
background-size: 1em;
clear: right;
}
-.ruleview-property > * {
+.ruleview-propertycontainer > * {
vertical-align: middle;
}
}
.ruleview-namecontainer > .ruleview-propertyname,
-.ruleview-propertycontainer > .ruleview-propertyvalue {
+.ruleview-propertyvaluecontainer > .ruleview-propertyvalue {
border-bottom: 1px dashed transparent;
}
.ruleview-namecontainer:hover > .ruleview-propertyname,
-.ruleview-propertycontainer:hover > .ruleview-propertyvalue {
+.ruleview-propertyvaluecontainer:hover > .ruleview-propertyvalue {
border-bottom-color: #008484;
}
.ruleview-selectorhighlighter.highlighted {
background-position: -16px 0;
}
+
+#pseudo-class-panel:not([hidden]) {
+ border-bottom: 1px solid var(--theme-splitter-color);
+}
+
+#ruleview-add-rule-button::before {
+ background-image: url("chrome://browser/skin/devtools/add.svg#add");
+ background-size: cover;
+}
+#ruleview-add-rule-button:hover::before {
+ background-image: url("chrome://browser/skin/devtools/add.svg#add-checked");
+}
+
+#pseudo-class-panel-toggle::before {
+ background-image: url("chrome://browser/skin/devtools/pseudo-class.svg#pseudo-class");
+ background-size: cover;
+}
+#pseudo-class-panel-toggle:hover::before,
+#pseudo-class-panel-toggle[checked]::before {
+ background-image: url("chrome://browser/skin/devtools/pseudo-class.svg#pseudo-class-checked");
+ filter: none !important;
+}