Files: 988caf44b54d771fc4246af26cbfcdec87f9dcc8 / views / component / time-picker.mcss
971 bytesRaw
1 | ScryTimePicker { |
2 | color: #666 |
3 | background: #fff |
4 | border-radius: var(--br) |
5 | margin: 0 var(--boundary) var(--boundary) |
6 | |
7 | div.time-entry { |
8 | padding: calc(var(--boundary) / 2) |
9 | border-bottom: 1px solid hsla(0, 0%, 0%, .2) |
10 | |
11 | display: flex |
12 | justify-content: space-between |
13 | |
14 | div.close { cursor: pointer } |
15 | } |
16 | |
17 | div.add-more { |
18 | font-size: .9rem |
19 | position: relative |
20 | |
21 | div.dropdown { |
22 | position: absolute |
23 | left: calc(var(--boundary) / 2) |
24 | right: calc(var(--boundary) / 2) |
25 | top: calc(var(--boundary) / 2) |
26 | |
27 | background: #fff |
28 | max-height: 20vh |
29 | overflow-y: scroll |
30 | padding: calc(var(--boundary) / 2) |
31 | |
32 | div { |
33 | padding: 2px |
34 | :hover { |
35 | background: var(--feature-color) |
36 | color: #fff |
37 | } |
38 | } |
39 | } |
40 | |
41 | div.add { |
42 | color: var(--feature-color) |
43 | padding: calc(var(--boundary) / 2) |
44 | cursor: pointer |
45 | |
46 | display: flex |
47 | justify-content: center |
48 | } |
49 | } |
50 | } |
51 |
Built with git-ssb-web