Permalink
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Browse files
list padding and margin defaults added
- Loading branch information
Showing
with
15 additions
and
7 deletions.
-
+6
−7
components/list/style/index.less
-
+9
−0
components/style/themes/default.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; |
|
|
|
@@ -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"; |