grid programme
This commit is contained in:
@@ -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;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user