diff --git a/assets/sass/_partial/_post.scss b/assets/sass/_partial/_post.scss index 5853babe..f8c41056 100644 --- a/assets/sass/_partial/_post.scss +++ b/assets/sass/_partial/_post.scss @@ -2,11 +2,11 @@ display: grid; grid-template-rows: auto 1fr; grid-template-columns: 10.5rem minmax(0, 1fr) 10.5rem; - grid-template-areas: "toc content sidebar"; + grid-template-areas: 'toc content sidebar'; @include style-to-mobile() { grid-template-columns: minmax(0, 1fr); - grid-template-areas: "content" "toc" "sidebar"; + grid-template-areas: 'content' 'toc' 'sidebar'; } .sidebar { @@ -28,17 +28,16 @@ @include style-to-mobile() { margin-top: 1rem; } - } .post { max-width: $article-max-width; margin: 0 auto; - @import "_post/header"; - @import "_post/content"; - @import "_post/copyright"; - @import "_post/reward"; - @import "_post/footer"; + @import '_post/header'; + @import '_post/content'; + @import '_post/copyright'; + @import '_post/reward'; + @import '_post/footer'; } .comment { @@ -47,9 +46,9 @@ max-width: $article-max-width; } -.disqus-comment { - margin: 0 5em 3em; - @import "_post/disqus"; +#load_disqus_container { + display: flex; + justify-content: center; } -@import "_toc"; +@import '_toc'; diff --git a/assets/sass/_partial/_post/_disqus.scss b/assets/sass/_partial/_post/_disqus.scss deleted file mode 100644 index f5e29a01..00000000 --- a/assets/sass/_partial/_post/_disqus.scss +++ /dev/null @@ -1,19 +0,0 @@ -// ============================== -// Post disqus -// ============================== - -.disqus-button { - cursor: pointer; - border: 2px solid #ddd; - color: #999; - margin: 0 auto; - max-width: 200px; - text-align: center; - padding: 10px; - transition: 0.5s; - - &:hover { - color: #111; - border-color: #111; - } -} diff --git a/layouts/partials/comments/disqus.html b/layouts/partials/comments/disqus.html index ecb955d9..f1f5817c 100644 --- a/layouts/partials/comments/disqus.html +++ b/layouts/partials/comments/disqus.html @@ -1,6 +1,8 @@ -