list padding and margin defaults added

ant-design · Aug 7, 2018 · f237eff · f237eff
1 parent 76afe50
commit f237eff
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 7 deletions.
diff --git a/components/list/style/index.less b/components/list/style/index.less
@@ -28,21 +28,20 @@
   &-empty-text {
     color: @text-color-secondary;
     font-size: @font-size-base;
-    padding: 16px;
+    padding: @list-empty-text-padding;
     text-align: center;
   }
   &-item {
     align-items: center;
     display: flex;
-    padding-top: 12px;
-    padding-bottom: 12px;
+    padding: @list-item-padding;
     &-meta {
       align-items: flex-start;
       display: flex;
       flex: 1;
       font-size: 0;
       &-avatar {
-        margin-right: 16px;
+        margin-right: @list-item-meta-avatar-margin-right;
       }
       &-content {
         flex: 1 0;
@@ -164,13 +163,13 @@
       margin-left: 58px;
     }
     &-meta {
-      margin-bottom: 16px;
+      margin-bottom: @list-item-meta-margin-bottom;
       &-avatar {
         display: none;
       }
       &-title {
         color: @heading-color;
-        margin-bottom: 12px;
+        margin-bottom: @list-item-meta-title-margin-bottom;
         font-size: @font-size-lg;
         line-height: 24px;
       }
@@ -179,7 +178,7 @@
       display: block;
       color: @text-color;
       font-size: @font-size-base;
-      margin-bottom: 16px;
+      margin: @list-item-content-margin;
     }
     &-action {
       margin-left: auto;

diff --git a/components/style/themes/default.less b/components/style/themes/default.less
@@ -486,4 +486,13 @@
 // ---
 @message-notice-content-padding:      10px 16px;
 
+// List
+// ---
+@list-empty-text-padding:                    @padding-md;
+@list-item-padding:                          @padding-sm 0;
+@list-item-content-margin:                   0 0 @padding-md 0;
+@list-item-meta-margin-bottom:               @padding-md;
+@list-item-meta-avatar-margin-right:         @padding-md;
+@list-item-meta-title-margin-bottom:         @padding-sm;
+
 @import "./default.deperated.less";