src/styles/_mixins.scss
@import '../../node_modules/bootstrap/scss/mixins.scss';

@mixin word-wrap() {
    overflow-wrap: break-word;
    word-wrap: break-word;
    -ms-word-break: break-all;
    word-break: break-all;
    word-break: break-word;
    -ms-hyphens: auto;
    -moz-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
}

@mixin dark-scrollbar() {
    &::-webkit-scrollbar {
        width: var(--ds-dark-scrollbar-width);
        height: 3px;
    }
    &::-webkit-scrollbar-button {
        background-color: var(--ds-dark-scrollbar-bg);
    }
    &::-webkit-scrollbar-track {
        background-color: var(--ds-dark-scrollbar-alt-bg);
    }
    &::-webkit-scrollbar-track-piece {
        background-color: var(--ds-dark-scrollbar-bg);
    }
    &::-webkit-scrollbar-thumb {
        height: 50px;
        background-color: var(--ds-dark-scrollbar-fg);
        border-radius: 3px;
    }
    &::-webkit-scrollbar-corner {
        background-color: var(--ds-dark-scrollbar-alt-bg);
    }
    &::-webkit-resizer {
        background-color: var(--ds-dark-scrollbar-bg);
    }
}
