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
This commit is contained in:
Marshall Bowers 2024-07-27 10:25:51 -04:00 committed by GitHub
parent 4976a9e9d8
commit acea6f9c0f
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
4 changed files with 188 additions and 171 deletions

View file

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

View file

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

View file

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