blob: 1bf695c12cca1f7b739691a3e58e0e16ef878594 (
plain)
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
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
|
// the calendar displayed by the calendar applet is a heavily modified menu and inherits from the .menu selectosr
// indivudual elements within the menu can be themed seperately with these selectors
.calendar {
padding: 1em 1.75em;
spacing-rows: 1px;
spacing-columns: 5px;
}
// also covers the year label
.calendar-month-label {
color: $dark_fg_color;
font-size: 0.8em;
padding: 5px 10px;
border-radius: $roundness;
font-weight: bold;
text-align: center;
}
.calendar-change-month-back {
@extend %calendar-shared;
border: 1px solid transparent;
background-image: url(assets/calendar-arrow-left.svg);
&:rtl {
background-image: url(assets/calendar-arrow-right.svg);
}
&:hover {
border: 1px solid $selected_bg_color;
}
&:active {
background-color: $selected_bg_color;
}
}
.calendar-change-month-forward {
@extend %calendar-shared;
border: 1px solid transparent;
background-image: url(assets/calendar-arrow-right.svg);
&:rtl {
background-image: url(assets/calendar-arrow-left.svg);
}
&:hover {
border: 1px solid $selected_bg_color;
}
&:active {
background-color: $selected_bg_color;
}
}
.datemenu-date-label {
padding: 1em 1.75em;
color: $dark_fg_color;
font-weight: bold;
text-align: center;
}
.calendar-day-base {
font-size: 0.8em;
text-align: center;
width: 2.4em;
height: 1.8em;
border-radius: $roundness;
&:active {
background-color: $selected_bg_color;
}
&:hover {
}
}
.calendar-day-heading {
color: $dark_fg_color;
padding-top: 0.9em;
}
.calendar-week-number {
color: $dark_fg_color;
font-weight: bold;
padding-top: 0.6em;
}
.calendar-day {
&:ltr {
color: $dark_fg_color;
padding: 2px;
}
&:rtl {
color: $dark_fg_color;
padding: 3px;
}
}
.calendar-day-top {
&:ltr {
}
&:rtl {
}
}
.calendar-day-left {
&:ltr {
}
&:rtl {
}
}
.calendar-work-day {
}
.calendar-nonwork-day {
font-weight: bold;
}
// this is always is an active state
.calendar-today {
@extend %selected-bg-grad-to-bottom;
font-weight: bold;
&:active {
color: $selected_fg_color;
}
}
.calendar-other-month-day {
font-style: italic;
}
// this is always is an active state
.calendar-day-with-events {
background-color: $selected_bg_color;
font-weight: bold;
&:active {
color: $selected_fg_color;
}
}
|
