releases: hover effect on the whole release block
This commit is contained in:
parent
77199589da
commit
a77f2a86bb
|
@ -8,20 +8,20 @@
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: top;
|
align-items: top;
|
||||||
margin-bottom: 20px;
|
margin-bottom: 20px;
|
||||||
|
height: 120px;
|
||||||
|
transition: height .5s ease-in-out;
|
||||||
|
}
|
||||||
|
|
||||||
|
.release:hover {
|
||||||
|
height: 300px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.release .cover {
|
.release .cover {
|
||||||
flex-shrink: 0;
|
flex-shrink: 0;
|
||||||
transition: height .5s ease-in-out;
|
|
||||||
height: 120px;
|
|
||||||
width: 300px;
|
width: 300px;
|
||||||
background-size: cover;
|
background-size: cover;
|
||||||
}
|
}
|
||||||
|
|
||||||
.release .cover:hover {
|
|
||||||
height: 300px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.release .infos {
|
.release .infos {
|
||||||
margin-top: 10px;
|
margin-top: 10px;
|
||||||
margin-left: 10px;
|
margin-left: 10px;
|
||||||
|
|
Loading…
Reference in a new issue