starlight-theme-bejamas 0.1.3 → 0.1.5

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # starlight-theme-bejamas
 
+## 0.1.5
+
+### Patch Changes
+
+- [#19](https://github.com/bejamas/ui/pull/19) [`bd4c3a0`](https://github.com/bejamas/ui/commit/bd4c3a0b596718a25aefaf7b30d185d30693618a) Thanks [@thomkrupa](https://github.com/thomkrupa)! - improve page footer ui
+
+## 0.1.4
+
+### Patch Changes
+
+- [#17](https://github.com/bejamas/ui/pull/17) [`5751b96`](https://github.com/bejamas/ui/commit/5751b9652384891bc740947a654650cff272c2c1) Thanks [@thomkrupa](https://github.com/thomkrupa)! - improve pagination spacing
+
 ## 0.1.3
 
 ### Patch Changes

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "starlight-theme-bejamas",
   "author": "Bejamas",
-  "version": "0.1.3",
+  "version": "0.1.5",
   "license": "MIT",
   "description": "A Starlight theme using bejamas/ui",
   "type": "module",

package/src/overrides/Footer.astro

@@ -6,19 +6,20 @@ import config from "virtual:starlight/user-config";
 ---
 
 <footer class="sl-flex footer-wide">
-  <div class="meta sl-flex">
-    <EditLink />
-    <LastUpdated />
-  </div>
+  <div class="meta"><EditLink /><LastUpdated /></div>
   <Pagination />
   <div class="fade"></div>
 </footer>
 
 {
   config.credits && (
-    <a class="kudos sl-flex footer-wide" href="https://ui.bejamas.com">
-      Built at Bejamas
-    </a>
+    <div class="kudos sl-flex footer-wide">
+      <p>
+        Built at <a href="https://bejamas.com?utm_source=ui">Bejamas</a>. The
+        source code is available on{" "}
+        <a href="https://github.com/bejamas/ui">GitHub</a>.
+      </p>
+    </div>
   )
 }
 
@@ -62,6 +63,10 @@ import config from "virtual:starlight/user-config";
       margin-top: 3rem;
       font-size: var(--sl-text-sm);
       color: var(--sl-color-gray-3);
+      display: flex;
+    }
+
+    .meta:empty {
       display: none;
     }
 
@@ -74,15 +79,19 @@ import config from "virtual:starlight/user-config";
       gap: 0.5em;
       margin-block: 0;
       font-size: var(--sl-text-xs);
-      text-decoration: none;
       color: var(--muted-foreground);
       justify-content: center;
       padding-top: calc(var(--spacing) * 12);
-      padding-bottom: calc(var(--spacing) * 10);
+      padding-bottom: 0;
       background-color: var(--background);
       justify-content: center;
     }
-    .kudos:hover {
+    .kudos a {
+      color: var(--muted-foreground);
+      text-decoration: underline;
+      text-underline-offset: 0.1875rem;
+    }
+    .kudos a:hover {
       color: var(--foreground);
     }
 

package/src/overrides/Pagination.astro

@@ -7,7 +7,7 @@ const { prev, next } = pagination;
 const isRtl = dir === "rtl";
 ---
 
-<div class="sl-flex sl-justify-between print:hidden z-10" dir={dir}>
+<div class="print:hidden z-10 pagination-links" dir={dir}>
   {
     prev && (
       <Button as="a" href={prev.href} rel="prev" variant="outline">
@@ -29,15 +29,17 @@ const isRtl = dir === "rtl";
 <style>
   @layer starlight.core {
     .pagination-links {
-      display: grid;
-      grid-template-columns: repeat(auto-fit, minmax(min(18rem, 100%), 1fr));
+      display: flex;
+      justify-content: flex-end;
       gap: 1rem;
+      margin-top: calc(var(--spacing) * 5);
     }
 
     [rel="next"] {
       justify-content: end;
       text-align: end;
       flex-direction: row-reverse;
+      margin-left: auto;
     }
 
     svg {

package/src/styles/theme.css

@@ -213,6 +213,10 @@
     padding-top: calc(var(--spacing) * 5);
   }
 
+  .content-panel:last-child {
+    padding-bottom: 0;
+  }
+
   @media (min-width: 50rem) {
     .content-panel:first-child {
       padding-top: calc(var(--spacing) * 12);