dotfiles

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

_entry.scss (1815B)

      1 /*********
      2  ! Entry *
      3 **********/
      4 
      5 %linked_entry {
      6     border-width: 1px;
      7     border-radius: 0;
      8     border-right-width: 0;
      9     border-left-width: 0;
     10 
     11     &:first-child {
     12         border-width: 1px;
     13         border-radius: $roundness;
     14         border-right-width: 0;
     15         border-bottom-right-radius: 0;
     16         border-top-right-radius: 0;
     17     }
     18 
     19     &:last-child {
     20         border-width: 1px;
     21         border-radius: $roundness;
     22         border-left-width: 0;
     23         border-bottom-left-radius: 0;
     24         border-top-left-radius: 0;
     25     }
     26 
     27     &:only-child {
     28         border-width: 1px;
     29         border-radius: $roundness;
     30     }
     31 }
     32 
     33 %entry {
     34     padding: ($spacing - 1px) $spacing;
     35     border-width: 1px;
     36     border-style: solid;
     37     border-radius: $roundness;
     38     transition: border 150ms ease;
     39     box-shadow: inset 1px 1px alpha($dark_shadow, .06),
     40                 inset -1px 0 alpha($dark_shadow, .06);
     41 
     42     &:focus, &:hover, &:active { transition: none; }
     43 
     44     &:selected, &:selected:focus {
     45         background-color: $selected_bg_color;
     46         color: $selected_fg_color;
     47     }
     48 
     49     &:insensitive { box-shadow: none; }
     50 
     51     &.progressbar {
     52         @include linear-gradient($selected_bg_color);
     53 
     54         border-width: 0;
     55         border-radius: $roundness;
     56         color: $selected_fg_color;
     57     }
     58 
     59     &.image.left { padding-right: $spacing; }
     60 }
     61 
     62 @mixin entry($bg, $fg) {
     63     @extend %entry;
     64     @include linear-gradient($bg, to top);
     65     @include border($bg);
     66 
     67     color: $fg;
     68 
     69     &:focus, &:active { border-color: $selected_bg_color; }
     70 
     71     &:insensitive {
     72         @include linear-gradient(shade($bg, .9), to top);
     73 
     74         color: mix($bg, $fg, .5);
     75     }
     76 }
     77 
     78 @include exports("entry") {
     79     .entry {
     80         @include entry($base_color, $text_color);
     81 
     82         &.linked, .linked & { @extend %linked_entry; }
     83     }
     84 }