@import "functions";
@import "global";


/*********
 ! Sidebar
**********/

.sidebar {
    &, &.view, & .view, & GtkScrolledWindow {
        background-color: $bg_color;
        color: mix($fg_color, $bg_color, 0.1);

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

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

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

        &:prelight {
            border: none;
            background-image: none;
            background-color: shade($bg_color, 0.95);
            color: $fg_color;
        }
    }

    .frame { border-width: 0; }

    GtkAssistant & {
        padding: 4px;
        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, 0.1);

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

        GtkLabel {
            padding: $spacing ($spacing * 2);

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

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

        .highlight { font: bold; }
    }
}