arrow size and rotate

This commit is contained in:
afc163 2015-07-15 15:19:04 +08:00
parent 0f2ace6e37
commit d1ef33e45d
3 changed files with 11 additions and 7 deletions

View File

@ -14,14 +14,14 @@
&-wrap {
position: relative;
.anticon-down {
.anticon-down:before {
transition: transform 0.2s ease;
}
}
&-wrap-open {
.anticon-down {
transform: rotate(180deg);
.anticon-down:before {
.rotate(180deg);
}
}

View File

@ -36,6 +36,9 @@
position: absolute;
width: 12px;
height: 12px;
font-size: @font-size-base;
font-size: ~"8px \9"; // ie8-9
.scale(0.67);
right: 4px;
&:hover {
color: #666;

View File

@ -40,8 +40,6 @@
.scale(0.83);
width: 26px;
line-height: 26px;
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
.rotate(90deg);
* {
display: none;
@ -49,6 +47,9 @@
&:before {
content: '\e611';
.ie-rotate(1);
.rotate(90deg);
transition: transform 0.2s ease;
}
}
@ -212,8 +213,8 @@
}
&-open {
.@{selectPrefixCls}-arrow {
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
.@{selectPrefixCls}-arrow:before {
.ie-rotate(3);
.rotate(270deg);
}
.@{selectPrefixCls}-dropdown {