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

Temporary browsable Carousel on photo page

Browse Source 
Stuff to be fixed/work on:
- Why is currentPhoto only triggered at the second photo and not the first?
- popState events (prev/next on browser) not working - detect URL changes and change the currentIndex
This commit is contained in:
Félix Péault
2020-03-02 22:30:27 +01:00
parent 1db9217cd0
commit 804880a908
4 changed files with 156 additions and 77 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/style/organisms/_carousel.scss
View File

@@ -45,7 +45,7 @@
// Photo
&__photo {
$duration: 0.9s;
$duration: 1s;
opacity: 0;
overflow: hidden;
@@ -57,7 +57,7 @@
height: 100%;
transform: scale($scale);
box-shadow: 0 pxVW(15) pxVW(60) rgba(#000, 0.3);
transition: transform $duration $ease-quart, opacity $duration $ease-quart;
transition: transform $duration $ease-quart, opacity $duration / 2 $ease-quart;
will-change: transform, opacity;
@include breakpoint (sm) {