feat: Remark42 style fix

lh1me · Feb 19, 2021 · e108af7 · e108af7
1 parent 1b4a5ab
commit e108af7
Show file tree

Hide file tree

Showing 4 changed files with 11 additions and 4 deletions.
diff --git a/gulpfile.js b/gulpfile.js
@@ -47,6 +47,7 @@ gulp.task('css', function () {
         'source/stylesheets/viewer.min.css',
         'source/stylesheets/swiper-bundle.min.css',
         'source/stylesheets/plyr.css',
+        'source/stylesheets/remark42.css',
         'source/stylesheets/post.css',
         'source/stylesheets/style.scss'
       ])

diff --git a/source/dist/build.css b/source/dist/build.css
diff --git a/source/stylesheets/remark42.css b/source/stylesheets/remark42.css
@@ -0,0 +1,5 @@
+#remark42 {
+    padding: 20px;
+    background: #fff;
+    border-radius: 8px;
+}
diff --git a/source/stylesheets/style.scss b/source/stylesheets/style.scss
@@ -265,7 +265,6 @@ img:not([src]):not([srcset]) {
 .main {
     position: relative;
     margin-bottom: 150px;
-    z-index: 2;
 
     .inner {
         padding-right: 300px;
@@ -741,6 +740,8 @@ img:not([src]):not([srcset]) {
         position: relative;
 
         .article-gallery {
+            z-index: 0 !important;
+
             img {
                 width: 100%;
                 cursor: pointer;
@@ -978,7 +979,7 @@ img:not([src]):not([srcset]) {
     position: fixed;
     left: 0;
     bottom: 0;
-    z-index: 1;
+    z-index: -1;
 
     &-wave {
         width: 100%;