@gofynd/nitrozen-vue/src/base/common.less

Fynd Design Library for Vue

@import "./variable.less";

.nitrozen-scrollbar {
    /* scrollbar */
    &::-webkit-scrollbar {
        width: 5px;
        background-color: @WhiteColor;
    }
    /* Track */
    &::-webkit-scrollbar-track {
        box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.4);
        background-color: @WhiteColor;
    }
    /* Handle */
    &::-webkit-scrollbar-thumb {
        border-radius: 2.5px;
        background-color: #6b6b6b;
    }
}

.nitrozen-menu-scrollbar {
    /* scrollbar */
    &::-webkit-scrollbar {
        width: 10px;
    }
    /* Track */
    &::-webkit-scrollbar-track {
        border: 1px solid @BorderColor;
        background-color: @BackgroundColor;
    }
    /* Handle */
    &::-webkit-scrollbar-thumb {
        border: 3px solid @BackgroundColor;
        background-clip: padding-box;
        background: @ScrollBarThumbColor;
        width: 4px;
        border-radius: 5px;
    }
}

.disable(@bg){
    background: @bg;
    pointer-events: none;
    cursor: not-allowed;
    opacity: 0.5;
}

dialog{
    padding: 0;
}