2019-12-18 21:25:03 +00:00
|
|
|
// Search entry
|
|
|
|
|
|
|
|
$search_entry_width: 320px;
|
2019-12-20 00:05:46 +00:00
|
|
|
$search_entry_height: 36px;
|
2019-12-18 21:25:03 +00:00
|
|
|
|
|
|
|
%search_entry,
|
|
|
|
.search-entry {
|
2021-12-28 13:46:54 +00:00
|
|
|
background-color: lighten($bg_color, 5%);
|
|
|
|
border-width: 2px;
|
|
|
|
border-color: transparent;
|
2019-12-20 00:05:46 +00:00
|
|
|
border-radius: $search_entry_height * 0.5; // half the height
|
2019-12-19 15:38:27 +00:00
|
|
|
color: transparentize($fg_color,0.3);
|
2021-02-22 11:46:42 +00:00
|
|
|
margin-top: $base_spacing * 2;
|
|
|
|
margin-bottom: $base_spacing;
|
2021-12-28 13:46:54 +00:00
|
|
|
padding: $base_padding+1 $base_padding+3;
|
|
|
|
width: $search_entry_width;
|
|
|
|
|
2019-12-19 15:38:27 +00:00
|
|
|
&:hover {
|
2021-12-28 13:46:54 +00:00
|
|
|
background-color: lighten($hover_bg_color, 5%);
|
|
|
|
color: lighten($hover_fg_color, 5%);
|
2019-12-19 15:38:27 +00:00
|
|
|
}
|
2019-12-18 21:25:03 +00:00
|
|
|
|
2019-12-19 15:38:27 +00:00
|
|
|
&:focus {
|
2019-12-20 00:05:46 +00:00
|
|
|
border-style: solid;
|
2019-12-19 15:38:27 +00:00
|
|
|
border-color: $selected_bg_color;
|
2019-12-20 00:05:46 +00:00
|
|
|
color: $fg_color;
|
2021-12-28 13:46:54 +00:00
|
|
|
box-shadow: none;
|
2019-12-19 15:38:27 +00:00
|
|
|
}
|
2019-12-18 21:25:03 +00:00
|
|
|
|
2019-12-19 15:38:27 +00:00
|
|
|
.search-entry-icon {
|
2021-12-28 13:46:54 +00:00
|
|
|
color: inherit;
|
2019-12-19 15:38:27 +00:00
|
|
|
icon-size: $base_icon_size;
|
2021-12-28 13:46:54 +00:00
|
|
|
margin-top: 2px; // center vertically
|
2019-12-19 15:38:27 +00:00
|
|
|
padding: 0 4px;
|
|
|
|
}
|
2021-02-22 11:46:42 +00:00
|
|
|
}
|