v4.0.4

Fixes #788

assets/css/screen.css

@@ -539,6 +539,7 @@ body:not(.gh-head-open) .gh-burger:hover .gh-burger-inner::after {
     flex-direction: column;
     min-height: 220px;
     background-size: cover;
+    word-break: break-word;
 }
 
 .post-card-image-link {
@@ -787,6 +788,7 @@ make sure this only happens on large viewports / desktop-ish devices.
 
 .article {
     padding: 8vmin 0;
+    word-break: break-word;
 }
 
 .article-header {
@@ -831,6 +833,7 @@ make sure this only happens on large viewports / desktop-ish devices.
     display: block;
     margin-left: auto;
     margin-right: auto;
+    width: 100%;
 }
 
 @media (max-width: 600px) {
@@ -978,7 +981,6 @@ is the very first element in the post content */
 .gh-content pre {
     overflow: auto;
     padding: 16px 20px;
-    border: 1px solid color-mod(var(--color-darkgrey) l(-20%));
     color: var(--color-wash);
     font-size: 1.4rem;
     line-height: 1.5em;
@@ -1827,6 +1829,16 @@ html.dark-mode .gh-content h6 {
     color: rgba(255, 255, 255, 0.9);
 }
 
+html.dark-mode .gh-content pre {
+    background: color-mod(var(--color-darkgrey) l(-8%));
+}
+
+html.dark-mode .gh-content :not(pre) > code {
+    background: color-mod(var(--color-darkgrey) l(+6%));
+    border-color: color-mod(var(--color-darkmode) l(+8%));
+    color: var(--color-wash);
+}
+
 html.dark-mode .post-full-content a {
     color: #fff;
     box-shadow: inset 0 -1px 0 #fff;

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": "4.0.3",
+    "version": "4.0.4",
     "engines": {
         "ghost": ">=4.0.0",
         "ghost-api": "v4"