Bug 1606785 - Format browser/themes/preferences CSS files with Prettier r=settings-reviewers,desktop-theme-reviewers,dao,mconley

Differential Revision: https://phabricator.services.mozilla.com/D249187

browser/themes/shared/preferences/containers-dialog.css

@@ -37,11 +37,11 @@ radio > .userContext-icon {
   block-size: 22px;
 }
 
-.radio-buttons > radio[selected=true] {
+.radio-buttons > radio[selected="true"] {
   outline-color: var(--in-content-text-color);
 }
 
-.radio-buttons > radio[focused=true] {
+.radio-buttons > radio[focused="true"] {
   outline-color: var(--color-accent-primary);
 }
 

browser/themes/shared/preferences/fxaPairDevice.css

@@ -43,7 +43,7 @@
   width: 200px;
   background-size: contain;
   image-rendering: -moz-crisp-edges;
-  transition: filter 250ms cubic-bezier(.07,.95,0,1);
+  transition: filter 250ms cubic-bezier(0.07, 0.95, 0, 1);
 }
 
 #qrWrapper:not([pairing-status="ready"]) #qrContainer {
@@ -73,7 +73,7 @@
   height: 200px;
   width: 200px;
   content: "";
-  transition: opacity 250ms cubic-bezier(.07,.95,0,1);
+  transition: opacity 250ms cubic-bezier(0.07, 0.95, 0, 1);
   will-change: transform;
   margin-inline: auto;
 }
@@ -91,7 +91,7 @@
   position: absolute;
   inset: 0;
   margin-inline: auto;
-  transition: opacity 250ms cubic-bezier(.07,.95,0,1);
+  transition: opacity 250ms cubic-bezier(0.07, 0.95, 0, 1);
   cursor: pointer;
 }
 
@@ -99,7 +99,7 @@
   text-align: center;
   user-select: none;
   display: block;
-  color: #2484C6;
+  color: #2484c6;
   cursor: pointer;
 }
 
@@ -109,7 +109,7 @@
   background-image: url("chrome://global/skin/icons/reload.svg");
   background-size: contain;
   -moz-context-properties: fill;
-  fill: #2484C6;
+  fill: #2484c6;
 }
 
 @keyframes spin {

browser/themes/shared/preferences/preferences.css

@@ -32,7 +32,6 @@
   vertical-align: top; /* See bug 1606130 */
   display: flex;
   flex-direction: column;
-
 }
 
 /*
@@ -122,7 +121,7 @@ label {
 }
 
 .tip-caption {
-  font-size: .9em;
+  font-size: 0.9em;
   color: var(--text-color-deemphasized);
 }
 
@@ -653,7 +652,7 @@ html|dialog,
 }
 
 .dialogTitleBar {
-  padding: .4em .2em;
+  padding: 0.4em 0.2em;
   border-bottom: 1px solid var(--in-content-border-color);
 }
 
@@ -739,7 +738,7 @@ html|dialog,
 }
 
 .fxaProfileImage.actionable:hover {
-  border-color: #0095DD;
+  border-color: #0095dd;
 }
 
 .fxaProfileImage.actionable:hover:active {
@@ -807,7 +806,7 @@ html|dialog,
 .fxaLoginRejectedWarning {
   list-style-image: url(chrome://global/skin/icons/warning.svg);
   -moz-context-properties: fill;
-  fill: #FFBF00;
+  fill: #ffbf00;
   margin-inline: 4px 8px;
 }
 
@@ -1031,16 +1030,16 @@ dialog > .sync-engines-list + hbox {
   max-width: 10em;
   font-size: 1rem;
   position: absolute;
-  padding: 0 .7em;
+  padding: 0 0.7em;
   background-color: #ffe900;
   color: #000;
   border: 1px solid #d7b600;
   margin-top: -18px;
-  opacity: .85;
+  opacity: 0.85;
 }
 
 .search-tooltip:hover {
-  opacity: .1;
+  opacity: 0.1;
 }
 
 .search-tooltip::before {
@@ -1089,7 +1088,7 @@ dialog > .sync-engines-list + hbox {
   display: none !important;
 }
 
-menulist[indicator=true] > menupopup menuitem:not([image]) > .menu-icon {
+menulist[indicator="true"] > menupopup menuitem:not([image]) > .menu-icon {
   display: flex;
   min-width: auto; /* Override the min-width defined in menu.css */
   margin-inline-end: 6px;
