Upgrading Casper to 2.6.4

Minified javascript in zip(#476 )
no issue * Added js minification step to gulp zip script
2025-07-12 16:56:06 +00:00 · 2018-10-09 16:06:07 +02:00 · 2018-10-08 16:34:07 +05:30 · 2018-10-08 11:45:06 +07:00 · 2018-10-08 06:40:06 +02:00 · 2018-10-08 06:38:28 +02:00
9 changed files with 190 additions and 27 deletions
--- a/README.md
+++ b/README.md
@ -32,7 +32,7 @@ One really neat trick is that you can also create custom one-off templates just

 # Development

-Casper styles are compiled using Gulp/PostCSS to polyfill future CSS spec. You'll need Node and Gulp installed globally. After that, from the theme's root directory:
+Casper styles are compiled using Gulp/PostCSS to polyfill future CSS spec. You'll need [Node](https://nodejs.org/), [Yarn](https://yarnpkg.com/) and [Gulp](https://gulpjs.com) installed globally. After that, from the theme's root directory:

 ```bash
 $ yarn install
--- 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
@ -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;
 }

@ -842,6 +843,7 @@ The first (most recent) post in the list is styled to be bigger than the others
    display: block;
    margin: 1.5em auto;
    max-width: 1040px;
+    height: auto;
 }
@media (max-width: 1040px) {
    .post-full-content img,
@ -881,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 {
@ -912,6 +915,10 @@ Usage (In Ghost editor):
    border-radius: 3px;
 }

+.post-full-content p code {
+    word-break: break-all;
+}
+
 .post-full-content pre {
    overflow-x: auto;
    margin: 1.5em 0 3em;
@ -932,7 +939,7 @@ Usage (In Ghost editor):
    background: transparent;
 }

-.post-full-content pre code * {
+.post-full-content pre code :not(span) {
    color: inherit;
 }

@ -1848,48 +1855,77 @@ 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 {
-    margin: 0 0 1.5em;
-}
-
-.kg-image-card figcaption {
-    margin: -1.0em 0 1.5em;
+.kg-width-full figcaption {
+    padding: 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;
    }
 }

+.kg-gallery-container {
+    display: flex;
+    flex-direction: column;
+    max-width: 1040px;
+    width: 100vw;
+}
+
+.kg-gallery-row {
+    display: flex;
+    flex-direction: row;
+    justify-content: center;
+}
+
+.kg-gallery-image img {
+    display: block;
+    margin: 0;
+    width: 100%;
+    height: 100%;
+}
+
+.kg-gallery-row:not(:first-of-type) {
+    margin: 0.75em 0 0 0;
+}
+
+.kg-gallery-image:not(:first-of-type) {
+    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
 /* ---------------------------------------------------------- */
--- a/default.hbs
+++ b/default.hbs
@ -55,6 +55,18 @@
    </div>
    {{/if}}

+    <script>
+        var images = document.querySelectorAll('.kg-gallery-image img');
+        images.forEach(function (image) {
+            var container = image.closest('.kg-gallery-image');
+            var width = image.attributes.width.value;
+            var height = image.attributes.height.value;
+            var ratio = width / height;
+            container.style.flex = ratio + ' 1 0%';
+        })
+    </script>
+
+
    {{!-- jQuery + Fitvids, which makes all video embeds responsive --}}
    <script
        src="https://code.jquery.com/jquery-3.2.1.min.js"
--- a/gulpfile.js
+++ b/gulpfile.js
@ -6,6 +6,8 @@ var livereload = require('gulp-livereload');
 var postcss = require('gulp-postcss');
 var sourcemaps = require('gulp-sourcemaps');
 var zip = require('gulp-zip');
+var uglify = require('gulp-uglify');
+var filter = require('gulp-filter');

 // postcss plugins
 var autoprefixer = require('autoprefixer');
@ -55,11 +57,16 @@ gulp.task('zip', ['css'], function () {
    var themeName = require('./package.json').name;
    var filename = themeName + '.zip';

+    var jsFilter = filter(['**/*.js'], {restore: true});
+
    return gulp.src([
        '**',
        '!node_modules', '!node_modules/**',
        '!dist', '!dist/**'
    ])
+        .pipe(jsFilter)
+        .pipe(uglify())
+        .pipe(jsFilter.restore)
        .pipe(zip(filename))
        .pipe(gulp.dest(targetDir));
 });
--- a/package.json
+++ b/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.5.0",
+    "version": "2.6.4",
    "engines": {
        "ghost": ">=2.0.0"
    },
@ -52,7 +52,9 @@
        "gulp-zip": "4.0.0",
        "postcss-color-function": "2.0.1",
        "postcss-custom-properties": "5.0.1",
-        "postcss-easy-import": "1.0.1"
+        "postcss-easy-import": "1.0.1",
+        "gulp-filter": "5.1.0",
+        "gulp-uglify": "3.0.1"
    },
    "config": {
        "posts_per_page": 25
--- a/page.hbs
+++ b/page.hbs
@ -27,7 +27,9 @@ into the {body} of the default.hbs template --}}
            {{/if}}

            <section class="post-full-content">
-                {{content}}
+                <div class="post-content">
+                    {{content}}
+                </div>
            </section>

        </article>
--- a/yarn.lock
+++ b/yarn.lock
@ -54,12 +54,24 @@ amdefine@>=0.0.4:
  version "1.0.1"
  resolved "https://registry.yarnpkg.com/amdefine/-/amdefine-1.0.1.tgz#4a5282ac164729e93619bcfd3ad151f817ce91f5"

+ansi-cyan@^0.1.1:
+  version "0.1.1"
+  resolved "https://registry.yarnpkg.com/ansi-cyan/-/ansi-cyan-0.1.1.tgz#538ae528af8982f28ae30d86f2f17456d2609873"
+  dependencies:
+    ansi-wrap "0.1.0"
+
 ansi-gray@^0.1.1:
  version "0.1.1"
  resolved "https://registry.yarnpkg.com/ansi-gray/-/ansi-gray-0.1.1.tgz#2962cf54ec9792c48510a3deb524436861ef7251"
  dependencies:
    ansi-wrap "0.1.0"

+ansi-red@^0.1.1:
+  version "0.1.1"
+  resolved "https://registry.yarnpkg.com/ansi-red/-/ansi-red-0.1.1.tgz#8c638f9d1080800a353c9c28c8a81ca4705d946c"
+  dependencies:
+    ansi-wrap "0.1.0"
+
 ansi-regex@^0.2.0, ansi-regex@^0.2.1:
  version "0.2.1"
  resolved "https://registry.yarnpkg.com/ansi-regex/-/ansi-regex-0.2.1.tgz#0d8e946967a3d8143f93e24e298525fc1b2235f9"
@ -116,6 +128,13 @@ argparse@^1.0.7:
  dependencies:
    sprintf-js "~1.0.2"

+arr-diff@^1.0.1:
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/arr-diff/-/arr-diff-1.1.0.tgz#687c32758163588fef7de7b36fabe495eb1a399a"
+  dependencies:
+    arr-flatten "^1.0.1"
+    array-slice "^0.2.3"
+
 arr-diff@^2.0.0:
  version "2.0.0"
  resolved "https://registry.yarnpkg.com/arr-diff/-/arr-diff-2.0.0.tgz#8f3b827f955a8bd669697e4a4256ac3ceae356cf"
@ -130,6 +149,10 @@ arr-flatten@^1.0.1, arr-flatten@^1.1.0:
  version "1.1.0"
  resolved "https://registry.yarnpkg.com/arr-flatten/-/arr-flatten-1.1.0.tgz#36048bbff4e7b47e136644316c99669ea5ae91f1"

+arr-union@^2.0.1:
+  version "2.1.0"
+  resolved "https://registry.yarnpkg.com/arr-union/-/arr-union-2.1.0.tgz#20f9eab5ec70f5c7d215b1077b1c39161d292c7d"
+
 arr-union@^3.1.0:
  version "3.1.0"
  resolved "https://registry.yarnpkg.com/arr-union/-/arr-union-3.1.0.tgz#e39b09aea9def866a8f206e288af63919bae39c4"
@ -150,6 +173,10 @@ array-flatten@1.1.1:
  version "1.1.1"
  resolved "https://registry.yarnpkg.com/array-flatten/-/array-flatten-1.1.1.tgz#9a5f699051b1e7073328f2a008968b64ea2955d2"

+array-slice@^0.2.3:
+  version "0.2.3"
+  resolved "https://registry.yarnpkg.com/array-slice/-/array-slice-0.2.3.tgz#dd3cfb80ed7973a75117cdac69b0b99ec86186f5"
+
 array-slice@^1.0.0:
  version "1.1.0"
  resolved "https://registry.yarnpkg.com/array-slice/-/array-slice-1.1.0.tgz#e368ea15f89bc7069f7ffb89aec3a6c7d4ac22d4"
@ -824,7 +851,7 @@ commander@2.9.x:
  dependencies:
    graceful-readlink ">= 1.0.0"

-commander@^2.9.0:
+commander@^2.9.0, commander@~2.17.1:
  version "2.17.1"
  resolved "https://registry.yarnpkg.com/commander/-/commander-2.17.1.tgz#bd77ab7de6de94205ceacc72f1716d29f20a77bf"

@ -1326,6 +1353,12 @@ express@^4.16.2:
    utils-merge "1.0.1"
    vary "~1.1.2"

+extend-shallow@^1.1.2:
+  version "1.1.4"
+  resolved "https://registry.yarnpkg.com/extend-shallow/-/extend-shallow-1.1.4.tgz#19d6bf94dfc09d76ba711f39b872d21ff4dd9071"
+  dependencies:
+    kind-of "^1.1.0"
+
 extend-shallow@^2.0.1:
  version "2.0.1"
  resolved "https://registry.yarnpkg.com/extend-shallow/-/extend-shallow-2.0.1.tgz#51af7d614ad9a9f610ea1bafbb989d6b1c56890f"
@ -1816,6 +1849,14 @@ gscan@^2.0.0:
    uuid "^3.0.0"
    validator "^6.3.0"

+gulp-filter@5.1.0:
+  version "5.1.0"
+  resolved "https://registry.yarnpkg.com/gulp-filter/-/gulp-filter-5.1.0.tgz#a05e11affb07cf7dcf41a7de1cb7b63ac3783e73"
+  dependencies:
+    multimatch "^2.0.0"
+    plugin-error "^0.1.2"
+    streamfilter "^1.0.5"
+
 gulp-livereload@3.8.1:
  version "3.8.1"
  resolved "https://registry.yarnpkg.com/gulp-livereload/-/gulp-livereload-3.8.1.tgz#00f744b2d749d3e9e3746589c8a44acac779b50f"
@ -1845,6 +1886,19 @@ gulp-sourcemaps@1.6.0:
    through2 "^2.0.0"
    vinyl "^1.0.0"

+gulp-uglify@3.0.1:
+  version "3.0.1"
+  resolved "https://registry.yarnpkg.com/gulp-uglify/-/gulp-uglify-3.0.1.tgz#8d3eee466521bea6b10fd75dff72adf8b7ea2d97"
+  dependencies:
+    gulplog "^1.0.0"
+    has-gulplog "^0.1.0"
+    lodash "^4.13.1"
+    make-error-cause "^1.1.1"
+    safe-buffer "^5.1.2"
+    through2 "^2.0.0"
+    uglify-js "^3.0.5"
+    vinyl-sourcemaps-apply "^0.2.0"
+
 gulp-util@3.0.7:
  version "3.0.7"
  resolved "https://registry.yarnpkg.com/gulp-util/-/gulp-util-3.0.7.tgz#78925c4b8f8b49005ac01a011c557e6218941cbb"
@ -2546,6 +2600,10 @@ jsprim@^1.2.2:
    json-schema "0.2.3"
    verror "1.10.0"

+kind-of@^1.1.0:
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/kind-of/-/kind-of-1.1.0.tgz#140a3d2d41a36d2efcfa9377b62c24f8495a5c44"
+
 kind-of@^3.0.2, kind-of@^3.0.3, kind-of@^3.2.0:
  version "3.2.2"
  resolved "https://registry.yarnpkg.com/kind-of/-/kind-of-3.2.2.tgz#31ea21a734bab9bbb0f32466d893aea51e4a3c64"
@ -2727,7 +2785,7 @@ lodash.uniq@^4.5.0:
  version "4.5.0"
  resolved "https://registry.yarnpkg.com/lodash.uniq/-/lodash.uniq-4.5.0.tgz#d0225373aeb652adc1bc82e4945339a842754773"

-lodash@4.17.10, lodash@^4.16.4:
+lodash@4.17.10, lodash@^4.13.1, lodash@^4.16.4:
  version "4.17.10"
  resolved "https://registry.yarnpkg.com/lodash/-/lodash-4.17.10.tgz#1b7793cf7259ea38fb3661d4d38b3260af8ae4e7"

@ -2770,6 +2828,16 @@ macaddress@^0.2.8:
  version "0.2.8"
  resolved "https://registry.yarnpkg.com/macaddress/-/macaddress-0.2.8.tgz#5904dc537c39ec6dbefeae902327135fa8511f12"

+make-error-cause@^1.1.1:
+  version "1.2.2"
+  resolved "https://registry.yarnpkg.com/make-error-cause/-/make-error-cause-1.2.2.tgz#df0388fcd0b37816dff0a5fb8108939777dcbc9d"
+  dependencies:
+    make-error "^1.2.0"
+
+make-error@^1.2.0:
+  version "1.3.5"
+  resolved "https://registry.yarnpkg.com/make-error/-/make-error-1.3.5.tgz#efe4e81f6db28cadd605c70f29c831b58ef776c8"
+
 make-iterator@^1.0.0:
  version "1.0.1"
  resolved "https://registry.yarnpkg.com/make-iterator/-/make-iterator-1.0.1.tgz#29b33f312aa8f547c4a5e490f56afcec99133ad6"
@ -2981,6 +3049,15 @@ multer@^1.1.0:
    type-is "^1.6.4"
    xtend "^4.0.0"

+multimatch@^2.0.0:
+  version "2.1.0"
+  resolved "https://registry.yarnpkg.com/multimatch/-/multimatch-2.1.0.tgz#9c7906a22fb4c02919e2f5f75161b4cdbd4b2a2b"
+  dependencies:
+    array-differ "^1.0.0"
+    array-union "^1.0.1"
+    arrify "^1.0.0"
+    minimatch "^3.0.0"
+
 multipipe@^0.1.2:
  version "0.1.2"
  resolved "https://registry.yarnpkg.com/multipipe/-/multipipe-0.1.2.tgz#2a8f2ddf70eed564dff2d57f1e1a137d9f05078b"
@ -3358,6 +3435,16 @@ pkg-resolve@^0.1.7:
    jspm "^0.17.0-beta.13"
    resolve "^1.1.7"

+plugin-error@^0.1.2:
+  version "0.1.2"
+  resolved "https://registry.yarnpkg.com/plugin-error/-/plugin-error-0.1.2.tgz#3b9bb3335ccf00f425e07437e19276967da47ace"
+  dependencies:
+    ansi-cyan "^0.1.1"
+    ansi-red "^0.1.1"
+    arr-diff "^1.0.1"
+    arr-union "^2.0.1"
+    extend-shallow "^1.1.2"
+
 posix-character-classes@^0.1.0:
  version "0.1.1"
  resolved "https://registry.yarnpkg.com/posix-character-classes/-/posix-character-classes-0.1.1.tgz#01eac0fe3b5af71a2a6c02feabb8c1fef7e00eab"
@ -4229,6 +4316,10 @@ source-map@^0.5.1, source-map@^0.5.3, source-map@^0.5.6, source-map@^0.5.7, sour
  version "0.5.7"
  resolved "https://registry.yarnpkg.com/source-map/-/source-map-0.5.7.tgz#8a039d2d1021d22d1ea14c80d8ea468ba2ef3fcc"

+source-map@~0.6.1:
+  version "0.6.1"
+  resolved "https://registry.yarnpkg.com/source-map/-/source-map-0.6.1.tgz#74722af32e9614e9c287a8d0bbde48b5e2f1a263"
+
 sparkles@^1.0.0:
  version "1.0.0"
  resolved "https://registry.yarnpkg.com/sparkles/-/sparkles-1.0.0.tgz#1acbbfb592436d10bbe8f785b7cc6f82815012c3"
@ -4310,6 +4401,12 @@ stream-consume@~0.1.0:
  version "0.1.1"
  resolved "https://registry.yarnpkg.com/stream-consume/-/stream-consume-0.1.1.tgz#d3bdb598c2bd0ae82b8cac7ac50b1107a7996c48"

+streamfilter@^1.0.5:
+  version "1.0.7"
+  resolved "https://registry.yarnpkg.com/streamfilter/-/streamfilter-1.0.7.tgz#ae3e64522aa5a35c061fd17f67620c7653c643c9"
+  dependencies:
+    readable-stream "^2.0.2"
+
 streamsearch@0.1.2:
  version "0.1.2"
  resolved "https://registry.yarnpkg.com/streamsearch/-/streamsearch-0.1.2.tgz#808b9d0e56fc273d809ba57338e929919a1a9f1a"
@ -4598,6 +4695,13 @@ uglify-js@^2.6, uglify-js@^2.6.1:
  optionalDependencies:
    uglify-to-browserify "~1.0.0"

+uglify-js@^3.0.5:
+  version "3.4.8"
+  resolved "https://registry.yarnpkg.com/uglify-js/-/uglify-js-3.4.8.tgz#d590777b208258b54131b1ae45bc9d3f68033a3e"
+  dependencies:
+    commander "~2.17.1"
+    source-map "~0.6.1"
+
 uglify-to-browserify@~1.0.0:
  version "1.0.2"
  resolved "https://registry.yarnpkg.com/uglify-to-browserify/-/uglify-to-browserify-1.0.2.tgz#6e0924d6bda6b5afe349e39a6d632850a0f882b7"
Author	SHA1	Message	Date
Nazar Gargol	36971db512	Upgrading Casper to 2.6.4	2018-10-09 16:06:07 +02:00
Péter Szabolcs Nagy	bfcab7172f	Minified javascript in zip(#476 ) no issue * Added js minification step to gulp zip script	2018-10-08 16:34:07 +05:30
John O'Nolan	fce92d6cf1	Link to required dependencies Refs https://github.com/TryGhost/Casper/pull/468	2018-10-08 11:45:06 +07:00
Oshawk	d48178fde9	Remove css rule that stops syntax highlighting (#484 ) * Remove suspect css rule Removed the ".post-full-content pre code * { color: inherit }" rule which prevents highlight.js from working. * Changed to just exclude span Less disruptive to just remove span from color inheritance. * Remove extra newline	2018-10-08 06:40:06 +02:00
Antonio	6f4fe840b3	[Fix] Inline <code> tag word-break inside a <p> tag (#483 )	2018-10-08 06:38:28 +02:00
Fabien O'Carroll	8a9efb5ef1	Upgrading Casper to 2.6.3	2018-09-25 11:32:08 +07:00
Peter Zimon	04854967a8	Adjusting spaces for galleries and wide images in a sequence (#480 )	2018-09-24 14:35:47 +02:00
Nazar Gargol	fa18115aa6	Upgrading Casper to 2.6.2	2018-09-11 13:42:34 +02:00
Aileen Nowak	ae192a9fff	🐛 Fixed word-wrap for extra long anchor links text (#478 ) 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.	2018-09-07 14:45:18 +02:00
kirrg001	78993720fd	Upgrading Casper to 2.6.1	2018-08-31 11:26:01 +01:00
Zimo	676e17bd13	Restructure spacings for generic figure element	2018-08-31 11:24:50 +01:00
kirrg001	67e595741c	Upgrading Casper to 2.6.0	2018-08-30 17:45:43 +01:00
Kevin Ansfield	7a88c88ea2	✨Added Koenig gallery card support (#475 ) no issue - Update CSS and JS for new gallery card - Updates CSS to support new gallery card - Adds JS to support grid layout for gallery view - Fix gallery breakout size - Refining styles for gallery card	2018-08-30 17:44:55 +01:00
Kevin Ansfield	a0e42e0599	Rebuild CSS	2018-08-30 14:56:38 +01:00
Kevin Ansfield	dc3bb316c7	Fixed incorrect image aspect ratio when images have width/height attrs no issue - when large images have width/height attributes but the image is constrained to it's container or `max-width` style the aspect ratio would be broken because browsers use the `height` attribute value even though the width is smaller	2018-08-30 14:49:40 +01:00
kirrg001	7380ed0291	Upgrading Casper to 2.5.1	2018-08-22 14:31:02 +02:00
Kevin Ansfield	ecaf3d921f	🐛 Fixed image positioning on pages closes https://github.com/TryGhost/Casper/issues/473 - added missing `<div class="post-content">` wrapper around `{{content}}`	2018-08-21 17:47:42 +01:00