.config/ags/widget/datemenu/datemenu.scss


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

@import "../notifications/notifications.scss";

@mixin calendar {
    @include widget;
    padding: $padding*2 $padding*2 0;

    calendar {
        all: unset;

        &.button {
            @include button($flat: true);
        }

        &:selected {
            box-shadow: inset 0 -8px 0 0 transparentize($primary-bg, 0.5),
                inset 0 0 0 1px $primary-bg;
            border-radius: $radius*0.6;
        }

        &.header {
            background-color: transparent;
            border: none;
            color: transparentize($fg, 0.5);
        }

        &.highlight {
            background-color: transparent;
            color: transparentize($primary-bg, 0.5);
        }

        &:indeterminate {
            color: transparentize($fg, 0.9);
        }

        font-size: 1.1em;
        padding: .2em;
    }
}

window#datemenu .datemenu {
    @include floating-widget;

    .notifications {
        .header {
            margin-bottom: $spacing;
            margin-right: $spacing;

            >label {
                margin-left: $radius * .5;
            }

            button {
                @include button;
                padding: $padding*.7 $padding;
            }
        }

        .notification-scrollable {
            @include scrollable($top: true, $bottom: true);
        }

        .notification-list {
            margin-right: $spacing;
        }

        .notification {
            @include notification;
            @include widget;
            padding: $padding;
            margin-bottom: $spacing;
        }

        .placeholder {
            image {
                font-size: 7em;
            }

            label {
                font-size: 1.2em;
            }
        }
    }


    separator {
        background-color: $popover-border-color;
        border-radius: $radius;
        margin-right: $spacing;
    }

    .datemenu {
        @include spacing;
    }

    .clock-box {
        padding: $padding;

        .clock {
            font-size: 5em;
        }

        .uptime {
            color: transparentize($fg, 0.2);
        }
    }

    .calendar {
        @include calendar;
    }
}