fix responsive coach list
This commit is contained in:
parent
eac407da74
commit
1e27e10c80
|
@ -1,3 +1,5 @@
|
|||
$mq-picture: $mq-small;
|
||||
|
||||
@import 'layout';
|
||||
@import 'widget';
|
||||
@import 'list';
|
||||
|
|
|
@ -36,5 +36,8 @@
|
|||
background: mix($c-accent, $c-bg-box, 12%);
|
||||
}
|
||||
}
|
||||
@include breakpoint($mq-not-xx-small) {
|
||||
.rating { display: none }
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
@ -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;
|
||||
}
|
||||
|
|
Loading…
Reference in a new issue