Releases version 0.8.9

README.md

@@ -92,6 +92,7 @@ From now on, this theme is only compatible with Ghost 3
 * Dutch by [Qballjos](https://github.com/Qballjos)
 * Traditional Chinese by [weixiang](https://github.com/weixiang)
 * Persian (Farsi) by [Aminoiz](https://github.com/Aminoiz)
+* Ukrainian by [partizan007](https://github.com/partizan007)
 
 ## Tests performed
 

package.json

@@ -54,5 +54,5 @@
     "desktop": "assets/screenshot-desktop.jpg",
     "mobile": "assets/screenshot-mobile.jpg"
   },
-  "version": "0.8.8"
+  "version": "0.8.9"
 }

partials/hero.hbs

@@ -2,21 +2,20 @@
 If the template in question has a background image, then we render responsive image styles
 for it, and apply those styles to the <header> tag.
 --}}
-{{!--
-If the template in question has a background image, then we render responsive image styles
-for it, and apply those styles to the <header> tag.
---}}
 
 {{#if background}}
   <section class="m-hero with-picture" data-aos="fade">
     <div class="m-hero__picture {{#is "post"}}in-post{{/is}}">
-      <img srcset="{{img_url background size="s"}} 300w,
+      <img
+        srcset="
+          {{img_url background size="s"}} 300w,
           {{img_url background size="m"}} 600w,
           {{img_url background size="l"}} 1000w,
-            {{img_url background size="xl"}} 2000w"
+          {{img_url background size="xl"}} 2000w
+        "
         sizes="(max-width: 600px) 600px, (max-width: 1000px) 1000px, 2000px"
         src="{{img_url background size="l"}}"
-           alt="{{title}}"
+        alt=""
       />
     </div>
 {{else}}

src/sass/components/hero/_hero.scss

@@ -35,22 +35,21 @@
 }
 
 .m-hero__picture {
+  display: flex;
+  align-items: center;
+  justify-content: center;
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
-  background-repeat: no-repeat;
-  background-position: center;
-  background-size: cover;
   z-index: 1;
   opacity: 0.7;
+
   &.in-post {
     opacity: 1;
   }
-  display: flex;
-  align-items: center;
-  justify-content: center;
+
   img {
     width: 100%;
     height: 100%;

src/sass/layouts/_post-content.scss

@@ -370,6 +370,7 @@
     display: inline-block;
     color: var(--link-color);
     font-size: 0.9rem;
+    font-family: Consolas,Monaco,'Andale Mono','Ubuntu Mono',monospace;
     padding: 0 5px;
     border-radius: 5px;
     background-color: var(--secondary-subtle-color);
@@ -377,7 +378,23 @@
 
   pre {
     line-height: 1.4;
+    font-family: Consolas,Monaco,'Andale Mono','Ubuntu Mono',monospace;
     margin: 0 0 25px;
+    overflow: auto;
+    border-radius: 5px;
+    background-color: var(--secondary-subtle-color);
+    white-space: pre;
+    word-spacing: normal;
+    word-break: normal;
+    word-wrap: normal;
+    line-height: 1.5;
+    -moz-tab-size: 2;
+    -o-tab-size: 2;
+    tab-size: 2;
+    -webkit-hyphens: none;
+    -moz-hyphens: none;
+    -ms-hyphens: none;
+    hyphens: none;
 
     @include respond-to('medium') {
       margin-bottom: 30px;
@@ -386,7 +403,18 @@
     > code {
       display: block;
       padding: 10px;
-      white-space: pre-wrap;
+      white-space: pre;
+      word-spacing: normal;
+      word-break: normal;
+      word-wrap: normal;
+      line-height: 1.5;
+      -moz-tab-size: 2;
+      -o-tab-size: 2;
+      tab-size: 2;
+      -webkit-hyphens: none;
+      -moz-hyphens: none;
+      -ms-hyphens: none;
+      hyphens: none;
 
       @include respond-to('medium') {
         padding: 20px;