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

initial commit

Browse source
This commit is contained in:
Matthieu Bessat 2022-09-28 22:49:59 +02:00
commit 16137dce12
80 changed files with 1757 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

70
assets/sass/single_image.scss Normal file
View file

@ -0,0 +1,70 @@
.single-image {
background: #ecf0f1;
display: grid;
grid-template-columns: 1fr 1fr;
grid-column-gap: 1rem;
.single-image__side {
padding: 2rem 1rem 2rem 2rem;
}
.single-image__image-container {
background: #95a5a6;
min-width: 70vh;
min-height: 50vh;
max-height: 80vh;
display: flex;
align-items: center;
justify-content: center;
}
.single-image__image {
max-width: 100%;
max-height: 100%;
width: auto;
height: auto;
}
.single-image__property {
display: flex;
align-items: center;
div:first-of-type {
margin-right: 1rem;
}
.icon {
margin-right: .5rem;
}
pre {
margin: 0;
}
}
.single-image__tags {
ul {
margin: 0;
list-style-type: none;
display: flex;
padding: 0;
li {
border: 1px solid black;
border-radius: 3px;
margin-right: .3rem;
padding: .3rem;
font-size: .9rem;
}
li:last-of-type {
margin-right: 0;
}
}
}
}
@media (max-width: $md-breakpoint) {
.single-image {
display: block;
.single-image__image-container {
min-width: initial;
max-height: initial;
width: 100%;
}
}
}