dotfiles

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

_notebook.scss (3634B)

      1 @import "button";
      2 
      3 
      4 /**********
      5  ! Notebook
      6 ***********/
      7 
      8 @include exports("notebook") {
      9     .notebook {
     10         padding: 0;
     11         border-width: 1px 0 0;
     12         border-style: solid;
     13         border-color: border_normal($base_color);
     14         border-radius: 0;
     15         background-color: $base_color;
     16         background-image: none;
     17         background-clip: border-box;
     18         color: $text_color;
     19 
     20         -GtkNotebook-initial-gap: 0;
     21         -GtkNotebook-arrow-spacing: 5;
     22         -GtkNotebook-tab-curvature: 0;
     23         -GtkNotebook-tab-overlap: 1;
     24         -GtkNotebook-has-tab-gap: false;
     25 
     26         &.frame { border-width: 1px; }
     27 
     28         &.header {
     29             border-width: 0;
     30             background-color: shade($base_color, .9);
     31 
     32             &.frame {
     33                 border-color: border_normal($base_color);
     34 
     35                 &.top { border-width: 1px 1px 0; }
     36 
     37                 &.right { border-width: 1px 1px 1px 0; }
     38 
     39                 &.bottom { border-width: 0 1px 1px; }
     40 
     41                 &.left { border-width: 1px 0 1px 1px; }
     42             }
     43         }
     44 
     45         GtkViewport {
     46             border-width: 0;
     47             background-color: $base_color;
     48             color: $text_color;
     49         }
     50 
     51         tab {
     52             padding: ($spacing + 1px) ($spacing * 2);
     53             border: 1px solid transparent;
     54             background-color: transparent;
     55             background-image: none;
     56 
     57             &:hover {
     58                 background-color: shade($base_color, .95);
     59                 border-color: shade($base_color, .8);
     60             }
     61 
     62             &:active {
     63                 background-color: $base_color;
     64                 background-image: none;
     65                 border-color: shade($base_color, .85);
     66             }
     67 
     68             &.top {
     69                 border-bottom-width: 0;
     70                 border-bottom-right-radius: 0;
     71                 border-bottom-left-radius: 0;
     72             }
     73 
     74             &.right {
     75                 border-left-width: 0;
     76                 border-bottom-left-radius: 0;
     77                 border-top-left-radius: 0;
     78             }
     79 
     80 
     81             &.bottom {
     82                 border-top-width: 0;
     83                 border-top-right-radius: 0;
     84                 border-top-left-radius: 0;
     85             }
     86 
     87             &.left {
     88                 border-right-width: 0;
     89                 border-top-right-radius: 0;
     90                 border-bottom-right-radius: 0;
     91             }
     92 
     93             GtkLabel { color: mix($text_color, $base_color, .3); }
     94 
     95             /* close button styling */
     96             .button { @extend %close_button; }
     97         }
     98 
     99         .prelight-page {
    100             &, GtkLabel { color: mix($text_color, $base_color, .15); }
    101         }
    102 
    103         .active-page {
    104             &, GtkLabel { color: $text_color; }
    105         }
    106 
    107         .reorderable-page {
    108             &:hover {
    109                 background-color: shade($base_color, .85);
    110                 border-left: 0;
    111                 border-right: 0;
    112                 /* using box shadows instead of borders due to slanted edges */
    113                 box-shadow: inset 0 3px alpha($black, .03), inset 0 2px alpha($black, .03), inset 0 1px alpha($black, .03),
    114                             inset 1px 0 shade($base_color, .7), inset -1px 0 shade($base_color, .7);
    115             }
    116 
    117             &:active {
    118                 background-color: shade($base_color, .9);
    119                 border-left: 0;
    120                 border-right: 0;
    121                 box-shadow: inset 0 3px alpha($black, .03), inset 0 2px alpha($black, .03), inset 0 1px alpha($black, .03),
    122                             inset 1px 0 shade($base_color, .75), inset -1px 0 shade($base_color, .75);
    123             }
    124         }
    125     }
    126 }