prettify css (firefox-devtools#3187)

jasonLaster · web-flow · commit 22b743635253 · 2017-06-19T13:12:22.000+03:00
diff --git a/.stylelintrc b/.stylelintrc
@@ -47,7 +47,6 @@
     "number-no-trailing-zeros": true,
     "selector-combinator-space-after": "always",
     "selector-combinator-space-before": "always",
-    "selector-list-comma-newline-after": "always",
     "selector-list-comma-space-before": "never",
     "selector-pseudo-element-colon-notation": "double",
     "selector-type-case": "lower",
diff --git a/bin/prettier.js b/bin/prettier.js
@@ -14,6 +14,7 @@ const args = [
   "*.js",
   "src/*.js",
   "src/*/*.js",
+  "src/components/**/*.css",
   "src/*/!(mochitest)**/*.js",
   "src/*/!(mochitest)*/**/*.js"
 ];
@@ -25,7 +26,8 @@ const prettierProc = spawn(prettierCmd, prettierArgs);
 prettierProc.stdout.on("data", data => console.log(`${data}`));
 prettierProc.stderr.on("data", data => console.log(`stderr: ${data}`));
 prettierProc.on("close", code =>
-  console.log(`prettier exited with code ${code}`));
+  console.log(`prettier exited with code ${code}`)
+);
 prettierProc.on("error", error => {
   if (error.code == "ENOENT") {
     console.log(`Hmm, could not find the path ${cmd}.`);
diff --git a/src/components/Editor/Editor.css b/src/components/Editor/Editor.css
@@ -3,7 +3,6 @@
   --debug-line-border: rgb(145, 188, 219);
   --editor-searchbar-height: 27px;
   --editor-second-searchbar-height: 27px;
-
 }
 
 .theme-dark .editor-wrapper {
@@ -23,8 +22,7 @@
   --theme-conditional-breakpoint-color: #ccd1d5;
 }
 
-.out-of-scope .CodeMirror-line,
-.out-of-scope .CodeMirror-linenumber {
+.out-of-scope .CodeMirror-line, .out-of-scope .CodeMirror-linenumber {
   opacity: 0.8;
 }
 
@@ -178,17 +176,25 @@ html[dir="rtl"] .editor-mount {
 }
 
 @keyframes fade-highlight-out {
-  0% { background-color: var(--theme-highlight-gray); }
-  100% { background-color: transparent; }
+  0% {
+    background-color: var(--theme-highlight-gray);
+  }
+  100% {
+    background-color: transparent;
+  }
 }
 
 .theme-dark .highlight-line .CodeMirror-line {
   animation: fade-highlight-out-dark 1.5s normal forwards;
 }
 
 @keyframes fade-highlight-out-dark {
-  0% { background-color: var(--theme-content-color3); }
-  100% { background-color: transparent; }
+  0% {
+    background-color: var(--theme-content-color3);
+  }
+  100% {
+    background-color: transparent;
+  }
 }
 
 .welcomebox {
diff --git a/src/components/Editor/Tabs.css b/src/components/Editor/Tabs.css
@@ -57,8 +57,7 @@
   border-bottom-color: transparent;
 }
 
-.source-tab.active path,
-.source-tab:hover path {
+.source-tab.active path, .source-tab:hover path {
   fill: var(--theme-body-color);
 }
 
@@ -75,8 +74,7 @@
   fill: var(--theme-textbox-box-shadow);
 }
 
-.source-tab .blackBox,
-.source-tab .prettyPrint {
+.source-tab .blackBox, .source-tab .prettyPrint {
   line-height: 0;
   align-self: center;
 }
diff --git a/src/components/ProjectSearch/ProjectSearch.css b/src/components/ProjectSearch/ProjectSearch.css
@@ -1,4 +1,3 @@
-
 .search-container {
   position: absolute;
   top: 30px;
diff --git a/src/components/SecondaryPanes/Breakpoints.css b/src/components/SecondaryPanes/Breakpoints.css
@@ -71,8 +71,7 @@ html .breakpoints-list .breakpoint.paused {
   order: 3;
 }
 
-:root.theme-light .breakpoint-snippet,
-:root.theme-firebug .breakpoint-snippet {
+:root.theme-light .breakpoint-snippet, :root.theme-firebug .breakpoint-snippet {
   color: var(--theme-comment);
 }
 
diff --git a/src/components/SecondaryPanes/Frames/Frames.css b/src/components/SecondaryPanes/Frames/Frames.css
@@ -37,8 +37,7 @@
   margin: 0;
 }
 
-:root.theme-light .frames .location,
-:root.theme-firebug .frames .location {
+:root.theme-light .frames .location, :root.theme-firebug .frames .location {
   color: var(--theme-comment);
 }
 
@@ -53,14 +52,12 @@
   margin-right: 1em;
 }
 
-.frames ul li:hover,
-.frames ul li:focus {
+.frames ul li:hover, .frames ul li:focus {
   background-color: var(--theme-toolbar-background-alt);
   outline: none;
 }
 
-.theme-dark .frames ul li:hover,
-.theme-dark .frames ul li:focus {
+.theme-dark .frames ul li:hover, .theme-dark .frames ul li:focus {
   background-color: var(--theme-tab-toolbar-background);
 }
 
diff --git a/src/components/SecondaryPanes/Frames/Group.css b/src/components/SecondaryPanes/Frames/Group.css
@@ -1,5 +1,4 @@
-.frames ul .frames-group .group,
-.frames ul .frames-group .group .location {
+.frames ul .frames-group .group, .frames ul .frames-group .group .location {
   font-weight: 500;
 }
 
diff --git a/src/components/SecondaryPanes/Frames/WhyPaused.css b/src/components/SecondaryPanes/Frames/WhyPaused.css
@@ -1,4 +1,3 @@
-
 .why-paused {
   background-color: var(--theme-body-background);
   color: var(--theme-body-color);
diff --git a/src/components/SecondaryPanes/Scopes.css b/src/components/SecondaryPanes/Scopes.css
@@ -1,4 +1,3 @@
-
 .object-node.default-property {
   opacity: 0.6;
 }
diff --git a/src/components/Sources.css b/src/components/Sources.css
@@ -113,7 +113,6 @@
   border-top-color: transparent;
 }
 
-.source-footer .tab.active path,
-.source-footer .tab:hover path {
+.source-footer .tab.active path, .source-footer .tab:hover path {
   fill: var(--theme-body-color);
 }
diff --git a/src/components/shared/Accordion.css b/src/components/shared/Accordion.css
@@ -28,8 +28,7 @@
   background-color: var(--theme-toolbar-background-hover);
 }
 
-.accordion ._header button svg,
-.accordion ._header:hover button svg {
+.accordion ._header button svg, .accordion ._header:hover button svg {
   fill: currentColor;
   height: 16px;
 }
diff --git a/src/components/shared/Autocomplete.css b/src/components/shared/Autocomplete.css
@@ -1,4 +1,3 @@
-
 .autocomplete {
   flex: 1;
   width: 100%;
diff --git a/src/components/shared/BracketArrow.css b/src/components/shared/BracketArrow.css
@@ -2,8 +2,7 @@
   position: absolute;
 }
 
-.bracket-arrow::before,
-.bracket-arrow::after {
+.bracket-arrow::before, .bracket-arrow::after {
   content: '';
   height: 0;
   width: 0;
diff --git a/src/components/shared/Button/PaneToggle.css b/src/components/shared/Button/PaneToggle.css
@@ -1,24 +1,20 @@
-.toggle-button-start,
-.toggle-button-end {
+.toggle-button-start, .toggle-button-end {
   transform: translate(0, 2px);
   transition: transform 0.25s ease-in-out;
   cursor: pointer;
   padding: 5px 2px;
 }
 
-.toggle-button-start.vertical,
-.toggle-button-end.vertical {
+.toggle-button-start.vertical, .toggle-button-end.vertical {
   padding: 4px 2px;
 }
 
-.toggle-button-start svg,
-.toggle-button-end svg {
+.toggle-button-start svg, .toggle-button-end svg {
   width: 16px;
   fill: var(--theme-comment);
 }
 
-.theme-dark .toggle-button-start svg,
-.theme-dark .toggle-button-end svg {
+.theme-dark .toggle-button-start svg, .theme-dark .toggle-button-end svg {
   fill: var(--theme-comment-alt);
 }
 
@@ -40,7 +36,6 @@ html .toggle-button-end.vertical svg {
   transform: rotate(-90deg);
 }
 
-.toggle-button-start.collapsed,
-.toggle-button-end.collapsed {
+.toggle-button-start.collapsed, .toggle-button-end.collapsed {
   transform: rotate(180deg);
 }
diff --git a/src/components/shared/SearchInput.css b/src/components/shared/SearchInput.css
@@ -1,4 +1,3 @@
-
 .search-field {
   width: calc(100% - 1px);
   height: 27px;
@@ -40,20 +39,17 @@
   color: var(--theme-body-color-inactive);
 }
 
-.search-field i.magnifying-glass,
-.search-field i.sad-face {
+.search-field i.magnifying-glass, .search-field i.sad-face {
   padding: 6px;
   width: 24px;
 }
 
-.search-field.big i.magnifying-glass,
-.search-field.big i.sad-face {
+.search-field.big i.magnifying-glass, .search-field.big i.sad-face {
   padding: 14px;
   width: 40px;
 }
 
-.search-field .magnifying-glass path,
-.search-field .magnifying-glass ellipse {
+.search-field .magnifying-glass path, .search-field .magnifying-glass ellipse {
   stroke: var(--theme-splitter-color);
 }
 
diff --git a/src/components/shared/Svg.css b/src/components/shared/Svg.css
@@ -1,46 +1,26 @@
-
-.arrow,
-.folder,
-.domain,
-.file,
-.worker,
-.refresh,
-.add-button {
+.arrow, .folder, .domain, .file, .worker, .refresh, .add-button {
   fill: var(--theme-splitter-color);
 }
 
-.worker,
-.folder {
+.worker, .folder {
   position: relative;
   top: 2px;
 }
 
-.domain,
-.file,
-.worker,
-.refresh,
-.add-button {
+.domain, .file, .worker, .refresh, .add-button {
   position: relative;
   top: 1px;
 }
 
-.domain svg,
-.folder svg,
-.worker svg,
-.refresh svg,
-.add-button svg {
+.domain svg, .folder svg, .worker svg, .refresh svg, .add-button svg {
   width: 15px;
 }
 
 .file svg {
   width: 13px;
 }
 
-.file svg,
-.domain svg,
-.folder svg,
-.refresh svg,
-.worker svg {
+.file svg, .domain svg, .folder svg, .refresh svg, .worker svg {
   margin-inline-end: 5px;
 }
 
diff --git a/src/components/shared/previewFunction.css b/src/components/shared/previewFunction.css
@@ -1,4 +1,3 @@
-
 .function-signature {
   line-height: 20px;
   align-self: center;
diff --git a/src/components/shared/reps.css b/src/components/shared/reps.css
diff --git a/src/components/variables.css b/src/components/variables.css

Original file line number	Diff line number	Diff line change
`@@ -3,7 +3,6 @@`
`3`	`3`	`--debug-line-border: rgb(145, 188, 219);`
`4`	`4`	`--editor-searchbar-height: 27px;`
`5`	`5`	`--editor-second-searchbar-height: 27px;`
`6`		`-`
`7`	`6`	`}`
`8`	`7`
`9`	`8`	`.theme-dark .editor-wrapper {`
`@@ -23,8 +22,7 @@`
`23`	`22`	`--theme-conditional-breakpoint-color: #ccd1d5;`
`24`	`23`	`}`
`25`	`24`
`26`		`-.out-of-scope .CodeMirror-line,`
`27`		`-.out-of-scope .CodeMirror-linenumber {`
	`25`	`+.out-of-scope .CodeMirror-line, .out-of-scope .CodeMirror-linenumber {`
`28`	`26`	`opacity: 0.8;`
`29`	`27`	`}`
`30`	`28`
`@@ -178,17 +176,25 @@ html[dir="rtl"] .editor-mount {`
`178`	`176`	`}`
`179`	`177`
`180`	`178`	`@keyframes fade-highlight-out {`
`181`		`- 0% { background-color: var(--theme-highlight-gray); }`
`182`		`- 100% { background-color: transparent; }`
	`179`	`+ 0% {`
	`180`	`+ background-color: var(--theme-highlight-gray);`
	`181`	`+ }`
	`182`	`+ 100% {`
	`183`	`+ background-color: transparent;`
	`184`	`+ }`
`183`	`185`	`}`
`184`	`186`
`185`	`187`	`.theme-dark .highlight-line .CodeMirror-line {`
`186`	`188`	`animation: fade-highlight-out-dark 1.5s normal forwards;`
`187`	`189`	`}`
`188`	`190`
`189`	`191`	`@keyframes fade-highlight-out-dark {`
`190`		`- 0% { background-color: var(--theme-content-color3); }`
`191`		`- 100% { background-color: transparent; }`
	`192`	`+ 0% {`
	`193`	`+ background-color: var(--theme-content-color3);`
	`194`	`+ }`
	`195`	`+ 100% {`
	`196`	`+ background-color: transparent;`
	`197`	`+ }`
`192`	`198`	`}`
`193`	`199`
`194`	`200`	`.welcomebox {`
Original file line number	Diff line number	Diff line change
`@@ -57,8 +57,7 @@`
`57`	`57`	`border-bottom-color: transparent;`
`58`	`58`	`}`
`59`	`59`
`60`		`-.source-tab.active path,`
`61`		`-.source-tab:hover path {`
	`60`	`+.source-tab.active path, .source-tab:hover path {`
`62`	`61`	`fill: var(--theme-body-color);`
`63`	`62`	`}`
`64`	`63`
`@@ -75,8 +74,7 @@`
`75`	`74`	`fill: var(--theme-textbox-box-shadow);`
`76`	`75`	`}`
`77`	`76`
`78`		`-.source-tab .blackBox,`
`79`		`-.source-tab .prettyPrint {`
	`77`	`+.source-tab .blackBox, .source-tab .prettyPrint {`
`80`	`78`	`line-height: 0;`
`81`	`79`	`align-self: center;`
`82`	`80`	`}`
Original file line number	Diff line number	Diff line change
`@@ -1,4 +1,3 @@`
`1`		`-`
`2`	`1`	`.search-container {`
`3`	`2`	`position: absolute;`
`4`	`3`	`top: 30px;`
Original file line number	Diff line number	Diff line change
`@@ -71,8 +71,7 @@ html .breakpoints-list .breakpoint.paused {`
`71`	`71`	`order: 3;`
`72`	`72`	`}`
`73`	`73`
`74`		`-:root.theme-light .breakpoint-snippet,`
`75`		`-:root.theme-firebug .breakpoint-snippet {`
	`74`	`+:root.theme-light .breakpoint-snippet, :root.theme-firebug .breakpoint-snippet {`
`76`	`75`	`color: var(--theme-comment);`
`77`	`76`	`}`
`78`	`77`
Original file line number	Diff line number	Diff line change
`@@ -37,8 +37,7 @@`
`37`	`37`	`margin: 0;`
`38`	`38`	`}`
`39`	`39`
`40`		`-:root.theme-light .frames .location,`
`41`		`-:root.theme-firebug .frames .location {`
	`40`	`+:root.theme-light .frames .location, :root.theme-firebug .frames .location {`
`42`	`41`	`color: var(--theme-comment);`
`43`	`42`	`}`
`44`	`43`
`@@ -53,14 +52,12 @@`
`53`	`52`	`margin-right: 1em;`
`54`	`53`	`}`
`55`	`54`
`56`		`-.frames ul li:hover,`
`57`		`-.frames ul li:focus {`
	`55`	`+.frames ul li:hover, .frames ul li:focus {`
`58`	`56`	`background-color: var(--theme-toolbar-background-alt);`
`59`	`57`	`outline: none;`
`60`	`58`	`}`
`61`	`59`
`62`		`-.theme-dark .frames ul li:hover,`
`63`		`-.theme-dark .frames ul li:focus {`
	`60`	`+.theme-dark .frames ul li:hover, .theme-dark .frames ul li:focus {`
`64`	`61`	`background-color: var(--theme-tab-toolbar-background);`
`65`	`62`	`}`
`66`	`63`
Original file line number	Diff line number	Diff line change
`@@ -1,5 +1,4 @@`
`1`		`-.frames ul .frames-group .group,`
`2`		`-.frames ul .frames-group .group .location {`
	`1`	`+.frames ul .frames-group .group, .frames ul .frames-group .group .location {`
`3`	`2`	`font-weight: 500;`
`4`	`3`	`}`
`5`	`4`
Original file line number	Diff line number	Diff line change
`@@ -1,4 +1,3 @@`
`1`		`-`
`2`	`1`	`.why-paused {`
`3`	`2`	`background-color: var(--theme-body-background);`
`4`	`3`	`color: var(--theme-body-color);`
Original file line number	Diff line number	Diff line change
`@@ -1,4 +1,3 @@`
`1`		`-`
`2`	`1`	`.object-node.default-property {`
`3`	`2`	`opacity: 0.6;`
`4`	`3`	`}`
Original file line number	Diff line number	Diff line change
`@@ -113,7 +113,6 @@`
`113`	`113`	`border-top-color: transparent;`
`114`	`114`	`}`
`115`	`115`
`116`		`-.source-footer .tab.active path,`
`117`		`-.source-footer .tab:hover path {`
	`116`	`+.source-footer .tab.active path, .source-footer .tab:hover path {`
`118`	`117`	`fill: var(--theme-body-color);`
`119`	`118`	`}`
Original file line number	Diff line number	Diff line change
`@@ -28,8 +28,7 @@`
`28`	`28`	`background-color: var(--theme-toolbar-background-hover);`
`29`	`29`	`}`
`30`	`30`
`31`		`-.accordion ._header button svg,`
`32`		`-.accordion ._header:hover button svg {`
	`31`	`+.accordion ._header button svg, .accordion ._header:hover button svg {`
`33`	`32`	`fill: currentColor;`
`34`	`33`	`height: 16px;`
`35`	`34`	`}`