Template:Main page/featured/styles.css: Difference between revisions

Content deleted Content added

Inline

Revision as of 09:47, 4 October 2024

#home-featured {
	overflow: hidden;
}

#home-featured .home-card__background {
	overflow: hidden;
    border-top-right-radius: 12px;
    border-top-left-radius: 8px;
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px;
}

#home-featured .home-card__background a {
	display: block;
	height: 100%;
}

#home-featured .home-card__background:after {
	top: unset;
	height: 60%;
	background: linear-gradient( to top, #000, transparent );
}


#home-featured.home-card--button:hover .home-card__background::after {
	transform: translateY(100%);
}

#home-featured .home-card__foreground {
	justify-content: flex-end;
}