Upgrading Casper to 2.6.3

refs #466

Anchor links didn't break, when the text was too long. Using `word-break: break-all` specifically on a-tags in post-content fixes this without screwing up other tags and their breaks.

assets/css/screen.css

@@ -815,6 +815,7 @@ The first (most recent) post in the list is styled to be bigger than the others
 
 .post-full-content a {
     color: #000;
+    word-break: break-word;
     box-shadow: var(--blue) 0 -1px 0 inset;
 }
 
@@ -882,8 +883,9 @@ Usage (In Ghost editor):
 }
 
 
+/* Override third party iframe styles */
 .post-full-content iframe {
-    margin: 0 auto;
+    margin: 0 auto !important;
 }
 
 .post-full-content blockquote {
@@ -1849,44 +1851,37 @@ Usage (In Ghost editor):
     max-width: 100vw;
 }
 
-.post-content figcaption {
+.post-full-content figure {
+    margin: 1.5em 0 3em;
+}
+
+.post-full-content figure img {
+    margin: 0;
+}
+
+.post-full-content figcaption {
+    margin: 1.0em 0 0;
     font-size: 80%;
     line-height: 1.6em;
     text-align: center;
 }
 
-.kg-image-card,
+.kg-width-full figcaption {
-.kg-gallery-card {
+    padding: 0 1.5em;
-    margin: 0 0 1.5em;
-}
-
-.kg-image-card figcaption,
-.kg-gallery-card figcaption {
-    margin: -1.0em 0 1.5em;
 }
 
 .kg-embed-card {
     display: flex;
     flex-direction: column;
     align-items: center;
-    margin: 1.5em 0 3em;
     min-width: 100%;
 }
 
-.kg-embed-card figcaption {
-    margin: 0.5em 0 0;
-}
-
 .kg-embed-card .fluid-width-video-wrapper {
     margin: 0;
 }
 
 
-.kg-image-full + figcaption {
-    padding: 0 1.5em;
-}
-
-
 @media (max-width: 1040px) {
     .post-full-content .kg-width-full .kg-image {
         width: 100vw;
@@ -1896,7 +1891,6 @@ Usage (In Ghost editor):
 .kg-gallery-container {
     display: flex;
     flex-direction: column;
-    margin: 1.5em auto;
     max-width: 1040px;
     width: 100vw;
 }
@@ -1922,6 +1916,13 @@ Usage (In Ghost editor):
     margin: 0 0 0 0.75em;
 }
 
+.kg-gallery-card + .kg-image-card.kg-width-wide,
+.kg-gallery-card + .kg-gallery-card,
+.kg-image-card.kg-width-wide + .kg-gallery-card,
+.kg-image-card.kg-width-wide + .kg-image-card.kg-width-wide {
+    margin: -2.25em 0 3em;
+}
+
 /* 8. Author Template
 /* ---------------------------------------------------------- */
 

package.json

@@ -2,7 +2,7 @@
     "name": "casper",
     "description": "The default personal blogging theme for Ghost. Beautiful, minimal and responsive.",
     "demo": "https://demo.ghost.io",
-    "version": "2.6.0",
+    "version": "2.6.3",
     "engines": {
         "ghost": ">=2.0.0"
     },