[TELE-1393] make formsofcategorycell that has asset picture look like Liege/Verviers
This commit is contained in:
parent
feb67295e0
commit
990d34695f
|
@ -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
|
||||
*/
|
||||
|
|
Loading…
Reference in New Issue