psmattas/Netflix-Clone
Archived
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

main layout completed

Browse Source
This commit is contained in:
andres alcocer
2018-11-17 12:58:54 -05:00
parent 2a88bb4719
commit d457ad851f
8 changed files with 21 additions and 71 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
src/static/sass/components/_movieShowcase.scss
View File

@@ -8,14 +8,14 @@
}
&__container {
overflow-y: hidden;
overflow-y: hidden;
transition: transform 450ms;
overflow-x: scroll;
flex: 1 1 auto;
display: grid;
grid-template-columns: repeat(20, 1fr);
column-gap: .5rem;
column-gap: 0;
&:hover &--movie {
@@ -27,21 +27,20 @@
}
}
&:hover > * {
transform: translate3d(-5rem, 0, 0);
transform: translate3d(-6rem, 0, 0);
}
&--movie:hover ~ &--movie {
transform: translate3d(5rem, 0, 0);
transform: translate3d(6rem, 0, 0);
}
&--movie {
cursor: pointer;
transition: all 450ms;
transform: center left;
padding-top: 3.5rem;
padding-bottom: 4rem;
height: 18rem;
height: 21.5rem;
&:not(:last-child) {
padding-right: .5rem;