mirror of
https://github.com/ant-design/ant-design.git
synced 2025-01-18 06:03:38 +08:00
update component style
This commit is contained in:
parent
5bc99bbe26
commit
d13a565b3d
@ -7,14 +7,14 @@
|
||||
position: relative;
|
||||
padding: 8px 8px 8px 16px;
|
||||
border-radius: @border-radius-base;
|
||||
color: @legend-color;
|
||||
color: @text-color;
|
||||
font-size: 12px;
|
||||
line-height: 16px;
|
||||
margin-bottom: 10px;
|
||||
|
||||
&-icon {
|
||||
margin-right: 8px;
|
||||
font-size: @input-font-size-lg;
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
&-description {
|
||||
@ -60,9 +60,8 @@
|
||||
right: 8px;
|
||||
top: 50%;
|
||||
margin-top: -6px;
|
||||
filter: alpha(opacity=20);
|
||||
opacity: .2;
|
||||
transition: opacity .3s ease;
|
||||
transition: color .3s ease;
|
||||
color: #999;
|
||||
width: 12px;
|
||||
height: 12px;
|
||||
overflow: hidden;
|
||||
@ -73,15 +72,13 @@
|
||||
&:before {
|
||||
font-weight: 700;
|
||||
text-shadow: 0 1px 0 #fff;
|
||||
color: #000;
|
||||
content: "\e61e";
|
||||
font-family: "anticon";
|
||||
}
|
||||
}
|
||||
|
||||
&:hover {
|
||||
opacity: 1;
|
||||
filter: alpha(opacity=100);
|
||||
color: #444;
|
||||
}
|
||||
}
|
||||
|
||||
@ -95,6 +92,7 @@
|
||||
position: relative;
|
||||
border-radius: @border-radius-base;
|
||||
margin-bottom: 10px;
|
||||
color: @text-color;
|
||||
|
||||
&-icon {
|
||||
position: absolute;
|
||||
@ -112,8 +110,8 @@
|
||||
.iconfont-size-under-12px(10px);
|
||||
}
|
||||
|
||||
&-description {
|
||||
font-size: @input-font-size-lg;
|
||||
&-message {
|
||||
font-size: 14px;
|
||||
color: @text-color;
|
||||
}
|
||||
|
||||
@ -157,9 +155,8 @@
|
||||
&-close-icon {
|
||||
.iconfont-size-under-12px(10px);
|
||||
float: right;
|
||||
filter: alpha(opacity=20);
|
||||
opacity: .2;
|
||||
transition: opacity .3s ease;
|
||||
color: #999;
|
||||
transition: color .3s ease;
|
||||
width: 12px;
|
||||
height: 12px;
|
||||
overflow: hidden;
|
||||
@ -173,19 +170,17 @@
|
||||
&:before {
|
||||
font-weight: 700;
|
||||
text-shadow: 0 1px 0 #fff;
|
||||
color: #000;
|
||||
content: "\e61e";
|
||||
font-family: "anticon";
|
||||
}
|
||||
}
|
||||
|
||||
&:hover {
|
||||
opacity: 1;
|
||||
filter: alpha(opacity=100);
|
||||
color: #444;
|
||||
}
|
||||
}
|
||||
|
||||
&-close-text {
|
||||
float: right;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
@ -13,12 +13,14 @@
|
||||
.@{confirmPrefixCls}-body {
|
||||
.@{confirmPrefixCls}-title {
|
||||
color: @text-color;
|
||||
font-weight: bold;
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
.@{confirmPrefixCls}-content {
|
||||
margin-left: 37px;
|
||||
font-size: 12px;
|
||||
color: #999;
|
||||
font-size: @font-size-base;
|
||||
color: @text-color;
|
||||
}
|
||||
|
||||
.anticon {
|
||||
|
@ -40,10 +40,9 @@
|
||||
line-height: 1;
|
||||
color: #000;
|
||||
text-shadow: 0 1px 0 #fff;
|
||||
filter: alpha(opacity=20);
|
||||
opacity: .2;
|
||||
text-decoration: none;
|
||||
transition: opacity .3s ease;
|
||||
transition: color .3s ease;
|
||||
color: #999;
|
||||
|
||||
&-x {
|
||||
position: absolute;
|
||||
@ -57,8 +56,7 @@
|
||||
height: 12px;
|
||||
.iconfont-size-under-12px(10px);
|
||||
line-height: 12px;
|
||||
color:#000;
|
||||
top:18px;
|
||||
top: 18px;
|
||||
right: 18px;
|
||||
|
||||
&:before {
|
||||
@ -69,9 +67,7 @@
|
||||
}
|
||||
|
||||
&:hover {
|
||||
color:#000;
|
||||
opacity: 1;
|
||||
filter: alpha(opacity=100);
|
||||
color: #444;
|
||||
text-decoration: none;
|
||||
}
|
||||
}
|
||||
|
Loading…
Reference in New Issue
Block a user