101 lines
1.8 KiB
Plaintext
101 lines
1.8 KiB
Plaintext
@import "../input/index.less";
|
|
@lg: 44px;
|
|
@md: 38px;
|
|
@sm: 32px;
|
|
@xs: 26px;
|
|
|
|
@lg-width: 260px;
|
|
@md-width: 220px;
|
|
@sm-width: 180px;
|
|
@xs-width: 140px;
|
|
|
|
.set-size(@size, @width) {
|
|
& {
|
|
height: @size;
|
|
width: @width;
|
|
.layui-input {
|
|
height: @size;
|
|
line-height: @size;
|
|
}
|
|
}
|
|
}
|
|
|
|
.layui-cascader {
|
|
display: inline-block;
|
|
&[size="lg"] {
|
|
.set-size(@lg,@lg-width);
|
|
}
|
|
&[size="md"] {
|
|
.set-size(@md,@md-width);
|
|
}
|
|
&[size="sm"] {
|
|
.set-size(@sm,@sm-width);
|
|
}
|
|
&[size="xs"] {
|
|
.set-size(@xs,@xs-width);
|
|
}
|
|
}
|
|
|
|
.layui-cascader .layui-input-suffix{
|
|
padding-right: 10px;
|
|
}
|
|
|
|
.layui-cascader .layui-icon-triangle-d {
|
|
transition: all 0.3s ease-in-out;
|
|
transform: rotate(0);
|
|
color:var(--global-neutral-color-8);
|
|
}
|
|
|
|
.layui-cascader-opend .layui-icon-triangle-d {
|
|
transform: rotate(180deg);
|
|
}
|
|
|
|
.layui-cascader .layui-cascader-panel {
|
|
box-sizing: border-box;
|
|
border-radius: 2px;
|
|
line-height: 26px;
|
|
color: #000c;
|
|
font-size: 14px;
|
|
white-space: nowrap;
|
|
display: inline-flex;
|
|
}
|
|
|
|
.layui-cascader-menu {
|
|
display: inline-block;
|
|
border-right: 1px solid var(--global-neutral-color-3);
|
|
}
|
|
|
|
.layui-cascader-menu:last-child {
|
|
border-right: none;
|
|
}
|
|
|
|
.layui-cascader-menu-item {
|
|
min-width: 130px;
|
|
padding: 5px 15px;
|
|
box-sizing: border-box;
|
|
transition: all 0.1s ease-in-out;
|
|
display: flex;
|
|
justify-content: space-between;
|
|
align-items: center;
|
|
padding-right: 9px;
|
|
min-height: 35px;
|
|
}
|
|
|
|
.layui-cascader-menu-item:hover {
|
|
background-color: var(--global-checked-color);
|
|
color: white;
|
|
}
|
|
|
|
.layui-cascader-selected {
|
|
background-color: var(--global-checked-color);
|
|
color: white;
|
|
}
|
|
|
|
.layui-cascader-menu-item .layui-icon-right{
|
|
margin-left: 10px;
|
|
}
|
|
|
|
.layui-cascader-disabled,
|
|
.layui-cascader-disabled * {
|
|
cursor: not-allowed !important;
|
|
} |