From 6a79c0f52362f613f3d41553e80eac5fa4d9093f Mon Sep 17 00:00:00 2001 From: Florens Verschelde Date: Tue, 26 Mar 2019 15:23:01 +0000 Subject: [PATCH] Bug 1538164 - [release 130] Use stylelint-prettier instead of stylelint formatting rules (#8098). Differential Revision: https://phabricator.services.mozilla.com/D24766 --HG-- extra : moz-landing-system : lando --- .../client/debugger/new/dist/debugger.css | 81 ++++++++++--------- devtools/client/debugger/new/dist/vendors.css | 8 +- .../packages/devtools-components/src/tree.css | 6 +- .../src/launchpad/components/Console.css | 6 +- .../components/ObjectInspector.css | 2 +- .../packages/devtools-reps/src/reps/reps.css | 2 +- .../devtools-splitter/src/SplitBox.css | 2 + .../new/src/components/Editor/SearchBar.css | 2 +- .../src/components/PrimaryPanes/Sources.css | 3 +- .../SecondaryPanes/EventListeners.css | 64 +++++++-------- .../client/shared/components/reps/reps.css | 10 +-- 11 files changed, 97 insertions(+), 89 deletions(-) diff --git a/devtools/client/debugger/new/dist/debugger.css b/devtools/client/debugger/new/dist/debugger.css index 22b8dfeb0104..b456992d2a4a 100644 --- a/devtools/client/debugger/new/dist/debugger.css +++ b/devtools/client/debugger/new/dist/debugger.css @@ -288,7 +288,7 @@ button.invoke-getter { background-color: var(--theme-icon-color); height: 10px; vertical-align: middle; - border:none; + border: none; } .invoke-getter:hover { @@ -304,7 +304,7 @@ button.invoke-getter { * License, v. 2.0. If a copy of the MPL was not distributed with this * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ - /* We can remove the outline since we do add our own focus style on nodes */ +/* We can remove the outline since we do add our own focus style on nodes */ .tree:focus { outline: none; } @@ -337,7 +337,7 @@ button.invoke-getter { display: inline-block; width: 12px; margin-inline-start: 5px; - border-inline-start: 1px solid #A2D1FF; + border-inline-start: 1px solid #a2d1ff; flex-shrink: 0; } @@ -349,7 +349,7 @@ button.invoke-getter { /* For non expandable root nodes, we don't have .tree-indent elements, so we declare the margin on the start of the node */ .tree-node[data-expandable="false"][aria-level="1"] { - padding-inline-start: 15px + padding-inline-start: 15px; } .tree .tree-node[data-expandable="true"] { @@ -416,7 +416,7 @@ html[dir="rtl"] .tree-node button:not(.expanded) { color: var(--theme-body-color); } -.tree.object-inspector .block .object-label:before { +.tree.object-inspector .block .object-label::before { content: "\2632 "; font-size: 1.1em; } @@ -960,6 +960,7 @@ menuseparator { } .split-box.vert > .splitter { + /* prettier-ignore */ min-width: calc(var(--devtools-splitter-inline-start-width) + var(--devtools-splitter-inline-end-width) + 1px); @@ -973,6 +974,7 @@ menuseparator { } .split-box.horz > .splitter { + /* prettier-ignore */ min-height: calc(var(--devtools-splitter-top-width) + var(--devtools-splitter-bottom-width) + 1px); border-top-width: var(--devtools-splitter-top-width); @@ -2183,7 +2185,8 @@ menuseparator { width: 100%; height: 2px; background-color: var(--tab-line-color, transparent); - transition: transform 250ms var(--animation-curve), opacity 250ms var(--animation-curve); + transition: transform 250ms var(--animation-curve), + opacity 250ms var(--animation-curve); opacity: 0; transform: scaleX(0); } @@ -2361,7 +2364,7 @@ menuseparator { left: 0; right: 0; bottom: -1px; - border: solid 1px var(--blue-50); + border: solid 1px var(--blue-50); pointer-events: none; opacity: 0; transition: opacity 150ms ease-out; @@ -3944,56 +3947,56 @@ html[dir="rtl"] .command-bar { * file, You can obtain one at . */ .event-listeners-content { - padding-top: 4px; - padding-bottom: 4px; - padding-inline-start: 14px; - padding-inline-end: 20px; + padding-top: 4px; + padding-bottom: 4px; + padding-inline-start: 14px; + padding-inline-end: 20px; } .event-listeners-content ul { - padding: 0; - list-style-type: none; + padding: 0; + list-style-type: none; } .event-listener-group { - user-select: none; + user-select: none; } .event-listener-header { - display: flex; - align-items: center; + display: flex; + align-items: center; } .event-listener-expand { - border: none; - background: none; - padding: 4px 5px; - line-height: 12px; + border: none; + background: none; + padding: 4px 5px; + line-height: 12px; } .event-listener-expand:hover { - background: transparent; + background: transparent; } .event-listener-group input[type="checkbox"] { - margin: 0px; - margin-inline-end: 4px; + margin: 0px; + margin-inline-end: 4px; } .event-listener-label { - display: flex; - align-items: center; - padding-inline-start: 2px; - padding-inline-end: 10px; + display: flex; + align-items: center; + padding-inline-start: 2px; + padding-inline-end: 10px; } .event-listener-category { - padding: 3px 0px; - line-height: 14px; + padding: 3px 0px; + line-height: 14px; } .event-listeners-content .arrow { - margin-inline-end: 0; + margin-inline-end: 0; } html[dir="ltr"] .event-listeners-content .arrow.expanded { @@ -4005,21 +4008,21 @@ html[dir="rtl"] .event-listeners-content .arrow.expanded { } .event-listener-event { - display: flex; - align-items: center; - margin-inline-start: 30px; + display: flex; + align-items: center; + margin-inline-start: 30px; } .event-listener-name { - line-height: 14px; - padding: 3px 0px; + line-height: 14px; + padding: 3px 0px; } .event-listener-event input { - margin-inline-end: 4px; - margin-inline-start: 0px; - margin-top: 0px; - margin-bottom: 0px; + margin-inline-end: 4px; + margin-inline-start: 0px; + margin-top: 0px; + margin-bottom: 0px; } /* This Source Code Form is subject to the terms of the Mozilla Public * License, v. 2.0. If a copy of the MPL was not distributed with this diff --git a/devtools/client/debugger/new/dist/vendors.css b/devtools/client/debugger/new/dist/vendors.css index 0e52c744b22c..282a2b075397 100644 --- a/devtools/client/debugger/new/dist/vendors.css +++ b/devtools/client/debugger/new/dist/vendors.css @@ -2,7 +2,7 @@ * License, v. 2.0. If a copy of the MPL was not distributed with this * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ - /* We can remove the outline since we do add our own focus style on nodes */ +/* We can remove the outline since we do add our own focus style on nodes */ .tree:focus { outline: none; } @@ -35,7 +35,7 @@ display: inline-block; width: 12px; margin-inline-start: 5px; - border-inline-start: 1px solid #A2D1FF; + border-inline-start: 1px solid #a2d1ff; flex-shrink: 0; } @@ -47,7 +47,7 @@ /* For non expandable root nodes, we don't have .tree-indent elements, so we declare the margin on the start of the node */ .tree-node[data-expandable="false"][aria-level="1"] { - padding-inline-start: 15px + padding-inline-start: 15px; } .tree .tree-node[data-expandable="true"] { @@ -135,6 +135,7 @@ html[dir="rtl"] .tree-node button:not(.expanded) { } .split-box.vert > .splitter { + /* prettier-ignore */ min-width: calc(var(--devtools-splitter-inline-start-width) + var(--devtools-splitter-inline-end-width) + 1px); @@ -148,6 +149,7 @@ html[dir="rtl"] .tree-node button:not(.expanded) { } .split-box.horz > .splitter { + /* prettier-ignore */ min-height: calc(var(--devtools-splitter-top-width) + var(--devtools-splitter-bottom-width) + 1px); border-top-width: var(--devtools-splitter-top-width); diff --git a/devtools/client/debugger/new/packages/devtools-components/src/tree.css b/devtools/client/debugger/new/packages/devtools-components/src/tree.css index fa343d0ea708..66becfd41857 100644 --- a/devtools/client/debugger/new/packages/devtools-components/src/tree.css +++ b/devtools/client/debugger/new/packages/devtools-components/src/tree.css @@ -2,7 +2,7 @@ * License, v. 2.0. If a copy of the MPL was not distributed with this * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ - /* We can remove the outline since we do add our own focus style on nodes */ +/* We can remove the outline since we do add our own focus style on nodes */ .tree:focus { outline: none; } @@ -35,7 +35,7 @@ display: inline-block; width: 12px; margin-inline-start: 5px; - border-inline-start: 1px solid #A2D1FF; + border-inline-start: 1px solid #a2d1ff; flex-shrink: 0; } @@ -47,7 +47,7 @@ /* For non expandable root nodes, we don't have .tree-indent elements, so we declare the margin on the start of the node */ .tree-node[data-expandable="false"][aria-level="1"] { - padding-inline-start: 15px + padding-inline-start: 15px; } .tree .tree-node[data-expandable="true"] { diff --git a/devtools/client/debugger/new/packages/devtools-reps/src/launchpad/components/Console.css b/devtools/client/debugger/new/packages/devtools-reps/src/launchpad/components/Console.css index c163071a7634..7748afecd759 100644 --- a/devtools/client/debugger/new/packages/devtools-reps/src/launchpad/components/Console.css +++ b/devtools/client/debugger/new/packages/devtools-reps/src/launchpad/components/Console.css @@ -27,7 +27,7 @@ main { padding: 0.5rem; } -.rep-input:before { +.rep-input::before { content: "➜ "; } @@ -48,7 +48,7 @@ main { } .rep-element[data-mode]::before { - content: attr(data-mode)":"; + content: attr(data-mode) ":"; background-color: var(--theme-toolbar-background); font-family: monospace; display: inline-block; @@ -73,7 +73,7 @@ main { .packet header .copy-label { margin: 0 0.5em; padding-inline-start: 0.5em; - border-inline-start: 1px solid rgba(0,0,0, 0.2); + border-inline-start: 1px solid rgba(0, 0, 0, 0.2); } .packet header.packet-expanded::before { diff --git a/devtools/client/debugger/new/packages/devtools-reps/src/object-inspector/components/ObjectInspector.css b/devtools/client/debugger/new/packages/devtools-reps/src/object-inspector/components/ObjectInspector.css index fc1fc8d71b36..cd312a0203d8 100644 --- a/devtools/client/debugger/new/packages/devtools-reps/src/object-inspector/components/ObjectInspector.css +++ b/devtools/client/debugger/new/packages/devtools-reps/src/object-inspector/components/ObjectInspector.css @@ -27,7 +27,7 @@ color: var(--theme-body-color); } -.tree.object-inspector .block .object-label:before { +.tree.object-inspector .block .object-label::before { content: "☲ "; font-size: 1.1em; } diff --git a/devtools/client/debugger/new/packages/devtools-reps/src/reps/reps.css b/devtools/client/debugger/new/packages/devtools-reps/src/reps/reps.css index 3d4d4bd7bbba..5d9c9a8d8274 100644 --- a/devtools/client/debugger/new/packages/devtools-reps/src/reps/reps.css +++ b/devtools/client/debugger/new/packages/devtools-reps/src/reps/reps.css @@ -288,7 +288,7 @@ button.invoke-getter { background-color: var(--theme-icon-color); height: 10px; vertical-align: middle; - border:none; + border: none; } .invoke-getter:hover { diff --git a/devtools/client/debugger/new/packages/devtools-splitter/src/SplitBox.css b/devtools/client/debugger/new/packages/devtools-splitter/src/SplitBox.css index ecfbbe1b2605..42c42d257b8e 100644 --- a/devtools/client/debugger/new/packages/devtools-splitter/src/SplitBox.css +++ b/devtools/client/debugger/new/packages/devtools-splitter/src/SplitBox.css @@ -48,6 +48,7 @@ } .split-box.vert > .splitter { + /* prettier-ignore */ min-width: calc(var(--devtools-splitter-inline-start-width) + var(--devtools-splitter-inline-end-width) + 1px); @@ -61,6 +62,7 @@ } .split-box.horz > .splitter { + /* prettier-ignore */ min-height: calc(var(--devtools-splitter-top-width) + var(--devtools-splitter-bottom-width) + 1px); border-top-width: var(--devtools-splitter-top-width); diff --git a/devtools/client/debugger/new/src/components/Editor/SearchBar.css b/devtools/client/debugger/new/src/components/Editor/SearchBar.css index 0d94085328ce..ea23ac078c2c 100644 --- a/devtools/client/debugger/new/src/components/Editor/SearchBar.css +++ b/devtools/client/debugger/new/src/components/Editor/SearchBar.css @@ -19,7 +19,7 @@ left: 0; right: 0; bottom: -1px; - border: solid 1px var(--blue-50); + border: solid 1px var(--blue-50); pointer-events: none; opacity: 0; transition: opacity 150ms ease-out; diff --git a/devtools/client/debugger/new/src/components/PrimaryPanes/Sources.css b/devtools/client/debugger/new/src/components/PrimaryPanes/Sources.css index b5740038cc7c..3bc7ab59dff5 100644 --- a/devtools/client/debugger/new/src/components/PrimaryPanes/Sources.css +++ b/devtools/client/debugger/new/src/components/PrimaryPanes/Sources.css @@ -157,7 +157,8 @@ width: 100%; height: 2px; background-color: var(--tab-line-color, transparent); - transition: transform 250ms var(--animation-curve), opacity 250ms var(--animation-curve); + transition: transform 250ms var(--animation-curve), + opacity 250ms var(--animation-curve); opacity: 0; transform: scaleX(0); } diff --git a/devtools/client/debugger/new/src/components/SecondaryPanes/EventListeners.css b/devtools/client/debugger/new/src/components/SecondaryPanes/EventListeners.css index 27697ec4ade2..65f8114c0387 100644 --- a/devtools/client/debugger/new/src/components/SecondaryPanes/EventListeners.css +++ b/devtools/client/debugger/new/src/components/SecondaryPanes/EventListeners.css @@ -3,56 +3,56 @@ * file, You can obtain one at . */ .event-listeners-content { - padding-top: 4px; - padding-bottom: 4px; - padding-inline-start: 14px; - padding-inline-end: 20px; + padding-top: 4px; + padding-bottom: 4px; + padding-inline-start: 14px; + padding-inline-end: 20px; } .event-listeners-content ul { - padding: 0; - list-style-type: none; + padding: 0; + list-style-type: none; } .event-listener-group { - user-select: none; + user-select: none; } .event-listener-header { - display: flex; - align-items: center; + display: flex; + align-items: center; } .event-listener-expand { - border: none; - background: none; - padding: 4px 5px; - line-height: 12px; + border: none; + background: none; + padding: 4px 5px; + line-height: 12px; } .event-listener-expand:hover { - background: transparent; + background: transparent; } .event-listener-group input[type="checkbox"] { - margin: 0px; - margin-inline-end: 4px; + margin: 0px; + margin-inline-end: 4px; } .event-listener-label { - display: flex; - align-items: center; - padding-inline-start: 2px; - padding-inline-end: 10px; + display: flex; + align-items: center; + padding-inline-start: 2px; + padding-inline-end: 10px; } .event-listener-category { - padding: 3px 0px; - line-height: 14px; + padding: 3px 0px; + line-height: 14px; } .event-listeners-content .arrow { - margin-inline-end: 0; + margin-inline-end: 0; } html[dir="ltr"] .event-listeners-content .arrow.expanded { @@ -64,19 +64,19 @@ html[dir="rtl"] .event-listeners-content .arrow.expanded { } .event-listener-event { - display: flex; - align-items: center; - margin-inline-start: 30px; + display: flex; + align-items: center; + margin-inline-start: 30px; } .event-listener-name { - line-height: 14px; - padding: 3px 0px; + line-height: 14px; + padding: 3px 0px; } .event-listener-event input { - margin-inline-end: 4px; - margin-inline-start: 0px; - margin-top: 0px; - margin-bottom: 0px; + margin-inline-end: 4px; + margin-inline-start: 0px; + margin-top: 0px; + margin-bottom: 0px; } diff --git a/devtools/client/shared/components/reps/reps.css b/devtools/client/shared/components/reps/reps.css index c5d8d20fd95a..b7024824e9e7 100644 --- a/devtools/client/shared/components/reps/reps.css +++ b/devtools/client/shared/components/reps/reps.css @@ -288,7 +288,7 @@ button.invoke-getter { background-color: var(--theme-icon-color); height: 10px; vertical-align: middle; - border:none; + border: none; } .invoke-getter:hover { @@ -304,7 +304,7 @@ button.invoke-getter { * License, v. 2.0. If a copy of the MPL was not distributed with this * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ - /* We can remove the outline since we do add our own focus style on nodes */ +/* We can remove the outline since we do add our own focus style on nodes */ .tree:focus { outline: none; } @@ -337,7 +337,7 @@ button.invoke-getter { display: inline-block; width: 12px; margin-inline-start: 5px; - border-inline-start: 1px solid #A2D1FF; + border-inline-start: 1px solid #a2d1ff; flex-shrink: 0; } @@ -349,7 +349,7 @@ button.invoke-getter { /* For non expandable root nodes, we don't have .tree-indent elements, so we declare the margin on the start of the node */ .tree-node[data-expandable="false"][aria-level="1"] { - padding-inline-start: 15px + padding-inline-start: 15px; } .tree .tree-node[data-expandable="true"] { @@ -416,7 +416,7 @@ html[dir="rtl"] .tree-node button:not(.expanded) { color: var(--theme-body-color); } -.tree.object-inspector .block .object-label:before { +.tree.object-inspector .block .object-label::before { content: "\2632 "; font-size: 1.1em; }