Add some dprint plugins for HTML and CSS

kachick · May 16, 2024 · be2fe94 · be2fe94
1 parent b7ebfae
commit be2fe94
Show file tree

Hide file tree

Showing 4 changed files with 19 additions and 12 deletions.
diff --git a/.github/renovate.json b/.github/renovate.json
@@ -1,10 +1,13 @@
 {
   "$schema": "https://docs.renovatebot.com/renovate-schema.json",
+  "extends": [
+    "github>kachick/renovate-config-dprint#1.1.0"
+  ],
   "dependencyDashboard": true,
   "labels": ["dependencies", "renovate"],
-  "enabledManagers": ["nix"],
+  "enabledManagers": ["regex", "nix"],
   "nix": {
-    "enabled": true
+    "enabled": false
   },
   "packageRules": [
     {

diff --git a/dprint.json b/dprint.json
@@ -9,10 +9,17 @@
   },
   "json": {},
   "markdown": {},
+  "malva": {
+    "quotes": "preferSingle"
+  },
+  "markup": {
+  },
   "excludes": ["**/node_modules", "**/*-lock.json", "lib/**", "dist/**", "elm-stuff", "review", "elm.json"],
   "plugins": [
     "https://plugins.dprint.dev/typescript-0.89.3.wasm",
     "https://plugins.dprint.dev/json-0.19.2.wasm",
-    "https://plugins.dprint.dev/markdown-0.16.4.wasm"
+    "https://plugins.dprint.dev/markdown-0.16.4.wasm",
+    "https://plugins.dprint.dev/g-plane/malva-v0.3.1.wasm",
+    "https://plugins.dprint.dev/g-plane/markup_fmt-v0.8.0.wasm"
   ]
 }
diff --git a/index.html b/index.html
@@ -1,4 +1,4 @@
-<!doctype html>
+<!DOCTYPE html>
 <html lang="en">
   <head>
     <meta charset="UTF-8" />

diff --git a/public/main.css b/public/main.css
@@ -1,12 +1,9 @@
 :root {
   --page-height: 100dvh;
   --content-height: 90dvh;
-  --non-content-max-height: calc((var(--page-height) - var(--content-height)));
-  --header-height: minmax(
-    30px,
-    calc(((var(--non-content-max-height) / 3) * 2))
-  );
-  --footer-height: minmax(20px, calc(((var(--non-content-max-height) / 3))));
+  --non-content-max-height: calc(var(--page-height) - var(--content-height));
+  --header-height: minmax(30px, calc(var(--non-content-max-height) / 3 * 2));
+  --footer-height: minmax(20px, calc(var(--non-content-max-height) / 3));
   --brand-base-color: #6a8372;
   --brand-dark-color: #43676b;
   --user-image-width: 32px;
@@ -44,8 +41,8 @@ a {
   #page {
     grid-template:
       'head' var(--header-height)
-      'timer-panel' max(calc((var(--content-height) / 3)))
-      'users-panel' min(calc((var(--content-height) / 3) * 2))
+      'timer-panel' max(calc(var(--content-height) / 3))
+      'users-panel' min(calc(var(--content-height) / 3 * 2))
       'foot' var(--footer-height) / 1fr;
   }
 }