diff --git a/source/css/layout/_partial/tools.styl b/source/css/layout/_partial/tools.styl index 0c8d71d..25f24b2 100644 --- a/source/css/layout/_partial/tools.styl +++ b/source/css/layout/_partial/tools.styl @@ -2,16 +2,16 @@ @require "../common/magic-theme.styl"; @require "../common/magic-theme.styl"; -$li-padding = 10px; $li-border-radius = 5px; -$li-margin-bottom = 10px; +$li-margin-bottom = 12px; .tools-container { .tools-list { li { cursor: pointer; - padding: $li-padding; + width: $tool-button-width; + height: $tool-button-width; border-radius: $li-border-radius; font-size: 1.2em; display: flex; @@ -34,11 +34,9 @@ $li-margin-bottom = 10px; &.rss { - padding: 0; a { border-radius: $li-border-radius; - padding: $li-padding; display: flex; align-items: center; justify-content: center; diff --git a/source/css/layout/common/variables.styl b/source/css/layout/common/variables.styl index 455783b..af404b0 100644 --- a/source/css/layout/common/variables.styl +++ b/source/css/layout/common/variables.styl @@ -20,6 +20,7 @@ if (hexo-config('magic.enable') == true && hexo-config('magic.sidebar.enable') = $header-shrink-height = 60px; // 头部收缩高度 $media-max-width = 760px; // 媒体查询最大宽度 +$tool-button-width = 36px; // 方形工具按钮宽度 // =============================== diff --git a/source/css/layout/page.styl b/source/css/layout/page.styl index 564d712..84e8c16 100644 --- a/source/css/layout/page.styl +++ b/source/css/layout/page.styl @@ -66,28 +66,6 @@ $component-interspace = 30px; transition(); } - - /*.scroll-to-top { - display: none; - position: fixed; - right: ((100% - $main-content-width) / 4); - bottom: $component-interspace; - border-radius: 2px; - padding: 2px 6px; - color: var(--frist-text-color); - background: var(--border-color); - cursor: pointer; - - button { - color: var(--frist-text-color); - - i { - font-size: 1.2em; - } - } - } -*/ - .scroll-to-top { display: none; position: fixed; @@ -101,11 +79,10 @@ $component-interspace = 30px; li { cursor: pointer; - padding: 2px; - width: 32px; - height: 30px; + width: $tool-button-width; + height: $tool-button-width; border-radius: 5px; - font-size: 0.9em; + font-size: 1em; display: flex; align-items: center; justify-content: center; @@ -166,6 +143,7 @@ $component-interspace = 30px; //.sidebar-toc { // right: 2% !important; //} + .scroll-to-top { if (hexo-config('back2top.position') == left) { left: 2% !important;