test/ant-design
1
0
Fork 0
mirror of https://gitee.com/ant-design/ant-design.git synced 2024-11-30 11:08:45 +08:00
Code Issues Actions 68 Packages Projects Releases Wiki Activity

perf(📦): reduce alert css size (#28067)

Browse Source
This commit is contained in:
偏右 2020-11-30 13:07:38 +08:00 committed by GitHub
parent 4b3aa350b8
commit 33b96d3461
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 3 additions and 22 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

25
components/alert/style/index.less
View File

@ -8,24 +8,17 @@
position: relative;
display: flex;
align-items: flex-start;
padding: 8px 15px 8px 16px;
align-items: center;
padding: 8px 15px;
word-wrap: break-word;
border-radius: @border-radius-base;
&&-no-icon {
padding: @alert-no-icon-padding-vertical 15px;
}
&-content {
flex: 1;
min-width: 0;
}
&-icon {
position: relative;
top: @alert-icon-top - 8;
height: @font-size-base * @line-height-base;
margin-right: 37px - 16 - @font-size-base;
}
@ -81,8 +74,6 @@
}
&-close-icon {
position: relative;
top: @font-size-base * @line-height-base / 2 - @font-size-sm / 2;
margin-left: @margin-xs;
padding: 0;
overflow: hidden;
@ -111,11 +102,8 @@
}
&-with-description {
position: relative;
align-items: flex-start;
padding: @alert-with-description-padding;
color: @alert-text-color;
line-height: @line-height-base;
border-radius: @border-radius-base;
}
&-with-description&-no-icon {
@ -123,16 +111,9 @@
}
&-with-description &-icon {
top: 0;
margin-right: @alert-with-description-padding-vertical;
font-size: @alert-with-description-icon-size;
}
&-with-description &-close-icon {
top: 0;
cursor: pointer;
}
&-with-description &-message {
display: block;
margin-bottom: 4px;