// Imports all of Bootstrap
@import "~bootstrap/scss/bootstrap";

pre.file {
    border-left: 2px solid $primary;
    background-color: $light;
    padding: map-get($spacers, 2);
}

.toggle-settings {
    svg {
        fill: currentColor;
        pointer-events: none;
        transition: transform 0.25s;
    }
    &.active svg {
        transform: rotate(45deg);
    }
}

.copy-snippet {
    &__button svg {
        fill: currentColor;
        pointer-events: none;
    }
    &__tooltip {
        top: 100%;
        left: 0;
        transform: translateY(-50%);
        transition:
            opacity 0.25s,
            transform 0.25s;
        &.show {
            transform: none;
        }
        .arrow {
            left: 50%;
            transform: translateX(-50%);
        }
        .tooltip-inner {
            max-width: none;
        }
    }
}

a {
    text-decoration: none;
    &:hover,
    &:focus {
        text-decoration: underline;
    }
}

// Bootstrap 5 removes hover and focus states for badges
.filter-by a.badge.bg-secondary {
    &:hover,
    &:focus {
        text-decoration: none;
        background-color: $black !important;
    }
}
