[TELE-1393] make formsofcategorycell that has asset picture look like Liege/Verviers

This commit is contained in:
Daniel Muyshond 2022-07-30 16:01:15 +02:00
parent feb67295e0
commit 990d34695f
1 changed files with 32 additions and 0 deletions

View File

@ -209,6 +209,38 @@ div.link-cell.pk-button ul > li > a, .link-cell.lingo-basket-cell--item-pay ul >
transition: background 0.1s cubic-bezier(0.79, 0.14, 0.15, 0.86), color 0.1s cubic-bezier(0.79, 0.14, 0.15, 0.86), border 0.1s cubic-bezier(0.79, 0.14, 0.15, 0.86);
}
div#content div.wcsformsofcategorycell.has-asset-picture {
position: relative;
padding-bottom: 0;
picture img {
width: 100%;
object-fit: cover;
height: 160px;
}
h2 {
position: absolute;
width: 100%;
z-index: 10;
background-color: rbg(0 0 0 / 23%);
color: white;
height: 160px;
padding-top: 50px;
&::after {
font-size: 1.2em;
}
}
&.foldable {
@media screen and ($max-mobile-viewport) {
h2 {
padding-right: 50px; // for folding arrow
}
}
h2::after {
font-size: 30px;
}
}
}
/*
Links
*/