anki/sass/scrollbar.scss

/* Copyright: Ankitects Pty Ltd and contributors
 * License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html */

@use "vars";

@mixin custom {
    .isWin,
    .isLin {
        ::-webkit-scrollbar {
            background-color: vars.color(canvas);

            &:horizontal {
                height: 12px;
            }

            &:vertical {
                width: 12px;
            }
        }

        ::-webkit-scrollbar-thumb {
            background: vars.color(scrollbar-bg);
            border-radius: vars.prop(border-radius);

            &:horizontal {
                min-width: 50px;
            }

            &:vertical {
                min-height: 50px;
            }

            &:hover {
                background: vars.color(scrollbar-bg-hover);
            }

            &:active {
                background: vars.color(scrollbar-bg-active);
            }
        }

        ::-webkit-scrollbar-corner {
            background-color: vars.color(canvas);
        }

        ::-webkit-scrollbar-track {
            border-radius: 5px;
            background-color: transparent;
        }
    }
}