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