ASCII text
1
// Search entry
2
$search_entry_width: 320px;
4
$search_entry_height: 36px;
5
%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: transparentize($fg_color,0.3);
12
background-color: $bg_color;
13
border-color: $borders_color;
14
&:hover {
16
background-color: $hover_bg_color;
17
border-color: $hover_borders_color;
18
color: $hover_fg_color;
19
}
20
&:focus {
22
padding: $base_padding $base_padding+2; // 1px less to account for wider border
23
border-width: 2px;
24
border-style: solid;
25
border-color: $selected_bg_color;
26
color: $fg_color;
27
box-shadow: inset 0 1px 2px 1px rgba(0,0,0,0.2);
28
}
29
.search-entry-icon {
31
icon-size: $base_icon_size;
32
padding: 0 4px;
33
color: inherit;
34
}
35
}