fix responsive coach list

This commit is contained in:
Thibault Duplessis 2019-05-02 07:38:35 +07:00
parent eac407da74
commit 1e27e10c80
3 changed files with 10 additions and 2 deletions

View file

@ -1,3 +1,5 @@
$mq-picture: $mq-small;
@import 'layout';
@import 'widget';
@import 'list';

View file

@ -36,5 +36,8 @@
background: mix($c-accent, $c-bg-box, 12%);
}
}
@include breakpoint($mq-not-xx-small) {
.rating { display: none }
}
}
}

View file

@ -1,14 +1,17 @@
.coach-widget {
height: 300px;
position: relative;
display: flex;
padding-bottom: 1rem;
@include transition();
@include breakpoint($mq-picture) {
height: 300px;
}
.overlay {
@extend %link-overlay;
}
.picture {
display: none;
@include breakpoint($mq-small) {
@include breakpoint($mq-picture) {
display: block;
margin-right: 1em;
}