reallysimpledocs 1.0.1 → 1.0.3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "reallysimpledocs",
-  "version": "1.0.1",
+  "version": "1.0.3",
   "type": "module",
   "exports": {
     ".": "./src/index.js",

package/src/astro/rehype-basecoat-tables.js

@@ -8,6 +8,7 @@ const tableClass = ["table"];
 export function rehypeBasecoatTables() {
   return (tree) => {
     transformTables(tree);
+    transformCodeBlocks(tree);
   };
 }
 
@@ -40,6 +41,18 @@ function transformTables(parent) {
   }
 }
 
+function transformCodeBlocks(parent) {
+  if (!Array.isArray(parent?.children)) return;
+
+  for (const child of parent.children) {
+    if (isElement(child, "pre") && child.children?.some((node) => isElement(node, "code"))) {
+      addClass(child, ["scrollbar"]);
+      continue;
+    }
+    transformCodeBlocks(child);
+  }
+}
+
 function isElement(node, tagName) {
   return node?.type === "element" && node.tagName === tagName;
 }

package/src/css/custom.css

@@ -47,7 +47,7 @@
     @apply block min-w-full w-max px-4 py-3 text-[13px];
   }
   pre:has(> code) {
-    @apply scrollbar max-w-full overflow-x-auto;
+    @apply max-w-full overflow-x-auto;
   }
   > blockquote {
     @apply border-l-4 border-border pl-4;
@@ -177,7 +177,7 @@ html.dark .astro-code span {
 }
 
 .tabs-frame > header {
-  @apply flex items-center gap-2 overflow-x-auto rounded-t-[inherit] border-b bg-muted px-3 py-0.5 text-sm font-medium dark:bg-muted/50;
+  @apply flex items-center gap-2 overflow-x-auto rounded-t-[inherit] border-b bg-muted px-3 text-sm font-medium dark:bg-muted/50;
   scrollbar-width: none;
 }
 
@@ -191,7 +191,7 @@ html.dark .astro-code span {
 }
 
 .code-block > pre {
-  @apply scrollbar my-0 max-w-full overflow-x-auto rounded-none border-0;
+  @apply my-0 max-w-full overflow-x-auto rounded-none border-0;
 }
 
 .code-block > pre > code {

package/src/css/styles/luma.css

@@ -4,6 +4,7 @@
   @apply rounded-2xl;
 }
 
-.code-frame > header {
-  @apply h-[40px];
+.code-frame > header,
+.tabs-frame > header {
+  @apply h-[39px];
 }

package/src/css/styles/lyra.css

@@ -4,6 +4,7 @@
   @apply rounded-none;
 }
 
-.code-frame > header {
-  @apply h-[32px];
+.code-frame > header,
+.tabs-frame > header {
+  @apply h-[33px];
 }

package/src/css/styles/maia.css

@@ -4,6 +4,7 @@
   @apply rounded-lg;
 }
 
-.code-frame > header {
-  @apply h-[40px];
+.code-frame > header,
+.tabs-frame > header {
+  @apply h-[39px];
 }

package/src/css/styles/mira.css

@@ -4,6 +4,7 @@
   @apply rounded-lg;
 }
 
-.code-frame > header {
-  @apply h-[32px];
+.code-frame > header,
+.tabs-frame > header {
+  @apply h-[33px];
 }

package/src/css/styles/nova.css

@@ -4,6 +4,7 @@
   @apply rounded-lg;
 }
 
-.code-frame > header {
-  @apply h-[36px];
+.code-frame > header,
+.tabs-frame > header {
+  @apply h-[35px];
 }

package/src/css/styles/rhea.css

@@ -4,6 +4,7 @@
   @apply rounded-2xl;
 }
 
-.code-frame > header {
-  @apply h-[36px];
+.code-frame > header,
+.tabs-frame > header {
+  @apply h-[35px];
 }

package/src/css/styles/sera.css

@@ -4,6 +4,7 @@
   @apply rounded-none;
 }
 
-.code-frame > header {
-  @apply h-[40px];
+.code-frame > header,
+.tabs-frame > header {
+  @apply h-[41px];
 }

package/src/css/styles/vega.css

@@ -4,6 +4,7 @@
   @apply rounded-lg;
 }
 
-.code-frame > header {
-  @apply h-[40px];
+.code-frame > header,
+.tabs-frame > header {
+  @apply h-[39px];
 }