1 | @import "../core/index-noreset.scss";
|
2 |
|
3 | @import "scss/variable";
|
4 |
|
5 | $cascader-menu-border: $cascader-menu-border-width $line-solid $cascader-menu-border-color;
|
6 |
|
7 | #{$cascader-prefix} {
|
8 | @include box-sizing;
|
9 |
|
10 | display: inline-block;
|
11 | overflow: auto;
|
12 | border: $cascader-menu-border;
|
13 | border-radius: $cascader-menu-border-radius;
|
14 |
|
15 | &-inner {
|
16 | @include clearfix;
|
17 | }
|
18 | &-menu-wrapper {
|
19 | float: left;
|
20 | overflow: auto;
|
21 | width: $cascader-menu-width;
|
22 | min-width: $cascader-menu-min-width;
|
23 | height: $cascader-menu-height;
|
24 | overflow-x: hidden;
|
25 | overflow-y: auto;
|
26 | & + & {
|
27 | border-left: $cascader-menu-border;
|
28 | }
|
29 | }
|
30 |
|
31 | &-menu {
|
32 | position: relative;
|
33 | padding: 0;
|
34 | border: none;
|
35 | border-radius: 0;
|
36 | box-shadow: none;
|
37 | min-width: auto;
|
38 | min-height: 100%;
|
39 | &.#{$css-prefix}has-right-border {
|
40 | border-right: $cascader-menu-border;
|
41 | }
|
42 |
|
43 | &-item.#{$css-prefix}expanded {
|
44 | color: $cascader-menu-item-expanded-color;
|
45 | background-color: $cascader-menu-item-expanded-background-color;
|
46 | }
|
47 |
|
48 | &-icon-right {
|
49 | position: absolute;
|
50 | top: 0;
|
51 | right: 10px;
|
52 | color: $cascader-menu-icon-expand-color;
|
53 |
|
54 | &:hover {
|
55 | color: $cascader-menu-icon-hover-expand-color;
|
56 | }
|
57 | }
|
58 |
|
59 | &-icon-expand.#{$css-prefix}icon {
|
60 | @include icon-size($cascader-menu-icon-expand-size);
|
61 | }
|
62 |
|
63 | &-icon-loading.#{$css-prefix}icon {
|
64 | @include icon-size($icon-xs);
|
65 | }
|
66 |
|
67 | &-item.#{$css-prefix}expanded &-icon-right {
|
68 | color: $cascader-menu-icon-hover-expand-color;
|
69 | }
|
70 |
|
71 | &-item.#{$css-prefix}expanded &-icon-loading {
|
72 | color: $color-brand1-6;
|
73 | }
|
74 | }
|
75 |
|
76 | &-filtered-list {
|
77 | height: calc(#{$s-8} * 6);
|
78 | padding: 0;
|
79 | border: none;
|
80 | border-radius: 0;
|
81 | box-shadow: none;
|
82 | overflow: auto;
|
83 |
|
84 | .#{$css-prefix}menu-item-inner {
|
85 | overflow: visible;
|
86 | }
|
87 | }
|
88 |
|
89 | &-filtered-item em {
|
90 | color: $color-brand1-6;
|
91 | font-style: normal;
|
92 | }
|
93 | }
|
94 |
|
95 | @import './rtl.scss';
|