Merge branch 'master' into pr/nekr0z/415

# Conflicts:
#	exampleSite/content/posts/theme-documentation-extended-shortcodes/index.en.md

assets/css/_page/_home.scss

@@ -66,7 +66,7 @@
   }
 }
 
-.home[posts] {
+.home[data-home=posts] {
   .home-profile {
     @include transform(translateY(0));
     padding-top: 2rem;
@@ -100,11 +100,10 @@
         height: 100%;
         left: 0;
         top: 0;
-        @include object-fit(none);
-      }
 
-      img.lazyloaded {
-        @include object-fit(cover);
+        &.lazyloaded {
+          @include object-fit(cover);
+        }
       }
 
       &:hover {

assets/css/_page/_index.scss

@@ -4,11 +4,11 @@
   width: 60%;
   margin: 0 auto;
 
-  [header-desktop] & {
-    padding-top: $header-height;
+  [data-header-desktop] & {
+    padding-top: var(--header-height);
   }
 
-  [header-desktop=normal] & {
+  [data-header-desktop=normal] & {
     padding-top: 0;
   }
 

assets/css/_page/_single.scss

@@ -2,17 +2,16 @@
 
 .single {
   .single-title {
-    margin: 1rem 0 .5rem;
+    margin: 2rem 0 .5rem;
     font-size: 1.6rem;
     font-weight: bold;
     line-height: 140%;
   }
 
   .single-subtitle {
-    margin: .4rem 0;
+    margin: .5rem 0;
     font-size: 1.2rem;
     font-weight: normal;
-    font-style: italic;
     line-height: 100%;
   }
 
@@ -241,16 +240,13 @@
 
       img {
         display: block;
+        width: 100%;
         height: auto;
         margin: 0 auto;
         overflow: hidden;
       }
     }
 
-    .lazyloading {
-      @include object-fit(none);
-    }
-
     blockquote {
       display: block;
       border-left: .5rem solid $blockquote-color;
@@ -304,7 +300,7 @@
       @include border-radius(3px);
       @include box-shadow(inset 0 -1px 0 $global-border-color);
       font-size: .8rem;
-      font-family: $code-font-family;
+      font-family: var(--code-font-family);
       color: $code-color;
 
       [theme=dark] & {
@@ -316,16 +312,6 @@
       }
     }
 
-    .typeit {
-      .code {
-        padding: .375rem;
-        font-size: .875rem;
-        font-family: $code-font-family;
-        font-weight: bold;
-        word-break: break-all;
-      }
-    }
-
     .version {
       height: 1.25em;
       vertical-align: text-bottom;
@@ -336,6 +322,28 @@
   @import "../_partial/_single/comment";
 }
 
+.typeit {
+  .highlight {
+    padding: .375rem;
+    font-size: .875rem;
+    font-family: var(--code-font-family);
+    font-weight: bold;
+    word-break: break-all;
+    white-space: pre-wrap;
+  }
+
+  --ti-cursor-font-family: var(--global-font-family);
+  --ti-cursor-font-size: var(--global-font-size);
+  --ti-cursor-font-weight: var(--global-font-weight);
+  --ti-cursor-line-height: var(--global-line-height);
+  --ti-cursor-color: $global-font-secondary-color;
+  --ti-cursor-margin-left: 0;
+
+  [theme=dark] & {
+    --ti-cursor-color: $global-font-secondary-color-dark;
+  }
+}
+
 .lg-toolbar .lg-icon::after {
   color: #999;
 }