1 |
|
2 |
|
3 | @import './helpers/mixin.scss';
|
4 |
|
5 | .vxe-pulldown {
|
6 | position: relative;
|
7 | display: inline-block;
|
8 | color: $vxe-font-color;
|
9 | text-align: left;
|
10 | }
|
11 |
|
12 | .vxe-pulldown--panel {
|
13 | display: none;
|
14 | position: absolute;
|
15 | left: 0;
|
16 | padding: 4px 0;
|
17 | color: $vxe-font-color;
|
18 | text-align: left;
|
19 | &:not(.is--transfer) {
|
20 | min-width: 100%;
|
21 | }
|
22 | &.is--transfer {
|
23 | position: fixed;
|
24 | }
|
25 | &.animat--leave {
|
26 | display: block;
|
27 | opacity: 0;
|
28 | transform: scaleY(0.5);
|
29 | transition: transform .3s cubic-bezier(.23,1,.32,1), opacity .3s cubic-bezier(.23,1,.32,1);
|
30 | transform-origin: center top;
|
31 | backface-visibility: hidden;
|
32 | transform-style: preserve-3d;
|
33 | &[placement="top"] {
|
34 | transform-origin: center bottom;
|
35 | }
|
36 | }
|
37 | &.animat--enter {
|
38 | opacity: 1;
|
39 | transform: scaleY(1);
|
40 | }
|
41 | }
|
42 | .vxe-pulldown--wrapper {
|
43 | background-color: $vxe-pulldown-panel-background-color;
|
44 | }
|
45 |
|
46 | .vxe-pulldown,
|
47 | .vxe-pulldown--panel {
|
48 | font-size: $vxe-font-size;
|
49 | &.size--medium {
|
50 | font-size: $vxe-font-size-medium;
|
51 | }
|
52 | &.size--small {
|
53 | font-size: $vxe-font-size-small;
|
54 | }
|
55 | &.size--mini {
|
56 | font-size: $vxe-font-size-mini;
|
57 | }
|
58 | }
|