etoiledebethleem/website
3
1
Fork 0
Code Issues 6 Pull requests Projects 1 Releases Packages Activity Actions

feat(gallery): add historical date parsing

Browse source 
feat: add logo file
This commit is contained in:
Matthieu Bessat 2022-09-29 17:24:11 +02:00
parent b5785c8218
commit bb43b2bc9d
9 changed files with 124 additions and 18 deletions
Download patch file Download diff file Expand all files Collapse all files

4
assets/sass/footer.scss Normal file
View file

@ -0,0 +1,4 @@
footer {
margin-top: 1rem;
background-color: blue;
}

20
assets/sass/gallery.scss
View file

@ -17,7 +17,7 @@
.gallery__items {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(20rem, 1fr));
grid-template-columns: repeat(4, minmax(13rem, 1fr));
grid-gap: 1rem;
}
@ -41,8 +41,24 @@
justify-content: space-between;
}
@media (max-width: $lg-breakpoint) {
// .gallery__items {
// grid-template-columns: repeat(auto-fill, minmax(15rem, 1fr))
// }
}
@media (max-width: $md-breakpoint) {
.gallery {
display: block;
display: block;
}
.gallery__items {
grid-template-columns: repeat(auto-fill, minmax(10rem, 1fr));
}
}
@media (max-width: $xs-breakpoint) {
.gallery__items {
grid-template-columns: 1fr;
}
}

3
assets/sass/main.scss
View file

@ -1,4 +1,4 @@
$lg-breakpoint: 1500px;
$lg-breakpoint: 1600px;
$md-breakpoint: 1100px;
$sm-breakpoint: 900px;
$xs-breakpoint: 400px;
@ -17,4 +17,5 @@ $secondary: red;
@import 'header.scss';
@import 'gallery.scss';
@import 'single_image.scss';
@import 'footer.scss';

18
assets/sass/single_image.scss
View file

@ -26,6 +26,8 @@
.single-image__property {
display: flex;
align-items: center;
margin-bottom: .2rem;
min-height: 2rem;
div:first-of-type {
margin-right: 1rem;
}
@ -41,6 +43,7 @@
margin: 0;
list-style-type: none;
display: flex;
align-items: center;
padding: 0;
li {
border: 1px solid black;
@ -68,3 +71,18 @@
}
}
@media (max-width: $sm-breakpoint) {
.single-image {
.single-image__property {
display: block;
}
}
}