vui-design/src/style/components/ratio.less

A high quality UI Toolkit based on Vue.js

@vui-ratio: ~"@{vui}-ratio";

.@{vui-ratio} {
	display:inline-flex;
	align-items:center;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;

	&-prefix {
		margin-right:4px;

		.@{vui}-icon {
			transform:scale(0.8);
		}
	}

	&-suffix {

	}

	&-value {
		display:flex;
		align-items:center;
	}

	&-down {
		color:@success-color;
	}
	&-up {
		color:@error-color;
	}
}