cleanup css

mallowigi · mallowigi · commit 0686be65f5e7 · 2023-11-10T13:07:16.000+02:00
diff --git a/.gitignore b/.gitignore
@@ -330,3 +330,6 @@ release.zip
 release/
 
 public
+.idea/JetClient
+.idea/lastEditedFileState.xml
+
diff --git a/new/app/themed/accessibility/_axBreadcrumbs.scss b/new/app/themed/accessibility/_axBreadcrumbs.scss
@@ -1,5 +1,6 @@
 .ax-breadcrumbs .ax-node::before {
   background-color: $foreground;
+
   &:hover {
     background-color: $accent1;
   }
diff --git a/new/app/themed/animation/_animationTimeline.scss b/new/app/themed/animation/_animationTimeline.scss
@@ -42,13 +42,7 @@ circle.animation-keyframe-point {
 }
 
 .animation-scrubber-line {
-  background-image: linear-gradient(
-    to right,
-    rgba(255, 255, 255, 0) 5px,
-    $accent1 5px,
-    $accent1 6px,
-    rgba(255, 255, 255, 0) 6px
-  );
+  background-image: linear-gradient(to right, rgba(255, 255, 255, 0) 5px, $accent1 5px, $accent1 6px, rgba(255, 255, 255, 0) 6px);
 }
 
 .animation-scrubber-head {
diff --git a/new/app/themed/audits/_lightHouseReport.scss b/new/app/themed/audits/_lightHouseReport.scss
@@ -1,8 +1,7 @@
 .lh-vars,
 .lh-vars.dark {
   --font-family-sans: #{$uiFontFamily}, Roboto, Helvetica, Arial, sans-serif;
-  --font-family-monospace: #{$fontFamily}, 'Roboto Mono', 'Menlo', 'dejavu sans mono', 'Consolas', 'Lucida Console',
-    monospace;
+  --font-family-monospace: #{$fontFamily}, 'Roboto Mono', 'Menlo', 'dejavu sans mono', 'Consolas', 'Lucida Console', monospace;
   --body-background-color: #{$background};
   --body-text-color: #{$foreground};
   --subheader-color: #{$primary};
diff --git a/new/app/themed/colorpicker/_index.scss b/new/app/themed/colorpicker/_index.scss
@@ -84,7 +84,9 @@
 
 .palette-color-shades {
   background-color: $background;
-  box-shadow: rgba(230, 230, 230, 0.14) 0 4px 5px 0, rgba(230, 230, 230, 0.12) 0 1px 10px 0,
+  box-shadow:
+    rgba(230, 230, 230, 0.14) 0 4px 5px 0,
+    rgba(230, 230, 230, 0.12) 0 1px 10px 0,
     rgba(230, 230, 230, 0.4) 0 2px 4px -1px;
 }
 
diff --git a/new/app/themed/elements/_breadcrumbs.scss b/new/app/themed/elements/_breadcrumbs.scss
@@ -32,6 +32,7 @@
 .crumbs {
   background: $bg;
 }
+
 .node-label-name {
   color: $tag-name-color;
 }
diff --git a/new/app/themed/elements/_elementsTreeOutline.scss b/new/app/themed/elements/_elementsTreeOutline.scss
@@ -23,7 +23,6 @@
   background-color: transparent;
 }
 
-
 .elements-disclosure li.selected {
   position: relative;
 }
@@ -94,11 +93,7 @@
   @include indicator;
 }
 
-.elements-disclosure
-.elements-tree-outline.hide-selection-when-blurred
-.selected:focus[data-keyboard-focus='true']
-.highlight
-> * {
+.elements-disclosure .elements-tree-outline.hide-selection-when-blurred .selected:focus[data-keyboard-focus='true'] .highlight > * {
   box-shadow: 0 0 0 2px $tree;
 }
 
diff --git a/new/app/themed/inline_editor/_colorSwatch.scss b/new/app/themed/inline_editor/_colorSwatch.scss
@@ -1,6 +1,7 @@
 .color-swatch {
   background: transparent;
 }
+
 .color-swatch-inner {
   border-top-color: $border;
   border-right-color: $border;
diff --git a/new/app/themed/network/_networkLogView.scss b/new/app/themed/network/_networkLogView.scss
@@ -76,6 +76,7 @@
 
 .network-log-grid.data-grid table.data {
   border-top-color: $borderLight;
+
   > tr {
     background-color: $background;
 
diff --git a/new/app/themed/ui/_checkbox.scss b/new/app/themed/ui/_checkbox.scss
@@ -1,9 +1,9 @@
-input[type="checkbox"]:not(.-theme-preserve),
+input[type='checkbox']:not(.-theme-preserve),
 input[type='checkbox']:not(.dt-checkbox-themed) {
   filter: none !important;
 }
 
-input[type="checkbox"]:not(.-theme-preserve):not(.enabled-button),
+input[type='checkbox']:not(.-theme-preserve):not(.enabled-button),
 input[type='checkbox']:not(.dt-checkbox-themed):not(.enabled-button) {
   position: absolute !important; // take it out of document flow
   opacity: 0 !important; // hide it
@@ -81,8 +81,13 @@ input[type='checkbox']:not(.dt-checkbox-themed):not(.enabled-button) {
     background: $background !important;
     width: 2px !important;
     height: 2px !important;
-    box-shadow: 2px 0 0 $background, 4px 0 0 $background, 4px -2px 0 $background, 4px -4px 0 $background,
-      4px -6px 0 $background, 4px -8px 0 $background !important;
+    box-shadow:
+      2px 0 0 $background,
+      4px 0 0 $background,
+      4px -2px 0 $background,
+      4px -4px 0 $background,
+      4px -6px 0 $background,
+      4px -8px 0 $background !important;
     transform: rotate(45deg) !important;
   }
 }
diff --git a/new/app/themed/ui/_inspectorCommon.scss b/new/app/themed/ui/_inspectorCommon.scss
@@ -147,7 +147,9 @@ input {
 }
 
 .chrome-select:enabled:focus {
-  box-shadow: $highlight 0 1px 2px, $highlight 0 0 0 2px;
+  box-shadow:
+    $highlight 0 1px 2px,
+    $highlight 0 0 0 2px;
 }
 
 .chrome-select optgroup,
diff --git a/new/app/themed/ui/_inspectorSyntaxHighlight.scss b/new/app/themed/ui/_inspectorSyntaxHighlight.scss
@@ -231,11 +231,11 @@ x-link.devtools-link {
 
 /* Default CodeMirror Theme */
 .cm-negative {
-  color: #d44;
+  color: #dd4444;
 }
 
 .cm-positive {
-  color: #292;
+  color: #229922;
 }
 
 .cm-line {
diff --git a/new/app/themed/ui/_tabbedPane.scss b/new/app/themed/ui/_tabbedPane.scss
@@ -63,6 +63,7 @@
   box-sizing: content-box;
   width: 14px !important;
   height: 14px !important;
+
   &::before {
     content: '✖';
     line-height: 1.5;
diff --git a/new/app/themed/ui/_textButton.scss b/new/app/themed/ui/_textButton.scss
@@ -18,7 +18,9 @@
 }
 
 .text-button:not(:disabled):focus {
-  box-shadow: $highlight 0 1px 2px, $highlight 0 0 0 2px;
+  box-shadow:
+    $highlight 0 1px 2px,
+    $highlight 0 0 0 2px;
 }
 
 .text-button.primary-button {
diff --git a/new/app/themed/ui/_toolbar.scss b/new/app/themed/ui/_toolbar.scss
@@ -24,8 +24,7 @@
   color: $link-color;
 }
 
-.toolbar-toggled-gray:not(.toolbar-render-as-links)
-  .toolbar-button:not(.toolbar-has-glyph):not(.toolbar-has-dropdown):not(.largeicon-menu):hover {
+.toolbar-toggled-gray:not(.toolbar-render-as-links) .toolbar-button:not(.toolbar-has-glyph):not(.toolbar-has-dropdown):not(.largeicon-menu):hover {
   background-color: $contrast;
   border-color: $contrast;
 }
@@ -118,7 +117,6 @@ select.toolbar-item[data-keyboard-focus='true']:focus > * {
   background-color: $bg;
   border: none;
   box-shadow: none;
-
 }
 
 .toolbar-divider {

Original file line number	Diff line number	Diff line change
`@@ -1,5 +1,6 @@`
`1`	`1`	`.ax-breadcrumbs .ax-node::before {`
`2`	`2`	`background-color: $foreground;`
	`3`	`+`
`3`	`4`	`&:hover {`
`4`	`5`	`background-color: $accent1;`
`5`	`6`	`}`
Original file line number	Diff line number	Diff line change
`@@ -42,13 +42,7 @@ circle.animation-keyframe-point {`
`42`	`42`	`}`
`43`	`43`
`44`	`44`	`.animation-scrubber-line {`
`45`		`- background-image: linear-gradient(`
`46`		`- to right,`
`47`		`- rgba(255, 255, 255, 0) 5px,`
`48`		`- $accent1 5px,`
`49`		`- $accent1 6px,`
`50`		`- rgba(255, 255, 255, 0) 6px`
`51`		`- );`
	`45`	`+ background-image: linear-gradient(to right, rgba(255, 255, 255, 0) 5px, $accent1 5px, $accent1 6px, rgba(255, 255, 255, 0) 6px);`
`52`	`46`	`}`
`53`	`47`
`54`	`48`	`.animation-scrubber-head {`
Original file line number	Diff line number	Diff line change
`@@ -84,7 +84,9 @@`
`84`	`84`
`85`	`85`	`.palette-color-shades {`
`86`	`86`	`background-color: $background;`
`87`		`- box-shadow: rgba(230, 230, 230, 0.14) 0 4px 5px 0, rgba(230, 230, 230, 0.12) 0 1px 10px 0,`
	`87`	`+ box-shadow:`
	`88`	`+ rgba(230, 230, 230, 0.14) 0 4px 5px 0,`
	`89`	`+ rgba(230, 230, 230, 0.12) 0 1px 10px 0,`
`88`	`90`	`rgba(230, 230, 230, 0.4) 0 2px 4px -1px;`
`89`	`91`	`}`
`90`	`92`
Original file line number	Diff line number	Diff line change
`@@ -32,6 +32,7 @@`
`32`	`32`	`.crumbs {`
`33`	`33`	`background: $bg;`
`34`	`34`	`}`
	`35`	`+`
`35`	`36`	`.node-label-name {`
`36`	`37`	`color: $tag-name-color;`
`37`	`38`	`}`
Original file line number	Diff line number	Diff line change
`@@ -23,7 +23,6 @@`
`23`	`23`	`background-color: transparent;`
`24`	`24`	`}`
`25`	`25`
`26`		`-`
`27`	`26`	`.elements-disclosure li.selected {`
`28`	`27`	`position: relative;`
`29`	`28`	`}`
`@@ -94,11 +93,7 @@`
`94`	`93`	`@include indicator;`
`95`	`94`	`}`
`96`	`95`
`97`		`-.elements-disclosure`
`98`		`-.elements-tree-outline.hide-selection-when-blurred`
`99`		`-.selected:focus[data-keyboard-focus='true']`
`100`		`-.highlight`
`101`		`-> * {`
	`96`	`+.elements-disclosure .elements-tree-outline.hide-selection-when-blurred .selected:focus[data-keyboard-focus='true'] .highlight > * {`
`102`	`97`	`box-shadow: 0 0 0 2px $tree;`
`103`	`98`	`}`
`104`	`99`
Original file line number	Diff line number	Diff line change
`@@ -1,6 +1,7 @@`
`1`	`1`	`.color-swatch {`
`2`	`2`	`background: transparent;`
`3`	`3`	`}`
	`4`	`+`
`4`	`5`	`.color-swatch-inner {`
`5`	`6`	`border-top-color: $border;`
`6`	`7`	`border-right-color: $border;`
Original file line number	Diff line number	Diff line change
`@@ -147,7 +147,9 @@ input {`
`147`	`147`	`}`
`148`	`148`
`149`	`149`	`.chrome-select:enabled:focus {`
`150`		`- box-shadow: $highlight 0 1px 2px, $highlight 0 0 0 2px;`
	`150`	`+ box-shadow:`
	`151`	`+ $highlight 0 1px 2px,`
	`152`	`+ $highlight 0 0 0 2px;`
`151`	`153`	`}`
`152`	`154`
`153`	`155`	`.chrome-select optgroup,`
Original file line number	Diff line number	Diff line change
`@@ -231,11 +231,11 @@ x-link.devtools-link {`
`231`	`231`
`232`	`232`	`/* Default CodeMirror Theme */`
`233`	`233`	`.cm-negative {`
`234`		`- color: #d44;`
	`234`	`+ color: #dd4444;`
`235`	`235`	`}`
`236`	`236`
`237`	`237`	`.cm-positive {`
`238`		`- color: #292;`
	`238`	`+ color: #229922;`
`239`	`239`	`}`
`240`	`240`
`241`	`241`	`.cm-line {`
Original file line number	Diff line number	Diff line change
`@@ -18,7 +18,9 @@`
`18`	`18`	`}`
`19`	`19`
`20`	`20`	`.text-button:not(:disabled):focus {`
`21`		`- box-shadow: $highlight 0 1px 2px, $highlight 0 0 0 2px;`
	`21`	`+ box-shadow:`
	`22`	`+ $highlight 0 1px 2px,`
	`23`	`+ $highlight 0 0 0 2px;`
`22`	`24`	`}`
`23`	`25`
`24`	`26`	`.text-button.primary-button {`
Original file line number	Diff line number	Diff line change
`@@ -24,8 +24,7 @@`
`24`	`24`	`color: $link-color;`
`25`	`25`	`}`
`26`	`26`
`27`		`-.toolbar-toggled-gray:not(.toolbar-render-as-links)`
`28`		`- .toolbar-button:not(.toolbar-has-glyph):not(.toolbar-has-dropdown):not(.largeicon-menu):hover {`
	`27`	`+.toolbar-toggled-gray:not(.toolbar-render-as-links) .toolbar-button:not(.toolbar-has-glyph):not(.toolbar-has-dropdown):not(.largeicon-menu):hover {`
`29`	`28`	`background-color: $contrast;`
`30`	`29`	`border-color: $contrast;`
`31`	`30`	`}`
`@@ -118,7 +117,6 @@ select.toolbar-item[data-keyboard-focus='true']:focus > * {`
`118`	`117`	`background-color: $bg;`
`119`	`118`	`border: none;`
`120`	`119`	`box-shadow: none;`
`121`		`-`
`122`	`120`	`}`
`123`	`121`
`124`	`122`	`.toolbar-divider {`