@mixin list() {
  list {
    color: $fg_color;
    background-color: $base_color;

    row {
      padding: 2px;

      &:hover {
        background-color: gtkmix($bg_color, $fg_color, 0.1);
      }
      
      &:hover {
        color: $selected_fg_color;
        background-color: gtkshade($selected_bg_color, 1.05);
      }
      
      &:active {
        color: $selected_fg_color;
        background-color: gtkshade($selected_bg_color, 0.96);
      }
      
      &:backdrop {
        color: $unfocused_fg_color;
      }

      &:selected {
        &, &:hover, &:focus {
          border: none;
          color: $selected_fg_color;
          background-color: $selected_bg_color;
          
          &:hover {
            color: $selected_fg_color;
            background-color: gtkshade($selected_bg_color, 1.02);
          }
          
          &:active {
            color: $selected_fg_color;
            background-color: gtkshade($selected_bg_color, 0.98);
          }

          &:disabled {
            color: gtkalpha($selected_fg_color, 0.7);
            background-color: $selected_bg_color;
          }
          
          &:backdrop {
            color: $unfocused_selected_fg_color;
            background-color: $unfocused_selected_bg_color;
          }
        }

      }
    }
    separator, separator:backdrop {
      background: none; // no lines on sidebar
    }
  }
}
