Some new animations in cart

Long addresses will be capped (copy will come in next commit)
This commit is contained in:
2021-01-24 19:58:02 +01:00
parent 59ebcb54c6
commit 03227b8b0f
8 changed files with 144 additions and 29 deletions

View File

@@ -17,24 +17,39 @@
height: 359px;
}
.cart ul li {
.item {
display: grid;
padding: 1rem;
grid-template-columns: 64px 1fr auto;
grid-column-gap: 1rem;
border-radius: 12px;
transition: .2s !important;
}
.cart ul li:nth-child(even) {
.item:hover {
padding-top: 1.5rem;
padding-bottom: 1.5rem;
}
.item:hover img {
transform: rotate(5deg);
}
.item:nth-child(even) {
background-color: #292929;
}
.item:nth-child(even):hover img {
transform: rotate(-5deg);
}
.image {
height: 64px;
width: 64px;
padding: 0;
margin: 0;
border-radius: 8px;
transition: .25s ease-out;
}
.name {