dotfiles/.themes/dracula/gtk-3.20/widgets/_lists.scss

48 lines
1.1 KiB
SCSS

/*********
* Lists *
*********/
list {
color: $text_color;
background-color: $base_color;
border-color: $borders_color;
&:backdrop {
background-color: $backdrop_base_color;
border-color: $backdrop_borders_color;
}
}
row {
padding: 8px 14px;
transition: all 150ms $ease-out-quad;
label {
padding-left: 8px;
}
&:hover { transition: none; }
&:backdrop { transition: $backdrop_transition; }
&.activatable {
&.has-open-popup, // this is for indicathing which row generated a popover see https://bugzilla.gnome.org/show_bug.cgi?id=754411
&:hover { background-color: if(variant == light, transparentize($fg_color, 0.9), transparentize($fg_color, 0.95)); }
&:active { box-shadow: inset 0 2px 2px -2px transparentize(black, 0.8); }
&:backdrop:hover { background-color: transparent; }
&:selected {
&:active { box-shadow: inset 0 2px 3px -1px transparentize(black, 0.5); }
&.has-open-popup,
&:hover { background-color: transparentize($selected_bg_color, 0.2); }
&:backdrop { background-color: $backdrop_selected_bg_color; }
}
}
&:selected { @extend %selected_items; }
}