_search-entry.scss
ASCII text
1
// Search entry
2
3
%search-entry,
4
.search-entry {
5
width: 320px - 8px * 2;
6
padding: 0 8px;
7
border-radius: $corner-radius $corner-radius 0 0;
8
color: disabled($on-dark);
9
selection-background-color: stroke($on-dark);
10
selected-color: $on-dark;
11
@include entry(normal, $fc: stroke($on-dark));
12
13
&:hover {
14
@include entry(hover, $fc: stroke($on-dark));
15
color: disabled($on-dark);
16
}
17
18
&:focus {
19
@include entry(focus, $fc: $on-dark);
20
padding: 0 8px;
21
border: 0;
22
color: $on-dark;
23
}
24
25
StLabel.hint-text {
26
color: hint($on-dark);
27
}
28
29
.search-entry-icon {
30
icon-size: 16px;
31
padding: 0 4px;
32
color: hint($on-dark);
33
}
34
35
&:hover,
36
&:focus {
37
.search-entry-icon {
38
color: $on-dark;
39
}
40
}
41
}
42