chore: fix code style

Author: danharrin

docs/astro.config.mjs

@@ -9,11 +9,7 @@ import rehypeAutolinkHeadings from 'rehype-autolink-headings'
 export default defineConfig({
     base: '/docs',
     site: 'https://filamentphp.com',
-    integrations: [
-        react(),
-        mdx(),
-        icon(),
-    ],
+    integrations: [react(), mdx(), icon()],
     markdown: {
         shikiConfig: {
             theme: 'material-theme-palenight',

docs/src/scripts/clipboard.js

@@ -20,8 +20,8 @@ export default (Alpine) => {
                 let copyToClipboardButton = document.createElement('button')
                 copyToClipboardButton.innerHTML = this.clipboardIcon
                 copyToClipboardButton.id = `code-block-copy-button-${key}`
-                ;['md:block', 'hidden', 'absolute', 'top-3', 'end-3'].forEach((value) =>
-                    copyToClipboardButton.classList.add(value),
+                ;['md:block', 'hidden', 'absolute', 'top-3', 'end-3'].forEach(
+                    (value) => copyToClipboardButton.classList.add(value),
                 )
 
                 copyToClipboardButton.setAttribute(

docs/src/styles/tailwind.css

@@ -9,23 +9,23 @@
 @custom-variant dark (&:where(.dark, .dark *));
 
 @theme {
-    --color-cream: #FFF9F5;
-    --color-butter: #FDAE4B;
+    --color-cream: #fff9f5;
+    --color-butter: #fdae4b;
     --color-burnt-butter: #f2911b;
-    --color-midnight: #0F033A;
-    --color-evening: #251A4D;
-    --color-merino: #F2E7DD;
+    --color-midnight: #0f033a;
+    --color-evening: #251a4d;
+    --color-merino: #f2e7dd;
     --color-hurricane: #807575;
-    --color-dolphin: #6C6489;
-    --color-peach-orange: #FFC497;
-    --color-seashell-peach: #FFF0E8;
-    --color-dawn-pink: #F1E5E4;
-    --color-salmon: #F89377;
-    --color-fair-pink: #FFEAE4;
+    --color-dolphin: #6c6489;
+    --color-peach-orange: #ffc497;
+    --color-seashell-peach: #fff0e8;
+    --color-dawn-pink: #f1e5e4;
+    --color-salmon: #f89377;
+    --color-fair-pink: #ffeae4;
 
-    --font-sans: "Be Vietnam Pro", "sans-serif";
-    --font-display: "Be Vietnam Pro", "sans-serif";
-    --font-mono: "Jetbrains Mono", "sans-serif";
+    --font-sans: 'Be Vietnam Pro', 'sans-serif';
+    --font-display: 'Be Vietnam Pro', 'sans-serif';
+    --font-mono: 'Jetbrains Mono', 'sans-serif';
 
     --spacing-8xl: 88rem;
 }
@@ -45,102 +45,102 @@
 }
 
 @utility prose {
-  & h2 {
-    @apply lg:relative;
-  }
-
-  & h3 {
-    @apply lg:relative;
-  }
-
-  & h4 {
-    @apply lg:relative;
-  }
-
-  & h5 {
-    @apply lg:relative;
-  }
-
-  & h6 {
-    @apply lg:relative;
-  }
-
-  & .heading-anchor {
-    @apply mr-2 inline-block align-baseline text-butter shadow-none dark:shadow-none;
-    @apply lg:absolute lg:-left-7 lg:top-0;
-  }
-
-  /* All `.prose` elements except `code` */
-  & *:not(code)::selection {
-    @apply bg-primary-500/20;
-  }
-
-  /* All `code` elements and their children */
-  & code::selection {
-    @apply bg-cream/20;
-  }
-  & code *::selection {
-    @apply bg-cream/20;
-  }
-
-  /* All `.prose` elements except `code` */
-  .dark & *:not(code)::selection {
-    @apply bg-slate-500/50;
-  }
-
-  /* All `code` elements and their children */
-  .dark & code::selection {
-    @apply bg-slate-500/50;
-  }
-
-  .dark & code *::selection {
-    @apply bg-slate-500/50;
-  }
+    & h2 {
+        @apply lg:relative;
+    }
+
+    & h3 {
+        @apply lg:relative;
+    }
+
+    & h4 {
+        @apply lg:relative;
+    }
+
+    & h5 {
+        @apply lg:relative;
+    }
+
+    & h6 {
+        @apply lg:relative;
+    }
+
+    & .heading-anchor {
+        @apply mr-2 inline-block align-baseline text-butter shadow-none dark:shadow-none;
+        @apply lg:absolute lg:-left-7 lg:top-0;
+    }
+
+    /* All `.prose` elements except `code` */
+    & *:not(code)::selection {
+        @apply bg-primary-500/20;
+    }
+
+    /* All `code` elements and their children */
+    & code::selection {
+        @apply bg-cream/20;
+    }
+    & code *::selection {
+        @apply bg-cream/20;
+    }
+
+    /* All `.prose` elements except `code` */
+    .dark & *:not(code)::selection {
+        @apply bg-slate-500/50;
+    }
+
+    /* All `code` elements and their children */
+    .dark & code::selection {
+        @apply bg-slate-500/50;
+    }
+
+    .dark & code *::selection {
+        @apply bg-slate-500/50;
+    }
 }
 
 @utility heading-anchor {
-  .prose & {
-    @apply mr-2 inline-block align-baseline text-butter shadow-none dark:shadow-none;
-    @apply lg:absolute lg:-left-7 lg:top-0;
-  }
+    .prose & {
+        @apply mr-2 inline-block align-baseline text-butter shadow-none dark:shadow-none;
+        @apply lg:absolute lg:-left-7 lg:top-0;
+    }
 }
 
 @utility dark {
-  /* Dark Theme */
-
-  /* All elements except `.prose` and `code` */
-  & *::selection {
-    @apply bg-slate-500/50;
-  }
-
-  /* All `.prose` elements except `code` */
-  & .prose *:not(code)::selection {
-    @apply bg-slate-500/50;
-  }
-
-  /* All `code` elements and their children */
-  & .prose code::selection {
-    @apply bg-slate-500/50;
-  }
-  & .prose code *::selection {
-    @apply bg-slate-500/50;
-  }
-
-  & p code {
-    @apply bg-dolphin/40;
-  }
-
-  & ul code {
-    @apply bg-dolphin/40;
-  }
-
-  & p code::selection {
-    @apply !bg-slate-500/50;
-  }
-
-  & ul code::selection {
-    @apply !bg-slate-500/50;
-  }
+    /* Dark Theme */
+
+    /* All elements except `.prose` and `code` */
+    & *::selection {
+        @apply bg-slate-500/50;
+    }
+
+    /* All `.prose` elements except `code` */
+    & .prose *:not(code)::selection {
+        @apply bg-slate-500/50;
+    }
+
+    /* All `code` elements and their children */
+    & .prose code::selection {
+        @apply bg-slate-500/50;
+    }
+    & .prose code *::selection {
+        @apply bg-slate-500/50;
+    }
+
+    & p code {
+        @apply bg-dolphin/40;
+    }
+
+    & ul code {
+        @apply bg-dolphin/40;
+    }
+
+    & p code::selection {
+        @apply !bg-slate-500/50;
+    }
+
+    & ul code::selection {
+        @apply !bg-slate-500/50;
+    }
 }
 
 @layer base {