updated styles

This commit is contained in:
andres alcocer
2021-10-08 19:57:36 -04:00
parent 4a82c29a7b
commit 48dad9f32b
6 changed files with 33 additions and 38 deletions

View File

@@ -1,38 +1,34 @@
.movie {
flex: 1 1 auto;
padding-top: 6rem;
display: inline-block;
flex: 1 1 auto;
display: inline-block;
padding-right: 0.5rem;
padding-bottom: 7rem;
@include responsive(tab_port) {
padding-top: 4rem;
}
@include responsive(phone) {
padding-bottom: 4rem;
}
&__column-poster {
height: 25rem;
width: 17.5rem;
cursor: pointer;
transition: transform .3s;
-webkit-transition: transform .3s;
&__column-poster {
height: 15rem;
cursor: pointer;
transition: transform 0.3s;
-webkit-transition: transform 0.3s;
&:hover {
transform: scale(1.25);
@include responsive(tab_port) {
height: 20rem;
width: 14rem;
transform: scale(1.15);
}
&:hover {
transform: scale(1.25);
@include responsive(tab_port) {
transform: scale(1.15);
}
}
}
&__poster {
height: 100%;
}
}
&__poster {
height: 100%;
border-radius: 5px;
}
}
div.movie:first-child {
padding-top: 15rem;
padding-top: 15rem;
}