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: $search_entry_height * 0.5; // half the height
11  color: rgba(white, 0.75);
12  background-color: rgba(white, 0.10);
13  border-color: rgba(black, 0.65);
14  margin-top: $base_spacing * 2;
15  margin-bottom: $base_spacing;
16
17  &:hover {
18    background-color: rgba(white, 0.18);
19    border-color: rgba(black, 0.75);
20    color: rgba(white, 0.85);
21  }
22
23  &:focus {
24    background-color: rgba(white, 0.15);
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: rgba(white, 0.85);
30    box-shadow: none;
31  }
32
33  StLabel.hint-text {
34    color: rgba(white, 0.55);
35  }
36
37  .search-entry-icon {
38    icon-size: $base_icon_size;
39    padding: 0 4px;
40    color: inherit;
41  }
42}
43