Vorlage:Startseite/featured/styles.css: Unterschied zwischen den Versionen

Versionsgeschichte interaktiv durchsuchen

Inhalt gelöscht Inhalt hinzugefügt

Inline

Aktuelle Version vom 16. April 2026, 02:59 Uhr

#home-featured {
	overflow: hidden;
	border-radius: var(--border-radius-medium);	
}

#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__foreground {
	justify-content: flex-end;
}

#home-featured .home-card__badge {
	border-bottom-left-radius: var(--border-radius-base);
}

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

@@ Zeile 1: / Zeile 1: @@
 #home-featured {
 	overflow: hidden;
+	border-radius: var(--border-radius-medium);
-    height: 209px;
-    margin-bottom: 0.625rem;
 }
@@ Zeile 11: / Zeile 10: @@
 #home-featured .home-card__background:after {
+	top: unset;
-	position: absolute;
-	pointer-events: none;
-	right: 0;
-	bottom: 0;
-	left: 0;
-	display: block;
 	height: 60%;
 	background: linear-gradient( to top, #000, transparent );
-	border-radius: 0 0 8px 8px;
-	content: '';
 }
 #home-featured .home-card__foreground {
+	justify-content: flex-end;
-	pointer-events: none;
-	right: 15px;
-	bottom: 15px;
-	left: 15px;
 }
-#home-featured a img.thumbimage:hover, #home-featured a img:hover {
+#home-featured .home-card__badge {
+	border-bottom-left-radius: var(--border-radius-base);
-    transform: scale(1.1);
-	transition: transform 250ms cubic-bezier(0.215,0.61,0.355,1);
 }
-#home-featured a img.thumbimage, #home-featured a img {
+#home-featured.home-card--button:hover .home-card__background::after {
+	transform: translateY(100%);
-	transition: transform 250ms cubic-bezier(0.215,0.61,0.355,1);
 }

Gokussj7 (Diskussion | Beiträge)

Aktuelle Version vom 16. April 2026, 02:59 Uhr