summaryrefslogtreecommitdiff
path: root/Redcore-nighttime/gtk-3.0/scss/widgets/_sidebar.scss
blob: 7ec5727c014dd7da814dab150d627de5ce1282d4 (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
/*********
 ! Sidebar
**********/

@include exports("sidebar") {
    .sidebar {
        &, &.view, .view, GtkScrolledWindow {
            background-color: $bg_color;
            color: mix($fg_color, $bg_color, .1);

            &.separator {
                &, &:hover, &:focus {
                    border-width: 1px;
                    border-style: solid;
                    border-color: shade($bg_color, .9);
                    color: shade($bg_color, .9);
                }
            }
        }

        row, .view row {
            &:selected {
                &, &:hover, &:focus {
                    border: 0;
                    background-image: none;
                    background-color: $selected_bg_color;
                    color: $selected_fg_color;
                }

                &:hover {
                    border: 0;
                    background-image: none;
                    background-color: shade($selected_bg_color, 1.05);
                    color: $selected_fg_color;
                }
            }

            &:hover {
                border: 0;
                background-image: none;
                background-color: shade($bg_color, 1.05);
            }
        }

        .frame { border-width: 0; }

        .sidebar-row {
            padding: 1px;
        }

        .sidebar-icon {
              padding-left: $spacing * 2;
              padding-right: $spacing * 2;
        }

        GtkAssistant & {
            padding: $spacing;
            border-width: 0 1px 0 0;
            border-style: solid;
            border-right-color: border_normal($bg_color);
            border-radius: 0;
            background-color: $bg_color;
            color: mix($fg_color, $bg_color, .1);

            &:dir(ltr) { border-width: 0 1px 0 0; }

            &:dir(rtl) { border-width: 0 0 0 1px; }

            .label {
                padding: $spacing ($spacing * 2);

                &.highlight { background-color: mix($bg_color, $fg_color, .8); }
            }

            &.csd .sidebar { border-top-style: none; }

            .highlight { font: bold; }
        }
    }
}


/******
! Paned
*******/

@include exports("paned") {
    GtkPaned {
        -GtkPaned-handle-size: 1;
        -gtk-icon-source: none;
        margin: 0 $spacing;

        &:dir(rtl) {
            margin-right: 0;
            margin-left: $spacing;
        }

        .pane-separator { background-color: shade($bg_color, .9); }

        &.wide {
            -GtkPaned-handle-size: 4;
            margin: 0;

            .pane-separator {
                background-color: transparent;
                border-style: none solid;
                border-color: shade($bg_color, .9);
                border-width: 1px;
            }

            &.vertical .pane-separator { border-style: solid none; }
        }
    }
}