ASCII text
1
// Search entry
2
%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: on(dark, text-disabled);
9
selection-background-color: on(dark, stroke);
10
selected-color: on(dark);
11
@include entry(normal, $fc: on(dark, stroke));
12
&:hover {
14
@include entry(hover, $fc: on(dark, stroke));
15
color: on(dark, text-disabled);
16
}
17
&:focus {
19
@include entry(focus, $fc: on(dark));
20
padding: 0 8px;
21
border: 0;
22
color: on(dark);
23
}
24
StLabel.hint-text {
26
color: on(dark, text2);
27
}
28
.search-entry-icon {
30
icon-size: 16px;
31
padding: 0 4px;
32
color: on(dark, text2);
33
}
34
&:hover,
36
&:focus {
37
.search-entry-icon {
38
color: on(dark);
39
}
40
}
41
}
42