1// Search entry
2
3$search_entry_width: 320px;
4$search_entry_height: 36px;
5
6%search_entry,
7.search-entry {
8  width: $search_entry_width;
9  padding: $base_padding+1 $base_padding+3;
10  border-radius: $base_border_radius; //$search_entry_height * 0.5; // half the height
11  color: transparentize($fg_color,0.3);
12  margin-top: $base_spacing * 2;
13  margin-bottom: $base_spacing;
14  background-color: transparentize(white, 0.86); //$base_color;
15  border-color: transparent; //$borders_color;
16  box-shadow: inset 0 0 0 1px transparentize(white, 0.8);
17
18  &:hover {
19    background-color: transparentize(white, 0.75);
20    border-color: transparent;
21    color: $hover_fg_color;
22  }
23
24  &:focus {
25    padding: $base_padding $base_padding+2; // 1px less to account for wider border
26    border-width: 2px;
27    border-style: solid;
28    border-color: $selected_bg_color;
29    color: $fg_color;
30    box-shadow: inset 0 1px 2px 1px rgba(0,0,0,0.2);
31  }
32
33  .search-entry-icon {
34    icon-size: $base_icon_size;
35    padding: 0 4px;
36    color: inherit;
37  }
38}
39