优化简单按钮

_config.yml

@@ -5,7 +5,7 @@ info:
   docs: https://xaoxuu.com/wiki/volantis/
   cdn: # 要使用CDN，请在根目录的config文件中写上 use_cdn: true
     css:
-      style: https://cdn.jsdelivr.net/gh/xaoxuu/cdn-volantis@20.2.39/css/style.css
+      # style: https://cdn.jsdelivr.net/gh/xaoxuu/cdn-volantis@20.2.39/css/style.css
     js:
       app: https://cdn.jsdelivr.net/gh/xaoxuu/cdn-volantis@20.2.39/js/app.js
       search: https://cdn.jsdelivr.net/gh/xaoxuu/cdn-volantis@20.2.39/js/search.js

source/less/_base.less

@@ -526,13 +526,12 @@ ul.h-list {
 }
 
 .btn-wrapper{
-  line-height: 1.8em;
   a {
-    line-height: @lineheight_base;
+    line-height: @lineheight_base * 1.3;
     background: @color_text_link;
     color: @color_text_in_header;
-    padding: 2px 5px 1px 5px;
-    margin: 1px;
+    padding: 3px 5px 1px 5px;
+    margin: 2px;
     border-radius: 2px;
     .enable-trans();
     &:hover {
@@ -541,30 +540,26 @@ ul.h-list {
       background: @color_text_highlight;
     }
   }
-  &.small {
+  &[regular] {
     a {
-      font-size: @fontsize_footnote;
-      padding: 2px 3px 1px 3px;
-    }
-  }
-  &.regular {
-    font-size: @fontsize_base * 1.1;
-    a {
-      line-height: 50px;
-      padding: 9px 16px 8px 16px;
+      line-height: @lineheight_base * 1.8;
+      padding: 9px 16px 7px 16px;
       i {
         margin-right: 2px;
       }
     }
   }
-  &.large {
-    font-size: @fontsize_base * 1.1;
-    line-height: @fontsize_base * 4;
+  &[large] {
     a {
+      line-height: @lineheight_base * 3;
       padding: 11px 40px 10px 40px;
       i {
         margin: 0 5px 0 -2px;
       }
     }
   }
+  &[center] {
+    display: block;
+    text-align: center;
+  }
 }

source/less/_fonts.less

@@ -21,7 +21,7 @@
 
 // 字号
 // base
-@fontsize_base:   15px;
+@fontsize_base:   16px;
 @fontsize_small:  @fontsize_base * 0.88;
 @fontsize_footnote:  @fontsize_base * 0.7;
 @lineheight_base: 1.5;