diff --git a/source/css/_common/components/post/index.styl b/source/css/_common/components/post/index.styl index a0d8ff0..8f0e550 100644 --- a/source/css/_common/components/post/index.styl +++ b/source/css/_common/components/post/index.styl @@ -13,7 +13,7 @@ .post-button { margin-top: 40px; - text-align: center; + text-align: $scheme-text-align; } .use-motion { diff --git a/source/css/_common/components/post/post-footer.styl b/source/css/_common/components/post/post-footer.styl index 5351db2..48b0416 100644 --- a/source/css/_common/components/post/post-footer.styl +++ b/source/css/_common/components/post/post-footer.styl @@ -28,7 +28,7 @@ if (hexo-config('creative_commons.post')) { .post-tags { margin-top: 40px; - text-align: center; + text-align: $scheme-text-align; a { display: inline-block; diff --git a/source/css/_common/outline/footer/index.styl b/source/css/_common/outline/footer/index.styl index 52e5a05..f5ed5bc 100644 --- a/source/css/_common/outline/footer/index.styl +++ b/source/css/_common/outline/footer/index.styl @@ -17,7 +17,7 @@ // elements of .footer-inner through the `order` CSS property .footer-inner { box-sizing: border-box; - text-align: center; + text-align: $scheme-text-align; flex-column(); main-container(); } diff --git a/source/css/_common/scaffolding/pagination.styl b/source/css/_common/scaffolding/pagination.styl index 5a98d91..8399354 100644 --- a/source/css/_common/scaffolding/pagination.styl +++ b/source/css/_common/scaffolding/pagination.styl @@ -17,7 +17,7 @@ $page-number-current { .pagination { border-top: 1px solid $pagination-border; margin: 120px 0 0; - text-align: center; + text-align: $scheme-text-align; .prev, .next, .page-number { @extend $page-number-basic; diff --git a/source/css/_schemes/Mist/_layout.styl b/source/css/_schemes/Mist/_layout.styl index f7a8876..40669a7 100644 --- a/source/css/_schemes/Mist/_layout.styl +++ b/source/css/_schemes/Mist/_layout.styl @@ -18,8 +18,6 @@ hr { // Pagination // -------------------------------------------------- .pagination { - text-align: left; - +mobile() { margin: 80px 0 0; text-align: center; @@ -35,8 +33,6 @@ hr { } .footer-inner { - text-align: left; - +mobile() { text-align: center; } diff --git a/source/css/_schemes/Mist/_posts-expand.styl b/source/css/_schemes/Mist/_posts-expand.styl index e546e5e..8a4321a 100644 --- a/source/css/_schemes/Mist/_posts-expand.styl +++ b/source/css/_schemes/Mist/_posts-expand.styl @@ -3,7 +3,7 @@ .posts-expand { &.index { .post-header { - text-align: left; + text-align: $scheme-text-align; +mobile() { text-align: center; @@ -36,8 +36,6 @@ } .post-tags { - text-align: left; - a { background: var(--content-bg-color); border-bottom: 0; @@ -56,7 +54,6 @@ .post-button { margin-top: 20px; - text-align: left; .btn { background: none; diff --git a/source/css/_variables/Mist.styl b/source/css/_variables/Mist.styl index 0459539..1eb7e52 100644 --- a/source/css/_variables/Mist.styl +++ b/source/css/_variables/Mist.styl @@ -3,6 +3,8 @@ @import 'Muse'; +$scheme-text-align = left; + $content-padding-bottom = 80px; $posts-first-padding = 80px; $posts-first-padding-mobile = 60px; diff --git a/source/css/_variables/base.styl b/source/css/_variables/base.styl index b16b775..271b1ea 100644 --- a/source/css/_variables/base.styl +++ b/source/css/_variables/base.styl @@ -69,6 +69,8 @@ $menu-item-bg-color-dark = $black-light; $theme-color = convert(hexo-config('theme_color.light')); $theme-color-dark = convert(hexo-config('theme_color.dark')); +$scheme-text-align = center; + // Typography // Font, line-height, and elements colors. // --------------------------------------------------