bvandevliet/Vandevliet.AerialShots.Website
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Better readable carousel captions.

Browse source
This commit is contained in:
Bob Vandevliet 2024-12-07 12:22:37 +01:00
parent 427a6de376
commit 95c050561b
2 changed files with 34 additions and 13 deletions
Download patch file Download diff file Expand all files Collapse all files

23
src/scss/styles.scss
View file

@ -17,7 +17,7 @@ $primary: $red; // Default: $blue
// Include any default map overrides here
$carousel-dark-indicator-active-bg: $white;
$carousel-dark-caption-color: $white;
$carousel-dark-caption-color: $white;
$carousel-dark-control-icon-filter: unset;
// Include remainder of required parts
@ -300,6 +300,27 @@ img.grayscale-effect {
height: 100%;
}
.carousel-caption {
right: unset;
left: unset;
bottom: 0;
// @extend .text-shadow;
}
.carousel-indicators {
position: unset;
border-bottom-left-radius: var(--bs-border-radius);
border-bottom-right-radius: var(--bs-border-radius);
}
.carousel-caption,
.carousel-indicators {
width: 100%;
background-color: rgba(22, 23, 25, 0.6) !important;
@extend .m-0;
@extend .p-0;
}
.list-group-item {
background-color: inherit;
border: solid var(--bs-body-bg);