@@ -1097,7 +1096,7 @@ menulist[indicator=true] > menupopup menuitem:not([image]) > .menu-icon {
   height: 10px;
 }
 
-menulist[indicator=true] > menupopup menuitem[indicator=true]:not([image]) > .menu-icon {
+menulist[indicator="true"] > menupopup menuitem[indicator="true"]:not([image]) > .menu-icon {
   list-style-image: url(chrome://browser/skin/preferences/search-arrow-indicator.svg);
 
   &:-moz-locale-dir(rtl) {
@@ -1223,8 +1222,8 @@ richlistitem .text-link:hover {
   align-items: baseline;
 }
 
-.checkbox-row input[type=checkbox] {
+.checkbox-row input[type="checkbox"] {
-  translate: 0 2px
+  translate: 0 2px;
 }
 
 .checkbox-row a {
@@ -1288,7 +1287,7 @@ richlistitem .text-link:hover {
 }
 
 #solo-ai {
-  background-image: url("chrome://browser/skin/preferences/solo-ai-logo.svg")
+  background-image: url("chrome://browser/skin/preferences/solo-ai-logo.svg");
 }
 
 /*
@@ -1340,7 +1339,7 @@ richlistitem .text-link:hover {
 }
 
 .qr-code-box-title {
-  font-size: .87em;
+  font-size: 0.87em;
   font-weight: normal;
 
   text-align: center;
@@ -1356,7 +1355,7 @@ richlistitem .text-link:hover {
 
 .simple .qr-code-box {
   padding-inline: var(--space-xlarge);
-  padding-block: 20px
+  padding-block: 20px;
 }
 
 .simple .qr-code-box-image {
@@ -1364,7 +1363,7 @@ richlistitem .text-link:hover {
 }
 
 #moreFromMozillaCategory .qr-code-link {
-  font-size: .87em;
+  font-size: 0.87em;
 }
 
 @media (prefers-color-scheme: dark) {
@@ -1428,11 +1427,11 @@ richlistitem .text-link:hover {
   box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.2);
 
   transform: scaleX(1);
-  content: url("chrome://browser/content/preferences/web-appearance-light.svg")
+  content: url("chrome://browser/content/preferences/web-appearance-light.svg");
 }
 
 .web-appearance-choice.dark img {
-  content: url("chrome://browser/content/preferences/web-appearance-dark.svg")
+  content: url("chrome://browser/content/preferences/web-appearance-dark.svg");
 }
 
 .web-appearance-choice img:-moz-locale-dir(rtl) {

browser/themes/shared/preferences/privacy.css

@@ -330,7 +330,7 @@
 }
 
 #openSearchEnginePreferences {
-  margin-block-start: .5em;
+  margin-block-start: 0.5em;
 }
 
 #firefoxSuggestDataCollectionSearchToggle,

browser/themes/shared/preferences/search.css

@@ -14,7 +14,7 @@
 }
 
 #engineList {
-  margin: .5em 0;
+  margin: 0.5em 0;
 }
 
 #engineList treechildren::-moz-tree-image(engineName) {

browser/themes/shared/preferences/translations.css

@@ -21,7 +21,9 @@
 .translations-settings-manage-section-info {
   display: flex;
   flex-direction: column;
-  h2, p, a {
+  h2,
+  p,
+  a {
     display: block;
     margin: var(--space-small) calc(2 * var(--space-small));
   }