grid programme

This commit is contained in:
2020-07-16 17:24:02 +02:00
parent ee476d177c
commit 08b0754135
134 changed files with 15445 additions and 25 deletions
@@ -14,3 +14,11 @@ img{
margin: 2rem auto;
}
}
.programme{
.views{
section{
margin: 0 0 5rem 0;
}
}
}
@@ -8,6 +8,20 @@
justify-content: space-between;
align-items: baseline;
}
// .__day{
// border-right: 1px solid $color1;
// margin-right: 1rem;
// padding-right: 1rem;
// }
.thumbnails{
&:first-child{
// margin-left: 2rem;
}
margin: 1rem;
}
.flickity-slider{
margin-left: 1rem;
}
}
}
}
@@ -31,7 +31,7 @@
}
.__media{
margin-right: 1rem;
figcaption{
figure{
height: 100%;
img{
width: 100%;
@@ -40,13 +40,13 @@
}
}
}
.d-flex{
.d-flex{
padding: 1rem;
}
}
.thumbnails{
figcaption{
figure{
height: 100px;
img{
width: 100%;
@@ -55,3 +55,32 @@
}
}
}
.programme{
.row{
margin: 0;
}
.thumbnails{
width: 100%;
margin: 0;
figure{
height: 250px;
}
}
}
@media screen and (min-width: 960px) {
.programme{
.row{
margin: $gutter1 calc(-#{$gutter1});
}
.thumbnails{
width: calc( 50% - #{$gutter1} * 2);
margin: 0 $gutter1;
figure{
height: 250px;
}
}
}
}