dotfiles

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

_toolbar.scss (2883B)

      1 @import "button";
      2 
      3 
      4 /*********
      5  ! Toolbar
      6 **********/
      7 
      8 @mixin toolbar($bg, $fg) {
      9     @include linear-gradient($bg);
     10     @include border($bg);
     11 
     12     padding: $spacing * 2;
     13     color: $fg;
     14 
     15     &:insensitive {
     16         @include linear-gradient(shade($bg, .9));
     17 
     18         color: mix($fg, $bg, .5);
     19     }
     20 
     21     .title {
     22         font: bold;
     23         padding: 0 ($spacing * 2);
     24     }
     25 
     26     .subtitle {
     27         font: smaller;
     28         padding: 0 ($spacing * 2);
     29     }
     30 
     31     .button { @include button($bg, $fg); }
     32 
     33     .button.linked, .linked .button { @include linked_button($bg); }
     34 
     35     GtkComboBox, .button {
     36         padding: $spacing - 1px;
     37 
     38         &.text-button { padding: $spacing; }
     39 
     40         &.image-button { padding: ($spacing + 1px) ($spacing - 1px) ($spacing + 1px) $spacing; }
     41     }
     42 
     43     GtkSeparatorToolItem, .separator, .separator:insensitive {
     44         color: shade($bg, ($contrast + .1));
     45         border-color: currentColor;
     46 
     47         -GtkWidget-window-dragging: true;
     48     }
     49 
     50     .menubar { -GtkToolbar-button-relief: normal; }
     51 }
     52 
     53 @include exports("toolbar") {
     54     .toolbar {
     55         @include toolbar($bg_color, $fg_color);
     56 
     57         border-style: none;
     58 
     59         &.inline-toolbar {
     60             background-image: none;
     61             background-color: transparent;
     62         }
     63     }
     64 
     65     .header-bar {
     66         @include toolbar($titlebar_bg_color, $titlebar_fg_color);
     67 
     68         border-width: 0 0 1px;
     69         border-style: solid;
     70     }
     71 
     72     .titlebar {
     73         @include linear-gradient($titlebar_bg_color);
     74 
     75         border-radius: $roundness $roundness 0 0;
     76         color: mix($titlebar_fg_color, $titlebar_bg_color, .1);
     77 
     78         &:backdrop {
     79             @include linear-gradient($titlebar_bg_color);
     80 
     81             color: mix($titlebar_fg_color, $titlebar_bg_color, .6);
     82             text-shadow: none;
     83         }
     84 
     85         &.default-decoration {
     86             border: 0;
     87             box-shadow: none;
     88         }
     89 
     90         .tiled &, .maximized & { border-radius: 0; }
     91 
     92         .title { font: bold; }
     93 
     94         .titlebutton {
     95             padding: $spacing;
     96             border: 0;
     97             background-image: none;
     98             background-color: transparent;
     99             color: mix($titlebar_fg_color, $titlebar_bg_color, .1);
    100             box-shadow: none;
    101 
    102             &:hover, &:hover:focus {
    103                 background-image: none;
    104                 background-color: transparent;
    105                 color: $selected_bg_color;
    106                 box-shadow: none;
    107             }
    108 
    109             &:active, &:active:hover {
    110                 background-image: none;
    111                 background-color: transparent;
    112                 color: shade($selected_bg_color, .9);
    113                 box-shadow: none;
    114             }
    115 
    116             &:backdrop {
    117                 background: none;
    118                 color: mix($titlebar_fg_color, $titlebar_bg_color, .6);
    119                 icon-shadow: none;
    120             }
    121         }
    122     }
    123 }