dotfiles

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

_scrollbar.scss (2283B)

      1 /***********
      2  ! Scrollbar
      3 ************/
      4 
      5 @include exports("scrollbar") {
      6     * {
      7         -GtkRange-slider-width: 8;
      8         -GtkRange-stepper-spacing: 0;
      9         -GtkRange-trough-border: 2;
     10         -GtkRange-trough-under-steppers: 1;
     11         -GtkScrollbar-has-backward-stepper: false;
     12         -GtkScrollbar-has-forward-stepper: false;
     13         -GtkScrollbar-min-slider-length: 80;
     14         -GtkScrolledWindow-scrollbar-spacing: 0;
     15         -GtkScrolledWindow-scrollbars-within-bevel: 1;
     16     }
     17 
     18     .scrollbar {
     19         border: 0;
     20         padding: 0;
     21 
     22         &.button {
     23             &, &:active, &:active:hover {
     24                 border-width: 0;
     25                 border-radius: 0;
     26                 background-color: transparent;
     27                 background-image: none;
     28                 color: alpha($fg_color, .5);
     29             }
     30         }
     31 
     32         &.slider, &.slider.vertical {
     33             border: 0;
     34             border-radius: $roundness;
     35             background-color: shade($bg_color, .5);
     36 
     37             &:hover { background-color: shade($bg_color, .3); }
     38 
     39             &:active { background-color: $selected_bg_color; }
     40 
     41             &.fine-tune:prelight:active { border: 2px solid transparent; }
     42         }
     43 
     44         // overlay scrolling indicator
     45         &.overlay-indicator {
     46             &:not(.dragging):not(.hovering) {
     47                 opacity: .5;
     48 
     49                 -GtkRange-slider-width: 4px;
     50 
     51                 .slider {
     52                     margin: 0;
     53                     background-color: $fg_color;
     54                     background-clip: padding-box;
     55                 }
     56 
     57                 .trough {
     58                     border-style: none;
     59                     background-color: transparent;
     60                 }
     61             }
     62 
     63             &.dragging, &.hovering { opacity: .7; }
     64         }
     65     }
     66 
     67     .scrollbars-junction,
     68     .scrollbars-junction.frame,
     69     .scrollbar.trough {
     70         border: 0;
     71         border-radius: 0;
     72         background-color: $bg_color;
     73         background-image: none;
     74     }
     75 
     76     // ubuntu overlay scrollbars
     77     OsThumb, OsScrollbar {
     78         color: shade($bg_color, .7);
     79 
     80         &:selected { background-color: $selected_bg_color; }
     81 
     82         &:active { background-color: $selected_bg_color; }
     83 
     84         &:insensitive { background-color: shade($bg_color, .9); }
     85     }
     86 }