liebling/assets/css/listing.css
2021-02-15 19:56:34 +01:00

42 lines
736 B
CSS

/** Mixins */
.l-grid {
padding-bottom: 20px;
}
@media only screen and (min-width: 48rem) {
.l-grid {
display: flex;
flex-wrap: wrap;
margin: 0 -10px;
}
}
@media only screen and (min-width: 80rem) {
.l-grid {
margin: 0 -20px;
}
}
@media only screen and (min-width: 48rem) {
.l-grid.centered {
justify-content: center;
}
}
.m-pagination {
display: flex;
align-items: center;
justify-content: center;
margin: 0 auto 40px;
}
.m-pagination__text {
display: inline-block;
color: var(--titles-color);
letter-spacing: 0.2px;
text-align: center;
font-size: 0.875rem;
}
@media only screen and (min-width: 48rem) {
.m-pagination__text {
letter-spacing: 0.3px;
font-size: 1rem;
}
}