diff --git a/static/includes/_imio-basic-additional-custom.scss b/static/includes/_imio-basic-additional-custom.scss index f8a01e4d..6960f05a 100644 --- a/static/includes/_imio-basic-additional-custom.scss +++ b/static/includes/_imio-basic-additional-custom.scss @@ -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 */