Using FA chevrons for carousel, with light colors

This commit is contained in:
Rob Kelly 2025-12-20 15:46:31 -07:00
parent bbfdf2f4ed
commit 8a5a07b63b
2 changed files with 8 additions and 2 deletions

View File

@ -141,11 +141,13 @@
</div>
<button class="carousel-control-prev" type="button" data-bs-target="#gameDemoCarousel" data-bs-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true" />
<i class="h1 fa-solid fa-chevron-left" aria-hidden="true"></i>
<!-- <span class="carousel-control-prev-icon" aria-hidden="true" /> -->
<span class="visually-hidden">Previous</span>
</button>
<button class="carousel-control-next" type="button" data-bs-target="#gameDemoCarousel" data-bs-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true" />
<i class="h1 fa-solid fa-chevron-right" aria-hidden="true"></i>
<!-- <span class="carousel-control-next-icon" aria-hidden="true" /> -->
<span class="visually-hidden">Next</span>
</button>
</div>

View File

@ -97,3 +97,7 @@ a {
.carousel-indicators button {
background-color: #fff !important;
}
.carousel-control-prev-icon, .carousel-control-next-icon {
filter: invert(0) !important;
}