Update style for adjust iconfont baseline again

Finally, we can say goodbye to top:-1px and top:1px

components/iconfont/index.md

@@ -157,7 +157,7 @@ const icons1 = ['step-backward', 'step-forward', 'fast-backward', 'fast-forward'
 
 const icons2 = ['question', 'question-circle-o', 'question-circle', 'plus', 'plus-circle-o', 'plus-circle', 'pause', 'pause-circle-o', 'pause-circle', 'minus', 'minus-circle-o', 'minus-circle', 'info', 'info-circle-o', 'info-circle', 'exclamation', 'exclamation-circle-o', 'exclamation-circle', 'cross', 'cross-circle-o', 'cross-circle', 'check', 'check-circle-o', 'check-circle', 'clock-circle-o', 'clock-circle'];
 
-const icons3 = ['lock', 'unlock', 'android', 'apple', 'area-chart', 'bar-chart', 'bars', 'book', 'calendar', 'cloud', 'cloud-download', 'code', 'copy', 'credit-card', 'delete', 'desktop', 'download-line', 'edit', 'ellipsis', 'file', 'file-text', 'folder', 'folder-open', 'github', 'hdd', 'frown', 'meh', 'inbox', 'laptop', 'appstore', 'line-chart', 'link', 'logout', 'mail', 'menu-fold', 'menu-unfold', 'mobile', 'notification', 'paper-clip', 'picture', 'pie-chart', 'poweroff', 'reload', 'search', 'setting', 'share-alt', 'shopping-cart', 'smile', 'tablet', 'tag', 'tags', 'to-top', 'upload', 'user', 'video-camera', 'windows', 'ie', 'chrome', 'home', 'loading', 'smile-circle', 'meh-circle', 'frown-circle', 'tags-o', 'tag-o', 'cloud-upload-o', 'cloud-download-o', 'cloud-upload', 'cloud-o', 'star-o', 'star', 'environment', 'environment-o', 'eye', 'eye-o', 'camera', 'camera-o', 'aliwangwang', 'aliwangwang-o', 'save', 'team', 'solution', 'phone', 'filter', 'exception', 'export', 'customerservice'];
+const icons3 = ['lock', 'unlock', 'android', 'apple', 'area-chart', 'bar-chart', 'bars', 'book', 'calendar', 'cloud', 'cloud-download', 'code', 'copy', 'credit-card', 'delete', 'desktop', 'download-line', 'edit', 'ellipsis', 'file', 'file-text', 'folder', 'folder-open', 'github', 'hdd', 'frown', 'meh', 'inbox', 'laptop', 'appstore', 'line-chart', 'link', 'logout', 'mail', 'menu-fold', 'menu-unfold', 'mobile', 'notification', 'paper-clip', 'picture', 'pie-chart', 'poweroff', 'reload', 'search', 'setting', 'share-alt', 'shopping-cart', 'smile', 'tablet', 'tag', 'tags', 'to-top', 'upload', 'user', 'video-camera', 'windows', 'ie', 'chrome', 'home', 'loading', 'smile-circle', 'meh-circle', 'frown-circle', 'tags-o', 'tag-o', 'cloud-upload-o', 'cloud-download-o', 'cloud-upload', 'cloud-o', 'star-o', 'star', 'environment', 'environment-o', 'eye', 'eye-o', 'camera', 'camera-o', 'aliwangwang', 'aliwangwang-o', 'save', 'team', 'solution', 'phone', 'filter', 'exception', 'export', 'customerservice', 'qrcode'];
 
 
 ReactDOM.render(<IconSet icons={icons1} />, document.getElementById('iconset-direction'));

site/static/style.css

@@ -1676,7 +1676,7 @@ footer ul li > a {
   margin-left: 5px;
   opacity: 0.8;
   transition: all 0.3s ease;
-  top: -1px;
+  top: -2px;
   position: relative;
 }
 
@@ -1874,8 +1874,6 @@ a.entry-link .anticon-smile {
   display: inline-block;
   -webkit-animation: rotateCircleBack 0.6s 1 ease-in-out;
   animation: rotateCircleBack 0.6s 1 ease-in-out;
-  position: relative;
-  top: 1px;
   line-height: 1;
   width: 16px;
 }

style/components/alert.less

@@ -15,7 +15,7 @@
   &-icon {
     margin-right: 8px;
     font-size: 14px;
-    top: 2px;
+    top: 1px;
   }
 
   &-description {

style/components/breadcrumb.less

@@ -22,12 +22,7 @@
     color: #d9d9d9;
   }
 
-  .anticon {
-    position: relative;
-    top: 1px;
-  }
-
   .anticon + span {
-    margin-left: 6px;
+    margin-left: 4px;
   }
 }

style/components/collapse.less

@@ -35,7 +35,7 @@
         color: #666;
         display: inline-block;
         margin-right: 8px;
-        line-height: 38px;
+        line-height: 40px;
         content: "\e611";
         vertical-align: middle;
         transition: transform 0.24s ease;

style/components/datepicker/Calendar.less

@@ -243,7 +243,7 @@
     height: 20px;
     text-align: center;
     line-height: 20px;
-    top: 8px;
+    top: 7px;
     margin: 0;
   }
 

style/components/menu.less

