dotfiles

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

_actionbar.scss (2376B)

      1 @import "button";
      2 @import "toolbar";
      3 
      4 /**************
      5  ! Action-bar *
      6 ***************/
      7 
      8 @include exports("actionbar") {
      9     .action-bar {
     10         @include linear-gradient($bg_color);
     11 
     12         padding: $spacing;
     13         border-width: 1px 0 0;
     14         border-style: solid;
     15         border-color: border_normal($bg_color);
     16         color: $fg_color;
     17 
     18         .button {
     19             &.text-button { padding: $spacing - 1px; }
     20 
     21             &.image-button { padding: $spacing + 1px; }
     22         }
     23 
     24         .title {
     25             font: bold;
     26             padding: 0 ($spacing * 2);
     27         }
     28 
     29         .subtitle {
     30             font: smaller;
     31             padding: 0 ($spacing * 2);
     32         }
     33     }
     34 }
     35 
     36 
     37 /***************
     38  ! Search bars *
     39 ****************/
     40 
     41 @include exports("searchbar") {
     42     .search-bar {
     43         @include linear-gradient(shade($bg_color, .98));
     44 
     45         border-width: 0 0 1px;
     46         border-style: solid;
     47         border-color: border_normal($bg_color);
     48         color: $fg_color;
     49 
     50         .button.close-button { padding: $spacing; }
     51     }
     52 }
     53 
     54 
     55 /******************
     56  ! Action buttons *
     57 *******************/
     58 
     59 @include exports("actionbuttons") {
     60     $types: (
     61         suggested: $success_color,
     62         destructive: $error-color
     63     );
     64 
     65     @each $type, $color in $types {
     66         .#{$type}-action.button {
     67             @include button($color, $selected_fg_color);
     68         }
     69     }
     70 }
     71 
     72 
     73 /******************
     74 * selection mode *
     75 ******************/
     76 
     77 @include exports("selectionmode") {
     78     .selection-mode {
     79         &.header-bar, &.toolbar {
     80             @include toolbar($selected_bg_color, $selected_fg_color);
     81 
     82             .button {
     83                 @include button($selected_bg_color, $selected_fg_color);
     84 
     85                 &.suggested-action { @extend .suggested-action.button; }
     86             }
     87 
     88             .selection-menu.button {
     89                 border: 0;
     90                 background-color: transparent;
     91                 background-image: none;
     92                 color: shade($selected_bg_color, $contrast);
     93 
     94                 &:hover { color: shade($selected_bg_color, ($contrast - .1)); }
     95 
     96                 &:active { color: shade($selected_bg_color, ($contrast - .05)); }
     97             }
     98 
     99             .dim-label, {
    100                 &, .selection-menu.button & { color: shade($selected_bg_color, ($contrast - .1)); }
    101             }
    102         }
    103 
    104         &.toolbar { padding: $spacing; }
    105     }
    106 }