Release version 0.9.2

package.json

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

post.hbs

@@ -178,12 +178,6 @@ into the {body} of the default.hbs template --}}
         {{!-- If you want to embed comments, this is a good place to do it! --}}
         {{!--
           <section class="m-comments">
-            <div class="m-load-comments">
-              <div class="m-load-comments__line"></div>
-              <button class="m-icon-button filled as-load-comments js-tooltip js-load-comments" data-tippy-content="Load comments">
-                <span class="icon-comments"></span>
-              </button>
-            </div>
             <div class="m-load-comments__iframe l-wrapper in-comments js-comments-iframe">
               <div id="disqus_thread"></div>
               <script>

src/sass/components/articles/_article-card.scss

@@ -93,6 +93,7 @@
   border-radius: 10px 10px 0 0;
   background-color: var(--secondary-subtle-color);
   overflow: hidden;
+  @include transform(translateZ(0));
 
   @include respond-to('medium') {
     height: 220px;

src/sass/components/comments/_comments.scss

@@ -4,4 +4,9 @@
   @include respond-to('medium') {
     padding-top: 60px;
   }
+
+  iframe {
+    width: 100%;
+    max-width: 100%;
+  }
 }

src/sass/components/comments/_load-comments.scss

@@ -1,23 +0,0 @@
-.m-load-comments {
-  position: relative;
-  margin: 0 auto;
-  max-width: 280px;
-
-  @include respond-to('medium') {
-    max-width: 400px;
-  }
-}
-
-.m-load-comments__line {
-  position: absolute;
-  left: 0;
-  right: 0;
-  top: 50%;
-  height: 1px;
-  z-index: 1;
-  background-color: var(--secondary-subtle-color);
-}
-
-.m-load-comments__iframe {
-  display: none;
-}

src/sass/layouts/_post-content.scss

@@ -470,6 +470,13 @@
     @include respond-to('medium') {
       margin: 40px auto !important;
     }
+
+    &:hover {
+      .kg-bookmark-container {
+        opacity: 0.8;
+        color: var(--primary-foreground-color);
+      }
+    }
   }
 
   .kg-card + .kg-bookmark-card {
@@ -484,6 +491,7 @@
     box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 4px,
       rgba(0, 0, 0, 0.1) 0px 0px 0px 1px;
     border-radius: 3px;
+    @include transition(opacity linear 0.2s);
   }
 
   .kg-bookmark-content {

src/sass/post.scss

@@ -12,7 +12,6 @@
 @import "components/author/picture";
 @import "components/author/links";
 @import "components/comments/comments";
-@import "components/comments/load-comments";
 @import "components/articles/recommended";
 @import "components/articles/recommended-articles";
 @import "components/articles/recommended-slider";