75 lines
1.2 KiB
SCSS
75 lines
1.2 KiB
SCSS
// Styles for course search results
|
|
|
|
.search-results {
|
|
flex-grow: 1;
|
|
|
|
.search-result-list {
|
|
list-style: none;
|
|
margin: 0;
|
|
padding: 0;
|
|
clear: both;
|
|
}
|
|
|
|
.search-results-title {
|
|
display: inline-block;
|
|
color: black;
|
|
font-size: 1.5rem;
|
|
line-height: 1.5;
|
|
}
|
|
|
|
.search-count {
|
|
@include text-align(right);
|
|
|
|
display: block;
|
|
color: theme-color("dark");
|
|
}
|
|
|
|
.search-results-item {
|
|
position: relative;
|
|
border-top: 1px solid $border-color;
|
|
padding: $baseline ($baseline/2);
|
|
list-style-type: none;
|
|
cursor: pointer;
|
|
|
|
&:last-child {
|
|
border-bottom: 1px solid $border-color;
|
|
}
|
|
|
|
&:hover {
|
|
background: theme-color("lightest");
|
|
}
|
|
}
|
|
|
|
.result-excerpt {
|
|
display: inline-block;
|
|
}
|
|
|
|
.result-location {
|
|
display: block;
|
|
color: theme-color("dark");
|
|
font-size: 14px;
|
|
padding-top: ($baseline/2);
|
|
}
|
|
|
|
.result-link {
|
|
@include float(right);
|
|
@include padding-left($baseline/4);
|
|
|
|
line-height: 1.6em;
|
|
}
|
|
|
|
.result-type {
|
|
@include right($baseline/2);
|
|
|
|
position: absolute;
|
|
color: theme-color("dark");
|
|
font-size: 14px;
|
|
bottom: $baseline;
|
|
}
|
|
|
|
.search-load-next {
|
|
display: block;
|
|
margin-top: $baseline;
|
|
}
|
|
}
|