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

67 lines
1.6 KiB
Plaintext
Raw Normal View History

2015-11-18 12:14:26 +08:00
.@{timepicker-prefix-cls}-picker-container {
z-index: 1070;
position: absolute;
&.slide-up-enter.slide-up-enter-active&-placement-topLeft,
&.slide-up-enter.slide-up-enter-active&-placement-topRight,
&.slide-up-appear.slide-up-appear-active&-placement-topLeft,
&.slide-up-appear.slide-up-appear-active&-placement-topRight {
animation-name: antSlideDownIn;
}
&.slide-up-enter.slide-up-enter-active&-placement-bottomLeft,
&.slide-up-enter.slide-up-enter-active&-placement-bottomRight,
&.slide-up-appear.slide-up-appear-active&-placement-bottomLeft,
&.slide-up-appear.slide-up-appear-active&-placement-bottomRight {
animation-name: antSlideUpIn;
}
&.slide-up-leave.slide-up-leave-active&-placement-topLeft,
&.slide-up-leave.slide-up-leave-active&-placement-topRight {
animation-name: antSlideDownOut;
}
&.slide-up-leave.slide-up-leave-active&-placement-bottomLeft,
&.slide-up-leave.slide-up-leave-active&-placement-bottomRight {
animation-name: antSlideUpOut;
}
}
2015-11-16 23:11:41 +08:00
.@{timepicker-prefix-cls}-picker {
position: relative;
display: inline-block;
outline: none;
font-size: @font-size-base;
transition: opacity 0.3s ease;
2015-11-17 23:44:32 +08:00
> input {
2015-11-16 23:11:41 +08:00
width: 100px;
}
&-open {
opacity: 0;
}
&-icon {
position: absolute;
user-select: none;
.transition(all .3s @ease-in-out);
width: 12px;
height: 12px;
line-height: 12px;
right: 8px;
color: #999;
top: 50%;
margin-top: -6px;
&:after {
2015-11-18 12:14:26 +08:00
content: "\e643";
2015-11-16 23:11:41 +08:00
font-family: "anticon";
font-size: 12px;
color: #999;
display: inline-block;
line-height: 1;
vertical-align: bottom;
}
}
}