ant-design/style/components/datepicker/Picker.less

50 lines
895 B
Plaintext
Raw Normal View History

2015-08-20 16:55:42 +08:00
.@{calendar-prefix-cls}-picker-container .@{calendar-prefix-cls} {
2015-08-21 14:54:37 +08:00
&-hidden {
display: none;
}
2015-06-09 15:21:44 +08:00
position: absolute;
left: -9999px;
top: -9999px;
2015-08-21 14:54:37 +08:00
z-index: 1000;
2015-06-09 15:21:44 +08:00
}
2015-08-20 16:55:42 +08:00
.@{calendar-prefix-cls}-picker {
2015-06-09 15:21:44 +08:00
position: relative;
2015-06-10 16:22:59 +08:00
display: inline-block;
2015-07-08 11:42:22 +08:00
2015-08-21 14:54:37 +08:00
> input {
2015-08-04 18:42:41 +08:00
outline: none;
}
2015-06-09 15:21:44 +08:00
&-icon {
position: absolute;
-webkit-user-select: none;
user-select: none;
2015-06-12 18:37:03 +08:00
.transition(all .3s @ease-in-out);
2015-07-09 18:17:15 +08:00
width: 12px;
height: 12px;
line-height: 12px;
2015-07-08 11:42:22 +08:00
right: 8px;
2015-07-07 16:18:14 +08:00
color: #999;
top: 50%;
2015-07-09 18:17:15 +08:00
margin-top: -6px;
2015-06-09 15:21:44 +08:00
&:after {
content: "\e60c";
2015-07-07 16:18:14 +08:00
font-family: "anticon";
2015-07-09 18:17:15 +08:00
font-size: 12px;
2015-06-09 15:21:44 +08:00
color: #999;
2015-07-09 18:17:15 +08:00
display: inline-block;
line-height: 1;
vertical-align: bottom;
2015-06-09 15:21:44 +08:00
}
}
2015-08-20 16:55:42 +08:00
&-open .@{calendar-prefix-cls},
&-container-open .@{calendar-prefix-cls} {
2015-06-12 15:39:01 +08:00
display: block;
}
&-open &-input {
2015-07-15 15:02:18 +08:00
.active();
2015-07-08 11:42:22 +08:00
}
2015-06-09 15:21:44 +08:00
}