ASCII text
1
/* Search */
2
// search overview container
4
#searchResultsContent {
5
max-width: 1024px;
6
spacing: $base_margin * 2;
7
}
8
// search results sections "the boxes"
10
.search-section {
11
// This should be equal to #searchResultsContent spacing
12
spacing: $base_margin * 2;
13
// separator
15
.search-section-separator {
16
// height: 1px;
17
// background-color: $osd_outer_borders_color;
18
height: 0;
19
background-color: transparent;
20
}
21
}
22
// content
24
.search-section-content {
25
background-color: transparentize(lighten($osd_bg_color, 5%), 0.2);
26
border-radius: $modal_radius+3;
27
border: 1px solid $osd_outer_borders_color;
28
box-shadow: 0 2px 4px 0 $shadow_color;
29
text-shadow: 0 1px if($variant == 'light', rgba(255,255,255,0.2), rgba(0,0,0,0.2));
30
color: $osd_fg_color;
31
padding: $base_padding * 3;
32
// This is the space between the provider icon and the results container
33
spacing: $base_margin * 2;
34
}
35
%search-section-content-item {
37
@extend %icon_tile;
38
&:focus,
40
&:hover,
41
&:selected {
42
background-color: transparentize($osd_fg_color, .9);
43
transition-duration: 200ms;
44
}
45
&:active,
47
&:checked {
48
background-color: transparentize(darken($osd_bg_color, 10%), .1);
49
}
50
}
51
// "no results" text
53
.search-statustext {
54
@extend %status_text;
55
}
56
// Search results with icons
58
.grid-search-result {
59
@extend %app-well-app;
60
}
61
// search result provider
63
.search-provider-icon {
64
@extend %search-section-content-item;
65
// content
67
.list-search-provider-content {
68
spacing: $base_spacing * 2;
69
// provider labels
71
.list-search-provider-details {
72
width: 120px;
73
margin-top: 0;
74
color: darken($osd_fg_color, 8%);
75
// font-weight: bold;
76
}
77
}
78
}
79
// search results list
81
.list-search-results {
82
spacing: $base_spacing;
83
}
84
// search result listitem
86
.list-search-result {
87
@extend %search-section-content-item;
88
// content
90
.list-search-result-content {
91
spacing: $base_padding;
92
}
93
// list item title (with leading icon)
95
.list-search-result-title {
96
spacing: $base_spacing * 2;
97
// font-weight: bold;
98
}
99
// list item description
101
.list-search-result-description {
102
color: darken($osd_fg_color, 30%);
103
}
104
}
105