1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
| @import "~@/vendor/styles/_appwork/functions";
|
| @mixin vue-flatpickr-component-theme($background, $color) {
| $color: if($color, $color, yiq($background));
| $in-range-bg: rgba-to-hex(rgba($background, .15), #fff);
| $in-range-color: yiq($in-range-bg);
|
| .flatpickr-calendar .numInputWrapper span {
| &.arrowUp:after {
| border-bottom-color: $color;
| }
|
| &.arrowDown:after {
| border-top-color: $color;
| }
| }
|
| .flatpickr-month,
| span.flatpickr-weekday {
| background: $background;
| color: $color;
| fill: $color;
| }
|
| .flatpickr-weekdays {
| background: $background;
| }
|
| .flatpickr-day {
| &.today {
| border-color: $background;
| }
|
| &.inRange,
| &.prevMonthDay.inRange,
| &.nextMonthDay.inRange,
| &.today.inRange,
| &.prevMonthDay.today.inRange,
| &.nextMonthDay.today.inRange {
| border-color: $in-range-bg !important;
| background: $in-range-bg !important;
| color: $in-range-color !important;
| }
|
| &.selected,
| &.startRange,
| &.endRange,
| &.selected.inRange,
| &.startRange.inRange,
| &.endRange.inRange,
| &.selected:focus,
| &.startRange:focus,
| &.endRange:focus,
| &.selected:hover,
| &.startRange:hover,
| &.endRange:hover,
| &.selected.prevMonthDay,
| &.startRange.prevMonthDay,
| &.endRange.prevMonthDay,
| &.selected.nextMonthDay,
| &.startRange.nextMonthDay,
| &.endRange.nextMonthDay,
| &.week.selected {
| border-color: $background !important;
| background: $background !important;
| color: $color !important;
| }
| }
| }
|
|
