| 1 | /********* |
| 2 | * Lists * |
| 3 | *********/ |
| 4 | list { |
| 5 | color: $text_color; |
| 6 | background-color: $base_color; |
| 7 | border-color: $borders_color; |
| 8 | |
| 9 | &:backdrop { |
| 10 | background-color: $backdrop_base_color; |
| 11 | border-color: $backdrop_borders_color; |
| 12 | } |
| 13 | } |
| 14 | |
| 15 | row { |
| 16 | background-color: transparent; |
| 17 | border-color: $borders_color; |
| 18 | |
| 19 | &:hover { transition: none; } |
| 20 | |
| 21 | &:backdrop { transition: $backdrop_transition; } |
| 22 | |
| 23 | &.activatable { |
| 24 | &.has-open-popup, // this is for indicathing which row generated a popover see https://bugzilla.gnome.org/show_bug.cgi?id=754411 |
| 25 | |
| 26 | &:hover { |
| 27 | background-color: if(variant == light, transparentize($fg_color, 0.9), transparentize($fg_color, 0.85)); |
| 28 | &, label { color: $fg_color; } |
| 29 | } |
| 30 | |
| 31 | &:active { box-shadow: inset 0 2px 2px -2px transparentize(black, 0.8); } |
| 32 | |
| 33 | &:backdrop:hover { background-color: transparent; } |
| 34 | |
| 35 | button.flat{ |
| 36 | background-color: transparent; |
| 37 | } |
| 38 | |
| 39 | &:selected { |
| 40 | &:active { box-shadow: inset 0 2px 3px -1px transparentize(black, 0.5); } |
| 41 | |
| 42 | &.has-open-popup, |
| 43 | &:hover { background-color: transparentize($selected_bg_color, 0.5); } |
| 44 | |
| 45 | &:backdrop { background-color: $backdrop_selected_bg_color; } |
| 46 | } |
| 47 | } |
| 48 | |
| 49 | &:selected { @extend %selected_items; } |
| 50 | } |