@cbnventures/docusaurus-preset-nova 0.16.2 → 0.18.0

package/build/src/styles/theme/BlogSidebar/style.css

@@ -1,5 +1,5 @@
 /**
- * Blog Sidebar — Shared structural styles.
+ * Blog Sidebar - Shared structural styles.
  *
  * @since 0.15.0
  */
@@ -8,9 +8,11 @@
  * 1. Sidebar Container
  * ============================ */
 
-/* Padding matching doc sidebar spacing. */
+/* Padding matching doc sidebar spacing - left side flush to column edge so
+   per-preset border-left rails / hover backgrounds reach the column boundary. */
 .nova-blog-sidebar {
   padding: calc(var(--nova-section-gap) / 4);
+  padding-left: 0;
 }
 
 /* Stick sidebar to top on desktop with scroll for long content. */
@@ -23,7 +25,7 @@
   }
 }
 
-/* Sidebar title — section label above post links. */
+/* Sidebar title - section label above post links. */
 .nova-blog-sidebar strong {
   display: block;
   margin-bottom: 0.75rem;
@@ -38,7 +40,7 @@
  * 2. Year Groups
  * ============================ */
 
-/* Year heading — compact label for grouped sidebar entries. */
+/* Year heading - compact label for grouped sidebar entries. */
 .nova-blog-sidebar h4 {
   margin-top: 0.75rem;
   margin-bottom: 0.1875rem;
@@ -68,7 +70,7 @@
   margin-bottom: 0.0625rem;
 }
 
-/* Sidebar links — block-level with compact click target. */
+/* Sidebar links - block-level with compact click target. */
 .nova-blog-sidebar a {
   display: block;
   padding: 0.25rem 0.5rem;
@@ -79,25 +81,28 @@
   text-decoration: none;
 }
 
+/* No underline on hover - Infima's `a:hover { text-decoration: underline }`
+   bleeds into sidebar links otherwise. */
+.nova-blog-sidebar a:hover,
+.nova-blog-sidebar a:focus-visible {
+  text-decoration: none;
+}
+
 /* ============================
  * 4. Authors Widget
  * ============================ */
 
-/* Authors section — separated from post list. */
+/* Authors section - separated from post list. */
 .nova-blog-sidebar-authors {
   margin-top: 1.25rem;
   padding-top: 1rem;
 
-  border-top: 1px solid var(--nova-color-neutral-200);
+  border-top: 1px solid var(--nova-color-border);
 }
 
-[data-theme="dark"] .nova-blog-sidebar-authors {
-  border-top-color: var(--nova-color-neutral-800);
-}
+/* Authors section label - inherits from .nova-blog-sidebar strong. */
 
-/* Authors section label — inherits from .nova-blog-sidebar strong. */
-
-/* Author link — inline avatar and name. */
+/* Author link - inline avatar and name. */
 .nova-blog-sidebar .nova-blog-sidebar-author {
   display: flex;
   align-items: center;
@@ -113,21 +118,17 @@
  * 5. Subscribe Widget
  * ============================ */
 
-/* Subscribe section — separated from authors. */
+/* Subscribe section - separated from authors. */
 .nova-blog-sidebar-subscribe {
   margin-top: 1.25rem;
   padding-top: 1rem;
 
-  border-top: 1px solid var(--nova-color-neutral-200);
-}
-
-[data-theme="dark"] .nova-blog-sidebar-subscribe {
-  border-top-color: var(--nova-color-neutral-800);
+  border-top: 1px solid var(--nova-color-border);
 }
 
-/* Subscribe section label — inherits from .nova-blog-sidebar strong. */
+/* Subscribe section label - inherits from .nova-blog-sidebar strong. */
 
-/* Feed link — icon and label inline. */
+/* Feed link - icon and label inline. */
 .nova-blog-sidebar .nova-blog-sidebar-feed-link {
   display: flex;
   align-items: center;

package/build/src/styles/theme/BlogSidebarMobile/style.css

@@ -1,5 +1,5 @@
 /**
- * Blog Sidebar Mobile — Override styles for BlogSidebar inside the overlay panel.
+ * Blog Sidebar Mobile - Override styles for BlogSidebar inside the overlay panel.
  *
  * @since 0.15.0
  */
@@ -8,7 +8,10 @@
  * 1. Sidebar Inside Overlay
  * ============================ */
 
-/* Override sticky positioning when rendered inside the overlay panel. */
+/* Override sticky positioning when rendered inside the overlay panel,
+   and restore symmetric left padding (the desktop flush-left override
+   doesn't apply inside the centered overlay panel). */
 .nova-sidebar-mobile-content .nova-blog-sidebar {
   position: static;
+  padding-left: calc(var(--nova-section-gap) / 4);
 }

package/build/src/styles/theme/BlogTagsListPage/style.css

@@ -1,10 +1,19 @@
 /**
- * Blog Tags List Page — Shared structural styles.
+ * Blog Tags List Page - Shared structural styles.
+ *
+ * Tags render as `<Tag>` pills; this layout sets up the wrapping list
+ * container only. Per-preset overlays may tune `gap` to match identity.
  *
  * @since 0.15.0
  */
 
-/* Tags list — tighter gap for dense tag clouds. */
 .nova-blog-tags-list {
-  gap: 0.375rem;
+  display: flex;
+  flex-wrap: wrap;
+  gap: 0.5rem;
+
+  margin: 0;
+  padding: 0;
+
+  list-style: none;
 }

package/build/src/styles/theme/BlogTagsPostsPage/style.css

@@ -1,39 +1,110 @@
 /**
- * Blog Tags Posts Page — Shared structural styles.
+ * Blog Tags Posts Page - Shared structural styles.
+ *
+ * Page header (title + optional description + view-all link) is rendered
+ * inside `nova-blog-header` via BlogLayout. Only the inline action link
+ * keeps a dedicated rule.
  *
  * @since 0.15.0
  */
 
-/* Header with title and "View All Tags" link. */
-.nova-blog-tags-posts-header {
-  display: flex;
-  flex-wrap: wrap;
-  align-items: baseline;
+/* On this page the header has h1 + (optional description) + view-all link.
+   Grid puts the title on the left and the view-all on the right - vertically
+   centered - with the description (if present) wrapping below as a full-width
+   row. Layout collapses to a single row when no description so empty grid
+   tracks don't leak vertical gap. No card chrome - just the layout. */
+.nova-blog-header:has(> .nova-blog-tags-posts-all-link) {
+  display: grid;
+  grid-template-areas:
+    "title"
+    "view-all";
   gap: 0.75rem;
+}
 
-  margin-bottom: 1.5rem;
-  padding-bottom: 0.75rem;
-
-  border-bottom: 1px solid var(--nova-color-neutral-200);
+.nova-blog-header:has(> .nova-blog-tags-posts-all-link):has(> .nova-blog-description) {
+  grid-template-areas:
+    "title"
+    "description"
+    "view-all";
 }
 
-[data-theme="dark"] .nova-blog-tags-posts-header {
-  border-bottom-color: var(--nova-color-neutral-800);
+.nova-blog-header:has(> .nova-blog-tags-posts-all-link) > .nova-heading {
+  grid-area: title;
+  margin-bottom: 0;
 }
 
-/* Title — utility scale heading. */
-.nova-blog-tags-posts-header .nova-heading {
+.nova-blog-header:has(> .nova-blog-tags-posts-all-link) > .nova-blog-description {
+  grid-area: description;
   margin: 0;
+}
+
+.nova-blog-header:has(> .nova-blog-tags-posts-all-link) > .nova-blog-tags-posts-all-link {
+  grid-area: view-all;
+  justify-self: start;
+}
+
+@media (min-width: 768px) {
+  .nova-blog-header:has(> .nova-blog-tags-posts-all-link) {
+    grid-template-areas: "title view-all";
+    grid-template-columns: 1fr auto;
+    align-items: center;
+    column-gap: 1rem;
+  }
+
+  .nova-blog-header:has(> .nova-blog-tags-posts-all-link):has(> .nova-blog-description) {
+    grid-template-areas:
+      "title       view-all"
+      "description description";
+  }
 
-  font-size: 1.125rem;
+  .nova-blog-header:has(> .nova-blog-tags-posts-all-link) > .nova-blog-tags-posts-all-link {
+    justify-self: end;
+  }
 }
 
-/* "View All Tags" link — secondary action pushed right. */
+/* "View All Tags" - small button (mirrors `.nova-blog-author-posts-view-all`).
+   Built locally, token-driven primary tint that auto-adapts per preset. */
 .nova-blog-tags-posts-all-link {
+  display: inline-flex;
+  align-items: center;
+  flex-shrink: 0;
+
+  padding: 0.375rem 0.875rem;
+
   font-size: 0.8125rem;
   font-weight: 600;
+  line-height: 1.4;
 
+  color: var(--nova-color-primary-600);
   text-decoration: none;
 
-  margin-left: auto;
+  background-color: transparent;
+  border: 1px solid color-mix(in srgb, var(--nova-color-primary-500), transparent 70%);
+  border-radius: var(--nova-shape-radius);
+
+  transition:
+    background-color var(--nova-motion-duration) ease,
+    border-color var(--nova-motion-duration) ease,
+    color var(--nova-motion-duration) ease;
+}
+
+.nova-blog-tags-posts-all-link:hover,
+.nova-blog-tags-posts-all-link:focus-visible {
+  color: var(--nova-color-primary-700);
+  text-decoration: none;
+
+  background-color: color-mix(in srgb, var(--nova-color-primary-500), transparent 88%);
+  border-color: color-mix(in srgb, var(--nova-color-primary-500), transparent 50%);
+}
+
+[data-theme="dark"] .nova-blog-tags-posts-all-link {
+  color: var(--nova-color-primary-300);
+}
+
+[data-theme="dark"] .nova-blog-tags-posts-all-link:hover,
+[data-theme="dark"] .nova-blog-tags-posts-all-link:focus-visible {
+  color: var(--nova-color-primary-200);
+
+  background-color: color-mix(in srgb, var(--nova-color-primary-500), transparent 80%);
+  border-color: color-mix(in srgb, var(--nova-color-primary-400), transparent 40%);
 }

package/build/src/styles/theme/CodeBlock/style.css

@@ -1,6 +1,6 @@
 /**
  * ============================
- * Code Block — Shiki Theme
+ * Code Block - Shiki Theme
  * ============================
  */
 
@@ -20,17 +20,31 @@
 
 /**
  * ============================
- * Code Block — Container
+ * Code Block - Container rhythm
+ *
+ * Symmetric block margin pairs with adjacent paragraphs/lists/admonitions
+ * via margin-collapse. Per-preset CodeBlock overlays override
+ * `--nova-code-block-margin-block` via the rename+alias chain (signal
+ * tightens to match its terminal density).
  * ============================
  */
 
+/* Cross-preset uniform: every preset clips overflow on the code-block
+   wrapper so the rounded/squared border isn't broken by long horizontal
+   scrollers inside `pre.shiki`. Promoted to shared baseline. */
+.nova-code-block {
+  margin: var(--nova-code-block-margin-block, 1.5rem) 0;
+
+  overflow: hidden;
+}
+
 .nova-code-block pre {
   margin: 0;
 }
 
 /**
  * ============================
- * Code Block — Title Bar
+ * Code Block - Title Bar
  * ============================
  */
 
@@ -40,16 +54,12 @@
   font-size: 0.875rem;
   font-weight: 600;
 
-  border-bottom: 1px solid var(--nova-color-neutral-200);
-}
-
-[data-theme="dark"] .nova-code-block-title {
-  border-bottom-color: var(--nova-color-neutral-700);
+  border-bottom: 1px solid var(--nova-color-border);
 }
 
 /**
  * ============================
- * Code Block — Toolbar
+ * Code Block - Toolbar
  * ============================
  */
 
@@ -59,12 +69,12 @@
   justify-content: flex-end;
   gap: 0.25rem;
 
-  padding: 0.5rem;
+  padding: 0.5rem 0.5rem 0.5rem 1rem;
 }
 
 /**
  * ============================
- * Code Block — Toolbar Actions
+ * Code Block - Toolbar Actions
  * ============================
  */
 
@@ -76,7 +86,7 @@
 
 /**
  * ============================
- * Code Block — Language Badge
+ * Code Block - Language Badge
  * ============================
  */
 
@@ -93,7 +103,7 @@
 
 /**
  * ============================
- * Code Block — Copy Button
+ * Code Block - Copy Button
  * ============================
  */
 
@@ -120,7 +130,7 @@
 
 /**
  * ============================
- * Code Block — Line Numbers
+ * Code Block - Line Numbers
  * ============================
  */
 
@@ -141,7 +151,7 @@
 
 /**
  * ============================
- * Code Block — Line Highlighting
+ * Code Block - Line Highlighting
  * ============================
  */
 
@@ -163,7 +173,7 @@
 
 /**
  * ============================
- * Code Block — Diff Highlighting
+ * Code Block - Diff Highlighting
  * ============================
  */
 
@@ -193,7 +203,7 @@
 
 /**
  * ============================
- * Code Block — Word Wrap
+ * Code Block - Word Wrap
  * ============================
  */
 
@@ -204,7 +214,7 @@
 
 /**
  * ============================
- * Code Block — Collapsible
+ * Code Block - Collapsible
  * ============================
  */
 
@@ -214,6 +224,9 @@
   overflow: hidden;
 }
 
+/* Cross-preset uniform: every preset clears the default <button> border
+   so the only divider drawn is each preset's `border-top` rule. Promoted
+   to shared baseline. */
 .nova-code-block-expand {
   display: block;
   width: 100%;
@@ -222,12 +235,14 @@
   font-size: 0.875rem;
   text-align: center;
 
+  border: none;
+
   cursor: pointer;
 }
 
 /**
  * ============================
- * Code Block — Pre Base
+ * Code Block - Pre Base
  * ============================
  */
 
@@ -242,3 +257,33 @@
 .shiki code {
   counter-reset: line;
 }
+
+/**
+ * ============================
+ * Code Display - LTR Enforcement
+ *
+ * Code is inherently left-to-right: programming syntax, identifiers,
+ * operators, file paths, CLI flags. When a consumer enables an RTL
+ * locale, the auto-pushed `rtlcss` plugin flips the document — but
+ * the code text itself must stay LTR or it becomes unreadable.
+ *
+ * Scope: only the code CONTENT (`.shiki`, `.nova-code-inline`,
+ * `.nova-code-snippet`). The block wrapper (`.nova-code-block`) and
+ * its chrome (title bar, toolbar, copy/wrap buttons) intentionally
+ * inherit page direction so they sit on the RTL-correct edge.
+ *
+ * The `rtl:begin/end:ignore` directives keep rtlcss from re-flipping
+ * the LTR enforcement itself; the leading `!` marks the comments as
+ * important so cssnano preserves them through minify.
+ * ============================
+ */
+
+/*! rtl:begin:ignore */
+.nova-code-inline,
+.nova-code-snippet,
+.shiki {
+  direction: ltr;
+  text-align: left;
+  unicode-bidi: isolate;
+}
+/*! rtl:end:ignore */

package/build/src/styles/theme/CodeInline/style.css

@@ -1,6 +1,6 @@
 /**
  * ============================
- * Code Inline — Base
+ * Code Inline - Base
  * ============================
  */
 
@@ -14,6 +14,17 @@
   background-color: color-mix(in srgb, var(--nova-color-primary-500), transparent 94%);
   border: 1px solid color-mix(in srgb, var(--nova-color-primary-500), transparent 88%);
   border-radius: 0.25rem;
+
+  /* In an RTL paragraph the consolidated `direction: ltr; unicode-bidi: isolate;`
+     rule from `CodeBlock/style.css` makes the code's content render LTR, but
+     with the default `display: inline` Chrome paints the element background
+     and the glyph runs at different x-positions when an LTR isolate sits
+     inside an RTL parent, so the pill ends up empty and pure-neutral content
+     like `---` leaks outside it. Forcing `inline-block` gives the element a
+     single contiguous painted box; `vertical-align: baseline` keeps it
+     aligned with the surrounding text the same way the default inline does. */
+  display: inline-block;
+  vertical-align: baseline;
 }
 
 [data-theme="dark"] .nova-code-inline {

package/build/src/styles/theme/ColorModeToggle/style.css

@@ -23,10 +23,10 @@
   border: 1px solid transparent;
   border-radius: 0.375rem;
 
-  transition: background-color 200ms ease,
-    border-color 200ms ease,
-    color 200ms ease,
-    box-shadow 200ms ease;
+  transition: background-color var(--nova-motion-duration) ease,
+    border-color var(--nova-motion-duration) ease,
+    color var(--nova-motion-duration) ease,
+    box-shadow var(--nova-motion-duration) ease;
 
   cursor: pointer;
 }

package/build/src/styles/theme/ContentFooter/Edit/style.css

@@ -0,0 +1,5 @@
+/**
+ * Content Footer Edit - Shared structural styles.
+ *
+ * @since 0.18.0
+ */

package/build/src/styles/theme/ContentFooter/Share/style.css

@@ -0,0 +1,5 @@
+/**
+ * Content Footer Share - Shared structural styles.
+ *
+ * @since 0.18.0
+ */

package/build/src/styles/theme/ContentFooter/ShareButton/style.css

@@ -0,0 +1,5 @@
+/**
+ * Content Footer Share Button - Shared structural styles.
+ *
+ * @since 0.18.0
+ */

package/build/src/styles/theme/ContentFooter/Tags/style.css

@@ -0,0 +1,5 @@
+/**
+ * Content Footer Tags - Shared structural styles.
+ *
+ * @since 0.18.0
+ */

package/build/src/styles/theme/ContentFooter/style.css

@@ -1,12 +1,12 @@
 /**
- * Content Footer — Shared structural styles.
+ * Content Footer - Shared structural styles.
  *
  * @since 0.15.0
  */
 
 /**
  * ============================
- * Content Footer — Layout
+ * Content Footer - Layout
  * ============================
  */
 
@@ -20,7 +20,7 @@
 
 /**
  * ============================
- * Content Footer — Section
+ * Content Footer - Section
  * ============================
  */
 
@@ -32,7 +32,7 @@
 
 /**
  * ============================
- * Content Footer — Section Label
+ * Content Footer - Section Label
  * ============================
  */
 
@@ -47,7 +47,7 @@
 
 /**
  * ============================
- * Content Footer — Tags
+ * Content Footer - Tags
  * ============================
  */
 
@@ -59,7 +59,7 @@
 
 /**
  * ============================
- * Content Footer — Share
+ * Content Footer - Share
  * ============================
  */
 
@@ -71,7 +71,7 @@
 
 /**
  * ============================
- * Content Footer — Share Button
+ * Content Footer - Share Button
  * ============================
  */
 
@@ -87,7 +87,7 @@
 
   text-decoration: none;
 
-  border: 1px solid var(--nova-color-neutral-200);
+  border: 1px solid var(--nova-color-border);
   border-radius: var(--nova-shape-radius);
   background: none;
   cursor: pointer;
@@ -95,12 +95,13 @@
 
 /**
  * ============================
- * Content Footer — Edit
+ * Content Footer - Edit
  * ============================
  */
 
 .nova-content-footer-edit {
   display: flex;
   flex-direction: column;
+  align-items: flex-start;
   gap: 0.25rem;
 }

package/build/src/styles/theme/ContentVisibility/Draft/style.css

@@ -1,5 +1,5 @@
 /**
- * Content Visibility Draft — Shared structural styles.
+ * Content Visibility Draft - Shared structural styles.
  *
  * @since 0.15.0
  */

package/build/src/styles/theme/ContentVisibility/Unlisted/style.css

@@ -1,5 +1,5 @@
 /**
- * Content Visibility Unlisted — Shared structural styles.
+ * Content Visibility Unlisted - Shared structural styles.
  *
  * @since 0.15.0
  */

package/build/src/styles/theme/ContentVisibility/style.css

@@ -1,5 +1,5 @@
 /**
- * Content Visibility — Shared structural styles.
+ * Content Visibility - Shared structural styles.
  *
  * @since 0.15.0
  */