From 59d101676ecf52e2eb5b406f8ddd85f5ec2e9e9d Mon Sep 17 00:00:00 2001 From: David Ball Date: Sun, 14 Jul 2024 22:34:44 -0400 Subject: [PATCH] Improved visibility of buttons on image carousel component. --- src/components/ImageCarousel.astro | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/src/components/ImageCarousel.astro b/src/components/ImageCarousel.astro index 4e8dd23..b16f744 100644 --- a/src/components/ImageCarousel.astro +++ b/src/components/ImageCarousel.astro @@ -116,7 +116,6 @@ image-carousel { height: 100%; color: white; font-weight: bold; - font-size: 18px; transition: 0.6s ease; text-decoration: none; user-select: none; @@ -149,6 +148,7 @@ image-carousel { display: flex; align-items: center; justify-content: center; + font-size: 2rem; } /* .carousel-btn-prev > a span, .carousel-btn-next > a span { position: relative; @@ -172,8 +172,7 @@ image-carousel { align-items: center; justify-content: center; } -.carousel-btn-prev span, .carousel-btn-next span { - font-size: 1.2rem; +.carousel-btn-prev > a span, .carousel-btn-next > a span { position: relative; top: 50%; } @@ -187,6 +186,7 @@ image-carousel { /* background-color: #23262d; */ filter: unset; mix-blend-mode: unset; + font-size: 4rem; } .carousel-btn-prev:is(:hover, :focus-within), .carousel-btn-next:is(:hover, :focus-within) { background-color: #23262d;