}
#style-editor-chrome {
+ -moz-box-flex: 1;
background-color: #000000;
}
+.splitview-nav > li,
+.stylesheet-info,
+.stylesheet-more,
+.stylesheet-rule-count,
+li.splitview-active > hgroup > .stylesheet-more > h3 > .stylesheet-saveButton,
+li:hover > hgroup > .stylesheet-more > h3 > .stylesheet-saveButton {
+ display: -moz-box;
+}
+
+.devtools-toolbar > spacer {
+ -moz-box-flex: 1;
+}
+
+.style-editor-newButton {
+ list-style-image: url(images/add.svg);
+}
+
+.style-editor-importButton {
+ list-style-image: url(images/import.svg);
+}
+
+.stylesheet-details-container {
+ -moz-box-flex: 1;
+}
+
+.stylesheet-media-container {
+ overflow-y: auto;
+}
+
+.stylesheet-error-message {
+ display: none;
+}
+
+li.error > .stylesheet-info > .stylesheet-more > .stylesheet-error-message {
+ display: block;
+}
+
.stylesheet-title,
.stylesheet-name {
text-decoration: none;
.stylesheet-name {
font-size: 13px;
+ white-space: nowrap;
+}
+
+.stylesheet-name > label {
+ display: inline;
+ cursor: pointer;
+}
+
+.stylesheet-info > h1 {
+ -moz-box-flex: 1;
+}
+
+.splitview-nav > li > hgroup.stylesheet-info {
+ -moz-box-pack: center;
+}
+
+.stylesheet-more > spacer {
+ -moz-box-flex: 1;
}
.stylesheet-rule-count,
outline: 0; /* focus ring is on the stylesheet name */
}
+.splitview-nav > li {
+ -moz-box-orient: horizontal;
+}
+
+.splitview-nav > li > hgroup {
+ display: -moz-box;
+ -moz-box-orient: vertical;
+ -moz-box-flex: 1;
+}
+
.splitview-nav > li.unsaved > hgroup .stylesheet-name {
font-style: italic;
}
}
.media-rule-label {
- border-bottom: 1px solid #A09090; /* Grey */
+ border-bottom: 1px solid var(--theme-splitter-color);
}
.media-rule-label {
+ display: flex;
padding: 4px;
cursor: pointer;
+ border-bottom: 1px solid;
}
.media-responsive-mode-toggle {
}
.media-rule-line {
- -moz-padding-start: 4px;
+ padding-inline-start: 4px;
}
.media-condition-unmatched {
/* opacity: 0.4;*/
}
+.media-rule-condition {
+ flex: 1;
+ overflow: hidden;
+}
+
.stylesheet-enabled {
+ display: -moz-box;
+ cursor: pointer;
padding: 8px 0;
margin: 0 8px;
- background-image: url("itemToggle.png");
+ background-image: url("images/itemToggle.svg");
background-repeat: no-repeat;
background-clip: content-box;
- background-position: 0 8px;
- background-size: 48px 24px;
+ background-position: center;
+ background-size: 16px;
width: 24px;
height: 40px;
-}
-
-@media (min-resolution: 1.1dppx) {
- .stylesheet-enabled {
- background-image: url("itemToggle@2x.png");
- }
+/* filter: var(--icon-filter);*/
}
.disabled > .stylesheet-enabled {
- background-position: -24px 8px;
+ filter: url(images/filters.svg#disabled-icon-state);
}
.splitview-nav > li > .stylesheet-enabled:focus,
}
.stylesheet-linked-file:not(:empty){
- -moz-margin-end: 0.4em;
+ margin-inline-end: 0.4em;
}
.stylesheet-linked-file:not(:empty):before {
- -moz-margin-start: 0.4em;
+ margin-inline-start: 0.4em;
+ content: " ↳ ";
+}
+
+li.unsaved > hgroup > h1 > .stylesheet-name:before {
+ content: "*";
+}
+
+li.linked-file-error .stylesheet-linked-file {
+ text-decoration: line-through;
}
li.linked-file-error .stylesheet-linked-file:after {
font-size: 110%;
+ content: " ✘";
+}
+
+li.linked-file-error .stylesheet-rule-count {
+ visibility: hidden;
}
.stylesheet-more > h3 {
-moz-margin-end: 2px;
}
-.devtools-searchinput {
+.devtools-searchinput,
+.devtools-filterinput {
max-width: 25ex;
font-size: 11px;
}
/* portrait mode */
@media (max-width: 550px) {
+ li.splitview-active > hgroup > .stylesheet-more > .stylesheet-rule-count,
+ li:hover > hgroup > .stylesheet-more > .stylesheet-rule-count {
+ display: none;
+ }
+
.splitview-nav {
box-shadow: none;
}
.splitview-nav > li > hgroup.stylesheet-info {
-moz-box-align: baseline;
+ -moz-box-orient: horizontal;
+ -moz-box-flex: 1;
}
.stylesheet-sidebar {
width: 180px;
}
+
+ .stylesheet-more {
+ -moz-box-flex: 1;
+ -moz-box-pack: end;
+ }
+
+ .stylesheet-more > spacer {
+ -moz-box-flex: 0;
+ }
}
.csscoverage-report {
background-color: var(--theme-contrastsidebar-background);
+ -moz-box-orient: horizontal;
}
.csscoverage-report-container {
height: 100vh;
- padding: 10px;
+ padding: 0 10px;
+ overflow-x: hidden;
+ overflow-y: auto;
+ -moz-box-flex: 1;
}
.csscoverage-report-content {
margin: 20px auto;
-moz-column-width: 300px;
font-size: 13px;
+ -moz-user-select: text;
+}
+
+.csscoverage-report-summary,
+.csscoverage-report-unused,
+.csscoverage-report-optimize {
+ display: inline-block;
+}
+
+.csscoverage-report-unused,
+.csscoverage-report-optimize {
+ flex: 1;
+ min-width: 0;
+}
+
+@media (max-width: 950px) {
+ .csscoverage-report-content {
+ display: block;
+ }
+
+ .csscoverage-report-summary {
+ display: block;
+ text-align: center;
+ }
}
.csscoverage-report h1 {
margin: 10px 0;
}
+.csscoverage-report code,
+.csscoverage-report textarea {
+ font-family: var(--monospace-font-family);
+ font-size: inherit;
+}
+
.csscoverage-list:after {
content: ', ';
}
border-radius: 0;
border-top: none;
border-bottom: none;
- -moz-border-start: none;
+ border-inline-start: none;
+}
+
+.csscoverage-report .pie-table-chart-container {
+ -moz-box-orient: vertical;
+ text-align: start;
}
.chart-colored-blob[name="Used Preload"] {
}
.csscoverage-report-chart {
- margin: 0 50px;
+ margin: 0 20px;
}