summaryrefslogtreecommitdiff
path: root/Redcore-daylight/gtk-3.20/scss/apps/_panel.scss
blob: 814a4505edaf8f0f54140d413cecb78e0ccf9043 (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
/***********************
 ! Fallback mode panel *
************************/

@include exports("panel") {
    %panel {
        @include linear-gradient($panel_bg_color);

        color: $panel_fg_color;
    }

    %panellabel {
        font-weight: normal;
        color: $panel_fg_color;
    }

    %panelbutton {
        border-width: 0 1px;
        border-radius: 0;
        border-color: transparent;
        background-color: transparent;
        background-image: none;
        color: $panel_fg_color;

        &:hover {
            @include linear-gradient(mix($panel_bg_color, $panel_fg_color, .11));

            border-color: mix($panel_bg_color, $panel_fg_color, .11);
            color: shade($panel_fg_color, 1.08);
        }

        &:active, &:checked {
            @include linear-gradient(mix($panel_bg_color, $panel_fg_color, .21), to top);

            border-color: mix($panel_bg_color, $panel_fg_color, .21);
            color: shade($panel_fg_color, 1.08);

            &:hover {
                @include linear-gradient(mix($panel_bg_color, $panel_fg_color, .31), to top);

                border-color: mix($panel_bg_color, $panel_fg_color, .31);
            }
        }
    }

    panel-plug,
    panel-toplevel.background {
        @extend %panel;

        padding: 0;
    }

    .gp-text-color {
        color: $black;
    }

    #clock-applet-button { &, &:backdrop { @extend %panelbutton; } }

    panel-applet {
        border: 0;

        button {
            &, &:backdrop { @extend %panelbutton; }
        }
    }

    clock-box,
    panel-applet > menubar,
    panel-toplevel .gnome-panel-menu-bar {
        &, &:backdrop {
            @extend %panel;

            menuitem {
                @extend %panel;

                border: 0;

                label { @extend %panellabel; }
            }
        }
    }

    gp-calendar-window,
    #tasklist-button,
    #clock-applet-button,
    #showdesktop-button {
        label { @extend %panellabel; }
    }

    wnck-pager, wnck-tasklist { @extend %panel; }
}