UNPKG

1.22 kBSCSSView Raw
1/**Variable**/
2/**Variable**/
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}