@import '../../style/themes/index';

.ink-bar-position(@position) {
	& when (@position = top) {
		bottom: 0px;
		width: 100%;
		height: @tabs-ink-bar-height;
		border-top-left-radius: @tabs-ink-bar-height + 3px @tabs-ink-bar-height + 2px;
		border-top-right-radius: @tabs-ink-bar-height + 3px @tabs-ink-bar-height + 2px;
	}

	& when (@position = bottom) {
		top: 0px;
		width: 100%;
		height: @tabs-ink-bar-height;
		border-bottom-left-radius: @tabs-ink-bar-height + 3px @tabs-ink-bar-height + 2px;
		border-bottom-right-radius: @tabs-ink-bar-height + 3px @tabs-ink-bar-height + 2px;
	}

	& when (@position = right) {
		right: initial;
		left: 0;
		height: 100%;
		width: @tabs-ink-bar-height;
		border-top-right-radius: @tabs-ink-bar-height + 3px @tabs-ink-bar-height + 2px;
		border-bottom-right-radius: @tabs-ink-bar-height + 3px @tabs-ink-bar-height + 2px;
	}

	& when (@position = left) {
		right: 0;
		left: initial;
		height: 100%;
		width: @tabs-ink-bar-height;
		border-top-left-radius: @tabs-ink-bar-height + 3px @tabs-ink-bar-height + 2px;
		border-bottom-left-radius: @tabs-ink-bar-height + 3px @tabs-ink-bar-height + 2px;
	}
}