calendar/data/Application.css at 87e408c60b0d3ca6b0fb43480a38f09313d5efc8 · elementary/calendar · GitHub

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
/*
 * SPDX-License-Identifier: GPL-3.0-or-later
 * SPDX-FileCopyrightText: 2018-2025 elementary, Inc. (https://elementary.io)
 */

.daylabel {
    padding: 3px;
    border-left: solid 1px @menu_separator;
}

.daylabel:first-child {
    border-left: none;
}

.daylabel:dir(rtl) {
    border-right: solid 1px @menu_separator;
    border-left: none;
}

.daylabel:first-child:dir(rtl) {
    border-right: none;
}

.weeks {
    border-right: solid 1px @menu_separator;
}

.weeks:dir(rtl) {
    border-left: solid 1px @menu_separator;
    border-right: none;
}

.weeklabel {
    border-top: solid 1px @menu_separator;
    padding: 3px;
}

.cell {
    background-color: @base_color;
    border-radius: 0;
    border-top: solid 1px @menu_separator;
    border-left: solid 1px @menu_separator;
    color: @fg_color;
}

.cell:dir(rtl) {
    border-right: solid 1px @menu_separator;
    border-left: none;
}

.cell.dim-label {
    background-color: @bg_color;
}

.cell.firstcol {
    border-left: none;
}

.cell.firstcol:dir(rtl) {
    border-right: none;
}

.cell:selected #date {
    background-color: shade(@bg_color, 0.86);
    color: @fg_color;
}

.cell > box {
    margin: 3px;
}

.event {
    background: @selected_bg_color;
    border-radius: 3px;
    color: @selected_fg_color;
    padding: 6px;
}

.cell .event {
    padding: 3px 6px;
    margin-bottom: 3px;
}

.cell.dim-label .event {
    background: alpha(@base_color, 0.7);
    color: @text_color;
}

.event .title {
    font-weight: 600;
}

row:selected .event {
    background: @base_color;
    background-image: linear-gradient(to right, @selected_bg_color, @selected_bg_color);
    box-shadow:
       0 1px 2px alpha(#000, 0.2),
       0 1px 3px alpha(@selected_bg_color, 0.15);
   color: @selected_fg_color;
}

#date {
    border-radius: 50%;
    min-height: 24px;
    min-width: 24px;
}

#today #date {
    background-color: alpha(@accent_color, 0.15);
    color: @accent_color;
    font-weight: 700;
}

#today:selected #date {
    background-color: @accent_color;
    color: #fff;
}