@@ -161,8 +161,7 @@
   &-submenu-title {
     .anticon {
       width: 14px;
-      margin-right: 9px;
-      top: 1px;
+      margin-right: 8px;
     }
   }
 

style/components/message.less

@@ -41,6 +41,6 @@
   .anticon {
     margin-right: 8px;
     font-size: 14px;
-    top:2px;
+    top: 1px;
   }
 }

style/components/notification.less

@@ -52,7 +52,7 @@
         left: 16px;
         top: 50%;
         margin-top: -17px;
-        font-size: 35px;
+        font-size: 34px;
 
         &-success {
           color: @success-color;

style/components/popover.less

@@ -104,8 +104,6 @@
     .anticon {
       margin-right: 8px;
       color: @error-color;
-      position: relative;
-      top: 1px;
     }
   }
 

style/components/steps.less

@@ -133,8 +133,6 @@
 
       &.anticon {
         font-size: 12px;
-        position: relative;
-        top: 1px;
       }
     }
   }
@@ -197,7 +195,7 @@
       margin-right: 10px;
       > .@{steps-prefix-cls}-icon.anticon {
         .iconfont-size-under-12px(9px);
-        top: 1px;
+        top: 0;
       }
     }
     .@{steps-prefix-cls}-main {

style/components/table.less

@@ -27,8 +27,6 @@
 
     .anticon-bars {
       margin-left: 4px;
-      position: relative;
-      top: 1px;
       .iconfont-size-under-12px(10px);
       cursor: pointer;
       color: #aaa;
@@ -201,8 +199,6 @@
     width: 100%;
     .anticon {
       margin-right: 4px;
-      position: relative;
-      top: 1px;
     }
   }
 }

style/components/tabs.less

@@ -177,7 +177,7 @@
           width: 14px;
           height: 14px;
           margin-right: 8px;
-          top: 1px;
+          line-height: 1.5;
         }
 
       }

style/components/tag.less

@@ -32,8 +32,6 @@
     cursor: pointer;
     font-weight: bold;
     margin-left: 3px;
-    position: relative;
-    top: 1px;
     color: #666;
     transition: all 0.3s ease;
     opacity: 0.66;

style/components/timeline.less

@@ -41,7 +41,7 @@
       padding: 0 0 10px 24px;
       font-size: 12px;
       position: relative;
-      top: -2px;
+      top: -3px;
     }
 
     &-last {

style/components/tree.less

@@ -50,7 +50,7 @@
         line-height: 0;
         margin: 0;
         width: 16px;
-        height: 17px;
+        height: 18px;
         display: inline-block;
         vertical-align: middle;
         border: 0 none;

style/components/upload.less

@@ -88,7 +88,7 @@
         margin-right: 4px;
         font-size: 12px;
         color: #999;
-        top: 2px;
+        top: 1px;
       }
       .anticon-cross {
         .iconfont-size-under-12px(10px);

style/core/iconfont.less

@@ -42,8 +42,8 @@
 .@{iconfont-css-prefix}-cloud-download:before           {content:"\e65b";}
 .@{iconfont-css-prefix}-star-o:before                   {content:"\e693";}
 .@{iconfont-css-prefix}-star:before                     {content:"\e694";}
-.@{iconfont-css-prefix}-environment:before               {content:"\e665";}
-.@{iconfont-css-prefix}-environment-o:before             {content:"\e666";}
+.@{iconfont-css-prefix}-environment:before              {content:"\e665";}
+.@{iconfont-css-prefix}-environment-o:before            {content:"\e666";}
 .@{iconfont-css-prefix}-eye:before                      {content:"\e66e";}
 .@{iconfont-css-prefix}-eye-o:before                    {content:"\e66d";}
 .@{iconfont-css-prefix}-camera:before                   {content:"\e653";}
@@ -177,6 +177,7 @@
 .@{iconfont-css-prefix}-caret-circle-right:before       {content:"\e605";}
 .@{iconfont-css-prefix}-caret-circle-up:before          {content:"\e606";}
 .@{iconfont-css-prefix}-caret-circle-down:before        {content:"\e607";}
+.@{iconfont-css-prefix}-qrcode:before                   {content:"\e6a5";}
 .@{iconfont-css-prefix}-loading:before {
   display: inline-block;
   .animation(loadingCircle 1s infinite linear);

style/mixins/button.less

@@ -92,8 +92,6 @@
 
   > .@{iconfont-css-prefix} {
     line-height: 1;
-    position: relative;
-    top: 1px;
   }
 
   &,
@@ -167,10 +165,6 @@
   .square(@btn-circle-size);
   .button-size(0; @font-size-base + 2; 50%);
 
-  > .@{iconfont-css-prefix} {
-    top: 1px;
-  }
-
   &.@{btnClassName}-lg {
     .square(@btn-circle-size-lg);
     .button-size(0; @btn-font-size-lg + 2; 50%);

style/themes/default/custom.less

@@ -20,7 +20,7 @@
 
 // ICONFONT
 @iconfont-css-prefix    : anticon;
-@icon-url               : "//at.alicdn.com/t/font_1447430015_7197566";
+@icon-url               : "//at.alicdn.com/t/font_1447745222_4559345";
 
 // LINK
 @link-color             : #2db7f5;