Scrollbar SCSS mixin

_scrollbar-mixin.scss

@mixin scrollbars(
	$size,
	$foreground-color,
	$background-color,
	$border-width: 0,
	$context-hover-background-color: lighten($foreground-color, 5%),
	$hover-background-color: lighten($foreground-color, 10%),
) {
	// Blink browsers (Chrome, Edge)
	&::-webkit-scrollbar {
		width: $size;
		height: $size;
	}

	&::-webkit-scrollbar-track {
		background: $background-color;
	}

	&::-webkit-scrollbar-thumb {
		background: $foreground-color;
		@if $border-width != 0 {
			border: $border-width solid $background-color;
		}
	}

	&:hover::-webkit-scrollbar-thumb {
		background: $context-hover-background-color;
	}

	&::-webkit-scrollbar-thumb:hover {
		background: $hover-background-color;
	}

	// Firefox
	& {
		scrollbar-color: $foreground-color $background-color;
	}
}