spee.ch/client/scss/_channel-claims-display.scss

25 lines
677 B
SCSS
Raw Permalink Normal View History

.channel-claims-display {
2018-10-15 16:50:26 +02:00
width: 100%;
2018-10-12 14:00:03 +02:00
display: grid;
2019-03-05 07:49:02 +01:00
grid-gap: $tertiary-padding;
2019-01-26 01:37:07 +01:00
align-content: space-around;
@media (min-width: $break-point-x-large) {
grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}
@media (min-width: $break-point-large) and (max-width: $break-point-x-large){
grid-template-columns: 1fr 1fr 1fr 1fr;
}
2018-10-12 14:00:03 +02:00
2019-01-26 01:37:07 +01:00
@media (min-width: $break-point-tablet) and (max-width: $break-point-large) {
grid-template-columns: 1fr 1fr 1fr;
2018-10-12 14:00:03 +02:00
}
2019-01-26 01:37:07 +01:00
@media (min-width: $break-point-mobile) and (max-width: $break-point-tablet) {
2018-10-12 14:00:03 +02:00
grid-template-columns: 1fr 1fr;
}
2019-01-26 01:37:07 +01:00
@media (max-width: $break-point-mobile) {
2018-10-12 14:00:03 +02:00
grid-template-columns: 1fr;
}
}