boday_tf/boday_it/private/sass/addons/_carousel.scss
2020-01-27 12:38:52 -05:00

55 lines
1.4 KiB
SCSS
Executable file

// #############################################################################
// EVENTS
$carousel-caption-height: 100px;
$carousel-indicator-size: 12px;
// modyfies core styles for the bootstrap carousel plugin standard style
.carousel-style-standard {
.item {
margin-bottom: $carousel-caption-height;
}
.carousel-indicators {
bottom: $carousel-caption-height;
li {
width: $carousel-indicator-size;
height: $carousel-indicator-size;
}
.active {
width: $carousel-indicator-size + 2;
height: $carousel-indicator-size + 2;
}
}
.carousel-control {
background-image: none;
span {
margin-top: -15px - $carousel-caption-height / 2;
}
}
.carousel-caption {
left: 0;
right: 0;
bottom: -$carousel-caption-height;
padding: $line-height-computed / 2 0;
height: $carousel-caption-height;
border-bottom: 1px solid $gray-light;
background: white;
p,
h1,
h2,
h3,
h4,
h5,
h6 {
color: $text-color;
font-size: $font-size-small;
text-align: left;
font-weight: 600;
margin: 0 0 5px;
}
p {
font-weight: 300;
margin: 0;
}
}
}