dotfiles

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

_choosers.scss (3275B)

      1 /***************
      2  ! Color chooser
      3 ****************/
      4 
      5 @include exports("colorchooser") {
      6     GtkColorSwatch {
      7         &, &:selected {
      8             border: 1px solid alpha($black, .1);
      9             border-radius: $roundness - 1px;
     10             background-color: transparent;
     11             background-clip: border-box;
     12 
     13             &:hover { border-color: alpha($black, .3); }
     14         }
     15 
     16         &.color-light:selected:hover, &.color-dark:selected:hover { background-image: none; }
     17 
     18         &.left, &:first-child {
     19             border-top-left-radius: $roundness;
     20             border-bottom-left-radius: $roundness;
     21         }
     22 
     23         &.right, &:last-child {
     24             border-top-right-radius: $roundness;
     25             border-bottom-right-radius: $roundness;
     26         }
     27 
     28         &:only-child { border-radius: $roundness; }
     29 
     30         &.top {
     31             border-top-left-radius: $roundness;
     32             border-top-right-radius: $roundness;
     33         }
     34 
     35         &.bottom {
     36             border-bottom-left-radius: $roundness;
     37             border-bottom-right-radius: $roundness;
     38         }
     39 
     40         GtkColorEditor & {
     41             border-radius: $roundness;
     42 
     43             &.color-dark:hover, &.color-light:hover {
     44                 background-image: none;
     45                 border-color: alpha($black, .3);
     46             }
     47         }
     48     }
     49 
     50     GtkColorChooserWidget #add-color-button {
     51         background-clip: padding-box;
     52         border-color: alpha($black, .1);
     53         background-color: shade($bg_color, .95);
     54         color: $fg_color;
     55 
     56         &:hover {
     57             border-color: alpha($black, .3);
     58             background-color: shade($bg_color, .9);
     59             color: $fg_color;
     60         }
     61     }
     62 
     63     .color-active-badge {
     64         &, &:selected {
     65             border-width: 2px;
     66             border-style: solid;
     67             background-color: transparent;
     68         }
     69 
     70         &.color-light {
     71             &, &:hover {
     72                 border-color: alpha($black, .3);
     73                 color: alpha($black, .3);
     74             }
     75         }
     76 
     77         &.color-dark {
     78             &, &:hover {
     79                 border-color: alpha($white, .3);
     80                 color: alpha($white, .3);
     81             }
     82         }
     83     }
     84 
     85     GtkColorButton.button { padding: $spacing; }
     86 }
     87 
     88 
     89 /***********************
     90 ! Font and file choosers
     91 ************************/
     92 
     93 @include exports("miscchoosers") {
     94     GtkFontButton, GtkFileChooserButton {
     95         .separator {
     96             /* always disable separators */
     97             -GtkWidget-wide-separators: true;
     98             -GtkWidget-horizontal-separator: 0;
     99             -GtkWidget-vertical-separator: 0;
    100         }
    101 
    102         GtkLabel:last-child { color: alpha(currentColor, .7); }
    103 
    104         GtkImage:last-child { color: alpha(currentColor, .7); }
    105     }
    106 
    107     GtkFileChooser {
    108         .pane-separator {
    109             &, &:hover {
    110                 border-width: 0 1px 0 0;
    111                 border-style: solid;
    112                 border-color: currentColor;
    113                 background-color: $bg_color;
    114                 color: shade($bg_color, ($contrast + .1));
    115             }
    116         }
    117 
    118         /* for fallback when header bar not used */
    119         .dialog-action-box {
    120             border-width: 1px 0 0;
    121             border-style: solid;
    122             border-color: shade($bg_color, .7);
    123         }
    124     }
    125 }