steps css

Author: prodkt

apps/www/components/mdx-components.tsx

@@ -196,7 +196,7 @@ const components = {
       <StyleWrapper styleName={__style__}>
         <pre
           className={cn(
-            "mb-4 mt-6 max-h-[650px] overflow-x-auto rounded-lg border bg-zinc-950 py-4 dark:bg-zinc-900",
+            "mb-4 mt-6 max-h-[650px] overflow-x-auto rounded-lg border bg-background py-4",
             className
           )}
           {...props}

apps/www/styles/sparkstack_globals.css

@@ -327,7 +327,7 @@
   }
 
   .step:before {
-    @apply absolute inline-flex items-center justify-center font-mono text-base font-medium text-center border-4 rounded-full w-9 h-9 bg-muted -indent-px border-background;
+    @apply absolute inline-flex items-center justify-center font-mono text-base font-medium text-center border-4 rounded-2xl w-9 h-9 bg-muted backdrop-blur -indent-px border-background;
     @apply ml-[-50px] mt-[-4px];
     content: counter(step);
   }