103 lines
1.6 KiB
Plaintext
103 lines
1.6 KiB
Plaintext
|
@select-prefix: ~'rc-cascader';
|
|||
|
|
|||
|
.@{select-prefix} {
|
|||
|
&-dropdown {
|
|||
|
min-height: auto;
|
|||
|
}
|
|||
|
|
|||
|
&-menus {
|
|||
|
display: flex;
|
|||
|
flex-wrap: nowrap;
|
|||
|
}
|
|||
|
|
|||
|
&-menu {
|
|||
|
flex: none;
|
|||
|
margin: 0;
|
|||
|
padding: 0;
|
|||
|
list-style: none;
|
|||
|
border-left: 1px solid blue;
|
|||
|
height: 180px;
|
|||
|
min-width: 100px;
|
|||
|
overflow: auto;
|
|||
|
|
|||
|
&:first-child {
|
|||
|
border-left: 0;
|
|||
|
}
|
|||
|
|
|||
|
&-item {
|
|||
|
display: flex;
|
|||
|
flex-wrap: nowrap;
|
|||
|
padding-right: 20px;
|
|||
|
position: relative;
|
|||
|
|
|||
|
&-selected {
|
|||
|
background: rgba(0, 0, 255, 0.05);
|
|||
|
}
|
|||
|
|
|||
|
&-active {
|
|||
|
background: rgba(0, 255, 0, 0.1);
|
|||
|
}
|
|||
|
|
|||
|
&-disabled {
|
|||
|
opacity: 0.5;
|
|||
|
}
|
|||
|
|
|||
|
|
|||
|
|
|||
|
&-content {
|
|||
|
flex: auto;
|
|||
|
}
|
|||
|
|
|||
|
&-expand-icon {
|
|||
|
position: absolute;
|
|||
|
right: 4px;
|
|||
|
top: 50%;
|
|||
|
transform: translateY(-50%);
|
|||
|
}
|
|||
|
}
|
|||
|
}
|
|||
|
|
|||
|
&-checkbox {
|
|||
|
position: relative;
|
|||
|
display: block;
|
|||
|
flex: none;
|
|||
|
width: 20px;
|
|||
|
height: 20px;
|
|||
|
border: 1px solid blue;
|
|||
|
|
|||
|
&::after {
|
|||
|
position: absolute;
|
|||
|
top: 50%;
|
|||
|
left: 50%;
|
|||
|
transform: translate(-50%, -50%);
|
|||
|
content: '';
|
|||
|
}
|
|||
|
|
|||
|
&-checked::after {
|
|||
|
content: '✔️';
|
|||
|
}
|
|||
|
|
|||
|
&-indeterminate::after {
|
|||
|
content: '➖';
|
|||
|
}
|
|||
|
}
|
|||
|
|
|||
|
// ====================== RTL ======================
|
|||
|
&-rtl {
|
|||
|
direction: rtl;
|
|||
|
|
|||
|
.@{select-prefix}-menu {
|
|||
|
flex: none;
|
|||
|
margin: 0;
|
|||
|
padding: 0;
|
|||
|
list-style: none;
|
|||
|
border-left: none;
|
|||
|
border-right: 1px solid blue;
|
|||
|
|
|||
|
&:first-child {
|
|||
|
border-right: 0;
|
|||
|
}
|
|||
|
}
|
|||
|
}
|
|||
|
}
|