First steps to upgrade to Ghost 3

index.hbs

@@ -33,11 +33,7 @@ into the {body} of the default.hbs template --}}
                 <div class="m-featured-slider__list js-featured-articles">
                   {{#foreach featured}}
                     <div class="m-featured-slider__list__item">
-                {{#if feature_image}}
-                <article class="m-featured-article">
-                  {{else}}
-                  <article class="m-featured-article no-picture">
-                    {{/if}}
+                      <article class="m-featured-article {{#unless feature_image}}no-picture{{/unless}}">
                         <div class="m-featured-article__picture">
                           {{#if feature_image}}
                             <div class="lozad no-fade-animation" data-background-image="{{img_url feature_image size="l"}}"></div>

package.json

@@ -30,8 +30,8 @@
   "demo": "https://liebling.eduardogomez.io",
   "description": "Beautiful and clean theme that is easy and comfortable to use.",
   "engines": {
-    "ghost": ">=2.0.0",
-    "ghost-api": "v2"
+    "ghost": ">=3.0.0",
+    "ghost-api": "v3"
   },
   "gpm": {
     "type": "theme",
@@ -54,5 +54,5 @@
     "desktop": "assets/screenshot-desktop.jpg",
     "mobile": "assets/screenshot-mobile.jpg"
   },
-  "version": "0.6.5"
+  "version": "0.6.6"
 }

partials/header.hbs

@@ -2,11 +2,7 @@
 This header template is shared across all the pages.
 --}}
 
-{{#if background}}
-  <header class="m-header with-picture js-header">
-{{else}}
-  <header class="m-header js-header">
-{{/if}}
+<header class="m-header {{#if background}}with-picture{{/if}} js-header">
   <div class="m-mobile-topbar" data-aos="fade-down">
     <button class="m-icon-button in-mobile-topbar js-open-menu" aria-label="Open menu">
       <span class="icon-menu"></span>

src/docker-compose.yml

@@ -2,7 +2,7 @@ version: '3'
 
 services:
   ghost:
-    image: ghost:2.31.1
+    image: ghost:3.7.0
     container_name: ghost
     volumes:
       - ./..:/var/lib/ghost/content/themes/liebling

src/sass/layouts/_post-content.scss

@@ -382,6 +382,10 @@
         padding: 20px;
       }
     }
+
+    &.line-numbers > code {
+      padding: 0;
+    }
   }
 
   form {