v5.5.0

Updated post content grid for additional widths
v5.4.12
2025-07-12 16:56:06 +00:00 · 2023-06-22 17:17:43 +08:00 · 2023-06-22 16:37:59 +08:00 · 2023-06-20 12:09:25 +08:00 · 2023-06-20 12:09:08 +08:00 · 2023-05-09 13:30:12 +08:00
4 changed files with 32 additions and 18 deletions
--- a/assets/built/screen.css
+++ b/assets/built/screen.css
--- a/assets/built/screen.css.map
+++ b/assets/built/screen.css.map
--- a/assets/css/screen.css
+++ b/assets/css/screen.css
@ -63,6 +63,7 @@ production stylesheet in assets/built/screen.css
 /* ---------------------------------------------------------- */

 .viewport {
+    position: relative;
    display: flex;
    flex-direction: column;
    min-height: 100vh;
@ -1295,27 +1296,26 @@ is laid out on top of. Canvas just defines the grid, we don't
 use it for applying any other styles. */

 .gh-canvas {
+    --gap: max(4vmin, 20px);
+    --main: min(var(--content-width, 720px), 100% - var(--gap) * 2);
+    --wide: minmax(0, calc((var(--container-width, 1200px) - var(--content-width, 720px)) / 2));
+    --full: minmax(var(--gap), 1fr);
+
    display: grid;
    grid-template-columns:
-        [full-start]
-        minmax(max(4vmin, 20px), auto)
-            [wide-start]
-            minmax(auto, 240px)
-                [main-start]
-                    min(720px, calc(100% - max(8vmin, 40px)))
-                [main-end]
-            minmax(auto, 240px)
-            [wide-end]
-        minmax(max(4vmin, 20px), auto)
-        [full-end]
-    ;
+        [full-start] var(--full)
+        [wide-start] var(--wide)
+        [main-start] var(--main) [main-end]
+        var(--wide) [wide-end]
+        var(--full) [full-end];
 }

 .gh-canvas > * {
    grid-column: main-start / main-end;
 }

-.kg-width-wide {
+.kg-width-wide,
+.kg-content-wide > div {
    grid-column: wide-start / wide-end;
 }

@ -2118,7 +2118,7 @@ html.dark-mode figcaption a {
    color: #fff;
 }

-html.dark-mode .gh-head {
+html.dark-mode body:not(.has-cover) .gh-head {
    background: var(--color-darkmode);
    color: #fff;
 }
@ -2285,6 +2285,13 @@ html.dark-mode .footer-cta-title {
    color: #fff;
 }

+@media (max-width: 767px) {
+    html.dark-mode .gh-head-open:not(.has-cover) #gh-head,
+    html.dark-mode .gh-head-open:not(.has-cover) #gh-head .gh-head-actions {
+        background: var(--color-darkmode);
+    }
+}
+
@media (prefers-color-scheme: dark) {
    html.auto-color body {
        color: rgba(255, 255, 255, 0.75);
@ -2303,7 +2310,7 @@ html.dark-mode .footer-cta-title {
        color: #fff;
    }

-    html.auto-color .gh-head {
+    html.auto-color body:not(.has-cover) .gh-head {
        background: var(--color-darkmode);
        color: #fff;
    }
@ -2469,6 +2476,13 @@ html.dark-mode .footer-cta-title {
    html.auto-color .footer-cta-title {
        color: #fff;
    }
+
+    @media (max-width: 767px) {
+        html.auto-color .gh-head-open:not(.has-cover) #gh-head,
+        html.auto-color .gh-head-open:not(.has-cover) #gh-head .gh-head-actions {
+            background: var(--color-darkmode);
+        }
+    }
 }

 /*
--- a/package.json
+++ b/package.json
@ -2,7 +2,7 @@
    "name": "casper",
    "description": "A clean, minimal default theme for the Ghost publishing platform",
    "demo": "https://demo.ghost.io",
-    "version": "5.4.9",
+    "version": "5.5.0",
    "engines": {
        "ghost": ">=5.0.0"
    },
Author	SHA1	Message	Date
Sodbileg Gansukh	0721600075	v5.5.0	2023-06-22 17:17:43 +08:00
Sodbileg Gansukh	a18367200f	Updated post content grid for additional widths	2023-06-22 16:37:59 +08:00
Sodbileg Gansukh	294b1e30e5	v5.4.12	2023-06-20 12:09:25 +08:00
Sodbileg Gansukh	aa8ca0794b	Fixed main nav background color in dark mode closes https://github.com/TryGhost/Casper/issues/942	2023-06-20 12:09:08 +08:00
Sodbileg Gansukh	ba0b3d08cc	v5.4.11	2023-05-09 13:30:12 +08:00
Sodbileg Gansukh	50d5727f77	Fixed mobile menu background in dark mode no issues - when there's no publication cover and the color scheme is in dark mode, the mobile menu had white background - this fixes the issue by adding explicit dark mode rules to the styles	2023-05-09 13:27:37 +08:00
Sodbileg Gansukh	23f7c30365	v5.4.10	2023-04-21 09:49:57 +01:00
Sodbileg Gansukh	8ff3c6fcf1	Fixed main nav to make it work with the announcement bar	2023-04-21 09:49:37 +01:00