Add a 'scrim' at the bottom of the carousel, using amp.dev as an exam…

…ple.
ampproject · Sep 17, 2019 · 0b0b2fd · 0b0b2fd
1 parent 2fab3b9
commit 0b0b2fd
Showing 1 changed file with 6 additions and 1 deletion.
diff --git a/assets/css/src/amp-default.css b/assets/css/src/amp-default.css
@@ -66,5 +66,10 @@ amp-carousel .amp-wp-gallery-caption {
 	text-align: center;
 	position: absolute;
 	bottom: 0;
-	width: 100%;
+	left: 0;
+	right: 0;
+	padding: 0.5rem;
+	max-height: 30%;
+	color: #fff;
+	background: linear-gradient(0deg, rgba(0, 0, 0, 0.7) 0, rgba(0, 0, 0, 0.3) 70%, transparent);
 }