自定义属性

Author: uncle.fan

src/styles/components/badge.less

@@ -125,7 +125,7 @@
             display: inline-block;
             color: @text-color;
             font-size: @font-size-base;
-            margin-left: 6px;
+            margin-left: 3px;
         }
 
         @colors: pink, magenta, red, volcano, orange, yellow, gold, cyan, lime, green, blue, geekblue, purple;

src/styles/components/form.less

@@ -45,6 +45,7 @@
         margin-left: 0!important;
     }
 
+    // 表单验证错误信息
     &-error-tip{
         position: absolute;
         top: 100%;

src/styles/components/page.less

@@ -31,7 +31,7 @@
         transition: border @transition-time @ease-in-out, color @transition-time @ease-in-out;
 
         a {
-            font-family: "Monospaced Number";
+            //font-family: "Monospaced Number";
             margin: 0 6px;
             text-decoration: none;
             color: @text-color;
@@ -166,7 +166,7 @@
 
         a {
             color: #666;
-            font-size: 14px;
+            font-size: @font-size-base;
         }
 
         &:hover {
@@ -206,6 +206,7 @@
         &-elevator {
             display: inline-block;
             vertical-align: middle;
+            font-size: @font-size-base;
             //float: left;
             height: @btn-circle-size;
             line-height: @btn-circle-size;
@@ -281,7 +282,7 @@
         border: 0;
         margin: 0;
         min-width: @btn-circle-size-small;
-        height: @btn-circle-size-small;
+        height: @btn-circle-size-small + 2px;
         line-height: @btn-circle-size-small;
         border-radius: @btn-border-radius-small;
     }

src/styles/custom.less

@@ -32,12 +32,15 @@
 @text-color-secondary: fade(@black, 45%);
 @heading-color: fade(#000, 85%);
 @heading-color-dark: fade(@white, 100%);
-@font-size-base         : 14px;
+@font-size-base         : 13px;
 @font-size-small        : 12px;
-@font-size-large        : @font-size-base + 2px;
+@font-size-large        : 14px;
+@font-size-xlarge       : @font-size-base + 2px;
 @line-height-base       : 1.5;
 @line-height-computed   : floor((@font-size-base * @line-height-base));
 @border-radius-base     : 6px;
+@border-radius-large    : 6px;
+@border-radius-medium   : 3px;
 @border-radius-small    : 4px;
 @cursor-disabled        : not-allowed;
 
@@ -79,7 +82,8 @@
 
 // Button
 @btn-height-base        : 32px;
-@btn-height-large       : 40px;
+@btn-height-large       : 36px;
+@btn-height-xlarge      : 40px;
 @btn-height-small       : 24px;
 
 @btn-padding-base       : 0 @padding-md - 1px;
@@ -92,6 +96,7 @@
 @btn-padding-small-icon : 1px 7px 2px;
 @btn-font-size          : @font-size-base;
 @btn-font-size-large    : @font-size-large;
+@btn-font-size-xlarge   : @font-size-xlarge;
 @btn-font-size-small    : @font-size-base;
 @btn-border-radius      : 4px;
 @btn-border-radius-small: 3px;
@@ -125,6 +130,7 @@
 @grid-gutter-width           : 0;
 @layout-body-background      : #f5f7f9;
 @layout-header-background    : #515a6e;
+@layout-header-height-base   : 48px;
 @layout-header-height        : 64px;
 @layout-header-padding       : 0 50px;
 @layout-footer-padding       : 24px 50px;
@@ -140,7 +146,8 @@
 
 // Input
 @input-height-base           : 32px;
-@input-height-large          : 40px;
+@input-height-large          : 36px;
+@input-height-xlarge         : 40px;
 @input-height-small          : 24px;
 
 @input-padding-horizontal    : 7px;

src/styles/mixins/button.less

@@ -185,7 +185,8 @@
 
     > .@{css-prefix-iconfont} {
         line-height: @line-height-base;
-        //vertical-align: middle;
+        //按钮图标居中
+        vertical-align: middle;
     }
 
     &-icon-only&-circle > .@{css-prefix-iconfont}{
@@ -194,7 +195,8 @@
 
     > span, > i{
         display: inline-block;
-        //vertical-align: middle;
+        //按钮文字居中
+        vertical-align: middle;
     }
 
     &,

src/styles/mixins/content.less

@@ -14,7 +14,7 @@
         line-height: 20px;
         font-size: @font-size-large;
         color: @title-color;
-        font-weight: 500;
+        font-weight: 700;
         overflow: hidden;
         text-overflow: ellipsis;
         white-space: nowrap;