_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
@if $version >= 40 {
14
margin-top: 16px;
15
margin-bottom: 8px;
16
}
17
18
&:hover {
19
@include entry(hover, $fc: stroke($on-dark));
20
color: disabled($on-dark);
21
}
22
23
&:focus {
24
@include entry(focus, $fc: $on-dark);
25
padding: 0 8px;
26
border: 0;
27
color: $on-dark;
28
}
29
30
StLabel.hint-text {
31
color: hint($on-dark);
32
}
33
34
.search-entry-icon {
35
icon-size: 16px;
36
padding: 0 4px;
37
color: hint($on-dark);
38
}
39
40
&:hover,
41
&:focus {
42
.search-entry-icon {
43
color: $on-dark;
44
}
45
}
46
}
47