UNPKG

2.02 kBSCSSView Raw
1#{$time-picker2-prefix}-menu {
2 float: left;
3 text-align: center;
4 padding: $s-2 0;
5
6 &:not(:last-child) {
7 border-right: $line-1 $line-solid $color-line1-2;
8 }
9
10 &-title {
11 cursor: default;
12 height: $s-7;
13 line-height: $s-7;
14 font-size: $font-size-caption;
15 font-weight: $font-weight-2;
16 color: $color-text1-2;
17 background: $color-white;
18 }
19
20 ul {
21 position: relative;
22 overflow-y: hidden;
23 overflow-x: auto;
24 list-style: none;
25 margin: 0;
26 width: 54px;
27 padding: 0;
28 font-size: $font-size-caption;
29 height: calc(#{$s-8} * 7);
30 scrollbar-width: none; // firefox
31 -ms-overflow-style: none; // ie
32 &::-webkit-scrollbar {
33 width: 0;
34 }
35 &:hover {
36 overflow-y: auto;
37 }
38 &:after {
39 display: block;
40 height: calc(#{$s-8} * 6);
41 content: "";
42 }
43 // &:before {
44 // display: block;
45 // height: calc(#{$s-8} * 3);
46 // content: "";
47 // }
48 }
49
50 &-item {
51 cursor: pointer;
52 height: $s-8;
53 line-height: $s-8;
54 transition: background $motion-duration-immediately $motion-linear;
55 color: $color-text1-3;
56 background: $color-white;
57 outline: none;
58
59 -webkit-touch-callout: none;
60 -webkit-user-select: none;
61 -khtml-user-select: none;
62 -moz-user-select: none;
63 -ms-user-select: none;
64 user-select: none;
65
66 &:hover {
67 color: $color-text1-4;
68 background: $color-fill1-2;
69 }
70
71 &.#{$css-prefix}selected {
72 // font-weight: $font-weight-3;
73 color: $color-text1-3;
74 background: $color-brand1-1;
75 }
76
77 &.#{$css-prefix}disabled {
78 cursor: not-allowed;
79 color: $color-text1-1;
80 background: $color-fill1-1;
81 }
82 }
83}