style: unified tool buttons style

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;

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;    // 方形工具按钮宽度
 
 
 // ===============================

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: $tool-button-width;
-        width: 32px;
+        height: $tool-button-width;
-        height: 30px;
         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;