docs: Format CSS with Prettier (#15333)

This PR formats the CSS in the docs with Prettier.

The indentation of these CSS files kept changing based on who last
touched them, so I added settings to the Zed repo to try and keep the
formatting intact until we can enforce it in CI.

Release Notes:

- N/A

.zed/settings.json

@@ -26,6 +26,10 @@
       "tab_size": 2,
       "formatter": "prettier"
     },
+    "CSS": {
+      "tab_size": 2,
+      "formatter": "prettier"
+    },
     "Rust": {
       "tasks": {
         "variables": {

docs/theme/css/chrome.css

@@ -488,15 +488,22 @@ ul#searchresults span.teaser em {
 }
 .js .sidebar .sidebar-resize-handle {
   cursor: col-resize;
-  width: calc(var(--sidebar-resize-indicator-width) - var(--sidebar-resize-indicator-space));
+  width: calc(
+    var(--sidebar-resize-indicator-width) -
+      var(--sidebar-resize-indicator-space)
+  );
 }
 /* sidebar-hidden */
 #sidebar-toggle-anchor:not(:checked) ~ .sidebar {
-  transform: translateX(calc(0px - var(--sidebar-width) - var(--sidebar-resize-indicator-width)));
+  transform: translateX(
+    calc(0px - var(--sidebar-width) - var(--sidebar-resize-indicator-width))
+  );
   z-index: -1;
 }
 [dir="rtl"] #sidebar-toggle-anchor:not(:checked) ~ .sidebar {
-  transform: translateX(calc(var(--sidebar-width) + var(--sidebar-resize-indicator-width)));
+  transform: translateX(
+    calc(var(--sidebar-width) + var(--sidebar-resize-indicator-width))
+  );
 }
 .sidebar::-webkit-scrollbar {
   background: var(--sidebar-bg);
@@ -507,10 +514,14 @@ ul#searchresults span.teaser em {
 
 /* sidebar-visible */
 #sidebar-toggle-anchor:checked ~ .page-wrapper {
-  transform: translateX(calc(var(--sidebar-width) + var(--sidebar-resize-indicator-width)));
+  transform: translateX(
+    calc(var(--sidebar-width) + var(--sidebar-resize-indicator-width))
+  );
 }
 [dir="rtl"] #sidebar-toggle-anchor:checked ~ .page-wrapper {
-  transform: translateX(calc(0px - var(--sidebar-width) - var(--sidebar-resize-indicator-width)));
+  transform: translateX(
+    calc(0px - var(--sidebar-width) - var(--sidebar-resize-indicator-width))
+  );
 }
 @media only screen and (min-width: 620px) {
   #sidebar-toggle-anchor:checked ~ .page-wrapper {

docs/theme/css/variables.css

@@ -9,8 +9,10 @@
   --menu-bar-height: 50px;
   --font: "IA Writer Quattro S", sans-serif;
   --title-font: "Agrandir", "Helvetica Neue", Helvetica, Arial, sans-serif;
-  --mono-font: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;
-  --code-font-size: 0.875em /* please adjust the ace font size accordingly in editor.js */;
+  --mono-font: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas,
+    Liberation Mono, Courier New, monospace;
+  --code-font-size: 0.875em
+    /* please adjust the ace font size accordingly in editor.js */;
 
   --bg: rgb(246, 245, 240);
   --fg: rgb(75, 83, 97);