add list-body-border-* variables

ant-design · Sep 1, 2016 · 7676006 · 7676006
1 parent a67dafc
commit 7676006
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 6 deletions.
diff --git a/components/list/style/index.less b/components/list/style/index.less
@@ -20,8 +20,8 @@
   & &-body {
     position: relative;
     background-color: @fill-base;
-    .hairline-top(@border-color-base);
-    .hairline-bottom(@border-color-base);
+    .hairline-top(@list-body-border-color, @list-body-border-width);
+    .hairline-bottom(@list-body-border-color, 0, @list-body-border-width);
   }
 }
 .@{listPrefixCls}-item {

diff --git a/components/style/mixins.less b/components/style/mixins.less
@@ -7,10 +7,10 @@
   transform-origin: @to;
 }
 
-.hairline-top(@color:@border-color-base) {
-  border-top: @border-width-sm solid @color;
+.hairline-top(@color:@border-color-base, @width: @border-width-sm) {
+  border-top: @width solid @color;
 }
-.hairline-bottom(@color:@border-color-base, @left:0) {
+.hairline-bottom(@color:@border-color-base, @left:0, @width: @border-width-sm) {
   &:after {
     display: block;
     position: absolute;
@@ -20,7 +20,7 @@
     right: auto;
     top: auto;
     width: 100%;
-    border-bottom: @border-width-sm solid @color;
+    border-bottom: @width solid @color;
   }
 }
 .hairline-right(@color:@border-color-base) {

diff --git a/components/style/themes/default.less b/components/style/themes/default.less
@@ -124,6 +124,8 @@
 @list-title-height: 60px;
 @list-item-height-sm: 70px;
 @list-item-height: 90px;
+@list-body-border-width: 1PX;
+@list-body-border-color: @border-color-base;
 
 // input
 @input-label-width: 34px;       // InputItem、TextareaItem 文字长度基础值