diff --git a/source/css/_schemes/Mist/_layout.styl b/source/css/_schemes/Mist/_layout.styl index c8a3faf..f7a8876 100644 --- a/source/css/_schemes/Mist/_layout.styl +++ b/source/css/_schemes/Mist/_layout.styl @@ -15,20 +15,6 @@ hr { display: none; } -// Page - Container -// -------------------------------------------------- -.main-inner { - padding-bottom: 80px; -} - -.post-block:first-of-type { - padding-top: 80px; - - +mobile() { - padding-top: 60px; - } -} - // Pagination // -------------------------------------------------- .pagination { diff --git a/source/css/_schemes/Muse/_header.styl b/source/css/_schemes/Muse/_header.styl index 01248ed..bd13547 100644 --- a/source/css/_schemes/Muse/_header.styl +++ b/source/css/_schemes/Muse/_header.styl @@ -16,15 +16,3 @@ padding-top: 50px; } } - -.main-inner { - padding-bottom: 60px; -} - -.post-block:first-of-type { - padding-top: 70px; - - +mobile() { - padding-top: 35px; - } -} diff --git a/source/css/_schemes/Muse/_layout.styl b/source/css/_schemes/Muse/_layout.styl index a21288e..33831c9 100644 --- a/source/css/_schemes/Muse/_layout.styl +++ b/source/css/_schemes/Muse/_layout.styl @@ -12,3 +12,17 @@ width: auto; } } + +// Page - Container +// -------------------------------------------------- +.main-inner { + padding-bottom: $content-padding-bottom; +} + +.post-block:first-of-type { + padding-top: $posts-first-padding; + + +mobile() { + padding-top: $posts-first-padding-mobile; + } +} diff --git a/source/css/_schemes/Pisces/_header.styl b/source/css/_schemes/Pisces/_header.styl index ce9f83f..04f5090 100644 --- a/source/css/_schemes/Pisces/_header.styl +++ b/source/css/_schemes/Pisces/_header.styl @@ -17,3 +17,17 @@ .site-subtitle { margin: 10px 10px 0; } + +.site-nav-toggle, .site-nav-right { + +tablet() { + flex-column(); + } + + .toggle { + color: white; + + .toggle-line { + background: white; + } + } +} diff --git a/source/css/_schemes/Pisces/_menu.styl b/source/css/_schemes/Pisces/_menu.styl index a4afc82..35814c4 100644 --- a/source/css/_schemes/Pisces/_menu.styl +++ b/source/css/_schemes/Pisces/_menu.styl @@ -1,17 +1,3 @@ -.site-nav-toggle, .site-nav-right { - +tablet() { - flex-column(); - } - - .toggle { - color: white; - - .toggle-line { - background: white; - } - } -} - .site-nav { +tablet() { display: none; diff --git a/source/css/_variables/Mist.styl b/source/css/_variables/Mist.styl index a6b3c81..f37c08c 100644 --- a/source/css/_variables/Mist.styl +++ b/source/css/_variables/Mist.styl @@ -3,6 +3,10 @@ @import "Muse.styl"; +$content-padding-bottom = 80px; +$posts-first-padding = 80px; +$posts-first-padding-mobile = 60px; + $link-decoration-color = $grey-light; $content-bg-color = $whitesmoke; $menu-item-bg-color = $grey-lighter; diff --git a/source/css/_variables/Muse.styl b/source/css/_variables/Muse.styl index 158399d..b63b697 100644 --- a/source/css/_variables/Muse.styl +++ b/source/css/_variables/Muse.styl @@ -3,3 +3,7 @@ $sidebar-width = hexo-config('sidebar.width') is a 'unit' ? hexo-config('sidebar.width') : 320; $sidebar-desktop = unit($sidebar-width, 'px'); + +$content-padding-bottom = 60px; +$posts-first-padding = 70px; +$posts-first-padding-mobile = 35px;