iview/src/styles/components/cascader.less

82 lines
1.8 KiB
Text
Raw Normal View History

2016-11-15 19:17:54 +08:00
@cascader-prefix-cls: ~"@{css-prefix}cascader";
@cascader-item-prefix-cls: ~"@{css-prefix}cascader-menu-item";
.@{cascader-prefix-cls} {
position: relative;
.@{css-prefix}input{
display: block;
cursor: pointer;
}
.@{cascader-prefix-cls}-arrow:nth-of-type(1) {
display: none;
cursor: pointer;
}
&:hover {
.@{cascader-prefix-cls}-arrow:nth-of-type(1) {
display: inline-block;
}
}
&-show-clear:hover .@{cascader-prefix-cls}-arrow:nth-of-type(2){
display: none;
}
&-arrow {
2016-11-16 10:07:03 +08:00
.inner-arrow();
}
&-visible &-arrow:nth-of-type(2){
.transform(rotate(180deg));
2016-11-15 19:17:54 +08:00
}
.@{select-dropdown-prefix-cls} {
2016-11-16 11:01:54 +08:00
width: auto;
2016-11-15 19:17:54 +08:00
padding: 0;
white-space: nowrap;
}
.select-item(@cascader-prefix-cls, @cascader-item-prefix-cls);
&-menu{
display: inline-block;
min-width: 100px;
height: 180px;
margin: 0;
2016-11-16 11:01:54 +08:00
padding: 5px 0 !important;
2016-11-15 19:17:54 +08:00
vertical-align: top;
list-style: none;
border-right: 1px solid @border-color-split;
overflow: auto;
&:first-child {
}
&:last-child {
border-right-color: transparent;
margin-right: -1px;
}
&:only-child {
}
& &-item{
position: relative;
padding-right: 24px;
.transition(all @transition-time @ease-in-out);
i{
font-size: @font-size-small;
position: absolute;
right: 15px;
top: 50%;
margin-top: -6px;
}
&-active{
background-color: @background-color-select-hover;
2016-11-16 10:07:03 +08:00
color: @primary-color;
2016-11-15 19:17:54 +08:00
}
}
}
}