dotfiles

config files for my linux setup
git clone git://edryd.org/dotfiles
Log | Files | Refs | README

_sidebar.scss (2635B)


      1 /*********
      2  ! Sidebar
      3 **********/
      4 
      5 @include exports("sidebar") {
      6     .sidebar {
      7         &, &.view, .view, GtkScrolledWindow {
      8             background-color: $bg_color;
      9             color: mix($fg_color, $bg_color, .1);
     10 
     11             &.separator {
     12                 &, &:hover, &:focus {
     13                     border-width: 1px;
     14                     border-style: solid;
     15                     border-color: shade($bg_color, .9);
     16                     color: shade($bg_color, .9);
     17                 }
     18             }
     19         }
     20 
     21         row, .view row {
     22             &:selected {
     23                 &, &:hover, &:focus {
     24                     border: 0;
     25                     background-image: none;
     26                     background-color: $selected_bg_color;
     27                     color: $selected_fg_color;
     28                 }
     29 
     30                 &:prelight {
     31                     border: 0;
     32                     background-image: none;
     33                     background-color: shade($selected_bg_color, 1.05);
     34                     color: $selected_fg_color;
     35                 }
     36             }
     37 
     38             &:prelight {
     39                 border: 0;
     40                 background-image: none;
     41                 background-color: shade($bg_color, 1.05);
     42             }
     43         }
     44 
     45         .frame { border-width: 0; }
     46 
     47         GtkAssistant & {
     48             padding: $spacing;
     49             border-width: 0 1px 0 0;
     50             border-style: solid;
     51             border-right-color: border_normal($bg_color);
     52             border-radius: 0;
     53             background-color: $bg_color;
     54             color: mix($fg_color, $bg_color, .1);
     55 
     56             &:dir(ltr) { border-width: 0 1px 0 0; }
     57 
     58             &:dir(rtl) { border-width: 0 0 0 1px; }
     59 
     60             .label {
     61                 padding: $spacing ($spacing * 2);
     62 
     63                 &.highlight { background-color: mix($bg_color, $fg_color, .8); }
     64             }
     65 
     66             &.csd .sidebar { border-top-style: none; }
     67 
     68             .highlight { font: bold; }
     69         }
     70     }
     71 }
     72 
     73 
     74 /******
     75 ! Paned
     76 *******/
     77 
     78 @include exports("paned") {
     79     GtkPaned {
     80         -GtkPaned-handle-size: 1;
     81         -gtk-icon-source: none;
     82 
     83         margin: 0 $spacing;
     84     }
     85 
     86 
     87     GtkPaned:dir(rtl) {
     88         margin-right: 0;
     89         margin-left: $spacing;
     90     }
     91 
     92     GtkPaned .pane-separator { background-color: shade($bg_color, .9); }
     93 
     94     GtkPaned.wide {
     95         -GtkPaned-handle-size: 4;
     96 
     97         margin: 0;
     98     }
     99 
    100     GtkPaned.wide .pane-separator {
    101         background-color: transparent;
    102         border-style: none solid;
    103         border-color: shade($bg_color, .9);
    104         border-width: 1px;
    105     }
    106 
    107     GtkPaned.wide.vertical .pane-separator { border-style: solid none; }
    108 }