website/static/src/scss/_listing.scss

81 lines
1.1 KiB
SCSS
Raw Normal View History

2022-06-19 13:23:41 +01:00
.listing-item {
border-top: none !important;
2022-08-27 21:57:17 +01:00
max-height: 175px;
2022-06-19 13:23:41 +01:00
.image-column {
display: flex;
align-items: center;
}
2022-06-19 17:28:48 +01:00
a.image {
2022-06-19 16:35:56 +01:00
width: 100%;
}
2022-08-27 21:57:17 +01:00
img {
2022-06-19 13:23:41 +01:00
object-fit: cover;
width: 100%;
height: 175px;
}
.title {
margin-bottom: 0;
}
2022-06-26 15:13:51 +01:00
.content-details {
font-size: 90%;
margin-top: 0.25rem;
margin-bottom: 0.25rem;
2022-06-19 13:23:41 +01:00
}
.media-content .content {
overflow: hidden;
}
.media-content {
padding-left: 0;
padding-right: 0;
}
.columns {
width: 100%;
}
2022-06-19 13:23:41 +01:00
}
.page-blogpostlistpage {
.date-header {
font-size: $size-2;
font-weight: $weight-bold;
margin-bottom: 1rem;
&:not(:first-child) {
margin-top: 2em;
}
}
}
2022-08-26 23:13:06 +01:00
nav.pagination {
a.pagination-link,
.pagination-next,
.pagination-previous {
@include dark-mode {
2022-08-26 23:13:06 +01:00
background-color: $grey-darker;
border-color: $black;
color: $dark-mode-text;
&:hover {
border-color: $grey-dark;
}
&.is-current {
background-color: $primary;
}
}
}
2022-08-26 23:13:06 +01:00
.pagination-ellipsis {
@include dark-mode {
2022-08-26 23:13:06 +01:00
color: $dark-mode-text;
}
}
}