other.scss

@import "../variables/default";
@import "../functions/helper";
@import "../functions/theme";

#{$computed-prefix}h-full {
	height: 100vh;
}

// 可操作的，如光标移入
#{$computed-prefix}operable {
	font-size: unitfix(14);
	color: themefix(color-highlight) !important;
	cursor: pointer;
}

// 禁用
#{$computed-prefix}disabled {
	pointer-events: none;
}

/**
 * 禁用动画
 */
#{$computed-prefix}unanimated {
	animation: 0 !important;
}

// 滚动条
#{$computed-prefix}scroller {
	// scrollbar width
	&::-webkit-scrollbar {
		width: unitfix(4);
		/* stylelint-disable */
		&:horizontal {
			height: unitfix(2);
		}
		/* stylelint-enable */
	}
	
	// scrollbar bg
	&::-webkit-scrollbar-track {
		background: themefix(scrollbar-track-bg-color);
		border-radius: unitfix(5);
		box-shadow: themefix(scrollbar-track-box-shadow);
	}

	// Handle
	&::-webkit-scrollbar-thumb {
		background: themefix(scrollbar-thumb-bg-color);
		border-radius: unitfix(5);
	}
}

// display
#{$computed-prefix}none, #{$computed-prefix}dp-n, #{$computed-prefix}hide {
	display: none !important;
}
#{$computed-prefix}show, #{$computed-prefix}dp-b, #{$computed-prefix}block {
	display: block !important;
}
#{$computed-prefix}dp-i, #{$computed-prefix}inline {
	display: inline !important;
}
#{$computed-prefix}dp-ib, #{$computed-prefix}inline-block {
	display: inline-block !important;
}

// cursor
#{$computed-prefix}pointer {
	cursor: pointer !important;
}

// divide 划分
#{$computed-prefix}divide {
	position: relative;
	display: inline-block;
	width: unitfix(1);
	height: unitfix(12);
	margin: 0 unitfix(8);
	vertical-align: middle;
	background: #ccc;
	box-sizing: border-box;
}

// dot 圆点
#{$computed-prefix}dot {
	display: block;
	width: unitfix(5);
	height: unitfix(5);
	border-radius: 50%;
}

#{$computed-prefix}of-h {
	overflow: hidden !important;
}

#{$computed-prefix}bs-bb {
	box-sizing: border-box;
}