1 files changed, 39 insertions, 40 deletions

diff --git a/examples/blog/public/blog.scss b/examples/blog/public/blog.scss
index afea09108..f74c02692 100644
--- a/examples/blog/public/blog.scss
+++ b/examples/blog/public/blog.scss
@@ -1,37 +1,35 @@
 :root {
-  --font-fallback: -apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji;
-  --font-body: "IBM Plex Sans", var(--font-fallback);
-  --font-mono: "IBM Plex Mono", Consolas, "Andale Mono WT", "Andale Mono",
-        "Lucida Console", "Lucida Sans Typewriter", "DejaVu Sans Mono",
-        "Bitstream Vera Sans Mono", "Liberation Mono", "Nimbus Mono L", Monaco,
-        "Courier New", Courier, monospace;
-
-  --color-white: #FFF;
+  --font-fallback: -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji;
+  --font-body: 'IBM Plex Sans', var(--font-fallback);
+  --font-mono: 'IBM Plex Mono', Consolas, 'Andale Mono WT', 'Andale Mono', 'Lucida Console', 'Lucida Sans Typewriter', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono',
+    'Liberation Mono', 'Nimbus Mono L', Monaco, 'Courier New', Courier, monospace;
+
+  --color-white: #fff;
   --color-black: #000014;
 
-  --color-gray-50: #F9FAFB;
-  --color-gray-100: #F3F4F6;
-  --color-gray-200: #E5E7EB;
-  --color-gray-300: #D1D5DB;
-  --color-gray-400: #9CA3AF;
-  --color-gray-500: #6B7280;
-  --color-gray-600: #4B5563;
+  --color-gray-50: #f9fafb;
+  --color-gray-100: #f3f4f6;
+  --color-gray-200: #e5e7eb;
+  --color-gray-300: #d1d5db;
+  --color-gray-400: #9ca3af;
+  --color-gray-500: #6b7280;
+  --color-gray-600: #4b5563;
   --color-gray-700: #374151;
-  --color-gray-800: #1F2937;
+  --color-gray-800: #1f2937;
   --color-gray-900: #111827;
 
-  --color-blue: #3894FF;
-  --color-blue-rgb: 56,148,255;
-  --color-green: #17C083;
-  --color-green-rgb: 23,192,131;
-  --color-orange: #FF5D01;
-  --color-orange-rgb: 255,93,1;
-  --color-purple: #882DE7;
-  --color-purple-rgb: 136,45,231;
-  --color-red: #FF1639;
-  --color-red-rgb: 255,22,57;
-  --color-yellow: #FFBE2D;
-  --color-yellow-rgb: 255,190,45;
+  --color-blue: #3894ff;
+  --color-blue-rgb: 56, 148, 255;
+  --color-green: #17c083;
+  --color-green-rgb: 23, 192, 131;
+  --color-orange: #ff5d01;
+  --color-orange-rgb: 255, 93, 1;
+  --color-purple: #882de7;
+  --color-purple-rgb: 136, 45, 231;
+  --color-red: #ff1639;
+  --color-red-rgb: 255, 22, 57;
+  --color-yellow: #ffbe2d;
+  --color-yellow-rgb: 255, 190, 45;
 }
 
 :root {
@@ -140,30 +138,31 @@ nav ul {
 }
 
 h1 {
-  font-size: clamp(2.488rem, 1.9240rem + 1.4100vw, 3.052rem);
+  font-size: clamp(2.488rem, 1.924rem + 1.41vw, 3.052rem);
 }
 
 h2 {
-  font-size: clamp(2.074rem, 1.7070rem + 0.9175vw, 2.441rem);
+  font-size: clamp(2.074rem, 1.707rem + 0.9175vw, 2.441rem);
 }
 
 h3 {
-  font-size: clamp(1.728rem, 1.5030rem + 0.5625vw, 1.953rem);
+  font-size: clamp(1.728rem, 1.503rem + 0.5625vw, 1.953rem);
 }
 
 h4 {
-  font-size: clamp(1.44rem, 1.3170rem + 0.3075vw, 1.563rem);
+  font-size: clamp(1.44rem, 1.317rem + 0.3075vw, 1.563rem);
 }
 
 h5 {
-  font-size: clamp(1.2rem, 1.1500rem + 0.1250vw, 1.25rem);
+  font-size: clamp(1.2rem, 1.15rem + 0.125vw, 1.25rem);
 }
 
 p {
   color: var(--theme-text-light);
 }
 
-small, .text_small {
+small,
+.text_small {
   font-size: 0.833rem;
 }
 
@@ -176,14 +175,14 @@ a {
   gap: 0.5rem;
 }
 
-a > code:not([class*="language"]) {
+a > code:not([class*='language']) {
   position: relative;
   color: var(--theme-accent);
   background: transparent;
   text-underline-offset: var(--padding-block);
 }
 
-a > code:not([class*="language"])::before {
+a > code:not([class*='language'])::before {
   content: '';
   position: absolute;
   top: 0;
@@ -213,13 +212,13 @@ strong {
 
 /* Supporting Content */
 
-code:not([class*="language"]) {
+code:not([class*='language']) {
   --border-radius: 3px;
   --padding-block: 0.2rem;
   --padding-inline: 0.33rem;
 
   font-family: var(--font-mono);
-  font-size: .85em;
+  font-size: 0.85em;
   color: inherit;
   background-color: var(--theme-code-inline-bg);
   padding: var(--padding-block) var(--padding-inline);
@@ -227,7 +226,7 @@ code:not([class*="language"]) {
   border-radius: var(--border-radius);
 }
 
-pre > code:not([class*="language"]) {
+pre > code:not([class*='language']) {
   background-color: transparent;
   padding: 0;
   margin: 0;
@@ -245,7 +244,7 @@ pre {
   padding-right: calc(var(--padding-inline) * 2);
   margin-left: calc(50vw - var(--padding-inline));
   transform: translateX(-50vw);
-  
+
   line-height: 1.414;
   width: calc(100vw + (var(--padding-inline) * 2));
   max-width: calc(100% + (var(--padding-inline) * 2));