created DisplayMovieRow component
This commit is contained in:
@@ -37,19 +37,19 @@
|
||||
}
|
||||
|
||||
&:hover>* {
|
||||
// transform: translate3d(-5rem, 0, 0);
|
||||
transform: translate3d(-5rem, 0, 0);
|
||||
|
||||
@include responsive(tab_port) {
|
||||
transform: translate3d(-5rem, 0, 0);
|
||||
}
|
||||
|
||||
// @include responsive(phone) {
|
||||
// // transform: translate3d(-3rem, 0, 0);
|
||||
// }
|
||||
@include responsive(phone) {
|
||||
transform: translate3d(-3rem, 0, 0);
|
||||
}
|
||||
}
|
||||
|
||||
&--movie:hover~&--movie {
|
||||
// transform: translate3d(6rem, 0, 0);
|
||||
transform: translate3d(6rem, 0, 0);
|
||||
|
||||
@include responsive(tab_port) {
|
||||
transform: translate3d(4.5rem, 0, 0);
|
||||
@@ -66,7 +66,7 @@
|
||||
}
|
||||
|
||||
&--movie__netflix:hover~&--movie__netflix {
|
||||
transform: translate3d(1rem, 0, 0);
|
||||
// transform: translate3d(1rem, 0, 0);
|
||||
}
|
||||
|
||||
&:hover &--movie__netflix {
|
||||
@@ -101,7 +101,6 @@
|
||||
|
||||
&-image {
|
||||
height: 100%;
|
||||
|
||||
}
|
||||
|
||||
&__netflix {
|
||||
@@ -122,7 +121,6 @@
|
||||
height: 34rem;
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user