flayks/housesof
2
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Create reusable class for Photo

Browse Source
This commit is contained in:
Félix Péault
2021-10-17 22:18:26 +02:00
parent 38006355db
commit 277005c591
4 changed files with 30 additions and 30 deletions
Download Patch File Download Diff File Expand all files Collapse all files

25
src/style/atoms/_photo.scss Normal file
View File

@@ -0,0 +1,25 @@
.photo {
overflow: hidden;
background: $color-primary-tertiary20;
border-radius: 6px;
a {
position: relative;
display: block;
height: 100%;
cursor: zoom-in;
& > picture {
height: 100%;
img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
pointer-events: none;
user-select: none;
}
}
}
}

10
src/style/organisms/_house.scss
View File

@@ -41,15 +41,13 @@
display: block;
grid-column: 1 / span 17;
picture {
position: relative;
z-index: 3;
overflow: hidden;
background: $color-primary-tertiary20;
@include bp (sm) {
border-radius: 8px;
}
picture {
position: relative;
z-index: 3;
}
img {
display: block;

24
src/style/pages/_photos.scss
View File

@@ -251,30 +251,6 @@
// Photo
.photo {
overflow: hidden;
border-radius: 6px;
background: $color-primary-tertiary20;
a {
position: relative;
display: block;
height: 100%;
cursor: zoom-in;
& > picture {
height: 100%;
img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
pointer-events: none;
user-select: none;
}
}
}
/**
* Photo sizes
*/

1
src/style/style.scss
View File

@@ -40,6 +40,7 @@
@import "atoms/discover";
@import "atoms/box-cta";
@import "atoms/site-title";
@import "atoms/photo";
// Molecules
@import "molecules/photo-card";