portfolio {
min-height: 90vh;
}
.card-overlay {
top: 0; left: 0; width: 100%; height: 100%; border-radius: calc(0.25rem - 1px); transition: background-color 0.5s; svg.learnmore { height: 70px; fill: rgba(theme-color(primary), 0.7); margin-top: auto; margin-bottom: auto; display: none; } &:hover { background-color: rgba($black, .5); cursor: zoom-in; svg.learnmore { display: block; } } @media (max-width: 500px){ svg.learnmore { margin: 0 0 0 auto; display: block; } span { display: flex !important; align-items: flex-end; } }
}
.modal-footer {
a { fill: darken(theme-color(primary), 15%); svg { height: $spacer; } }
}
.carousel-control-next-icon {
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='#{theme-color(primary)}' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E");
}
.carousel-control-prev-icon {
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='#{theme-color(primary)}' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E");
}
.carousel-indicators li {
&.active { background-color: theme-color(primary); }
}