com.phloxui/styles/mixins/arrow.less

PhloxUI Ng2+ Framework

// Mixins lib for rounded corner style
@import "../variables";

.phlox-arrow-up(@size: @DEFAULT_ARROW_SIZE, @color: @DEFAULT_ARROW_COLOR) {
	width: 0;
	height: 0;
	border-left: @size solid transparent;
	border-right: @size solid transparent;

	border-bottom: @size solid @color;
}

.phlox-arrow-up {
	.phlox-arrow-up();
}

.phlox-arrow-down(@size: @DEFAULT_ARROW_SIZE, @color: @DEFAULT_ARROW_COLOR) {
	width: 0;
	height: 0;
	border-left: @size solid transparent;
	border-right: @size solid transparent;

	border-top: @size solid @color;
}

.phlox-arrow-down {
	.phlox-arrow-down();
}

.phlox-arrow-right(@size: @DEFAULT_ARROW_SIZE, @color: @DEFAULT_ARROW_COLOR) {
	width: 0;
	height: 0;
	border-top: @size solid transparent;
	border-bottom: @size solid transparent;

	border-left: @size solid @color;
}

.phlox-arrow-right {
	.phlox-arrow-right();
}

.phlox-arrow-left(@size: @DEFAULT_ARROW_SIZE, @color: @DEFAULT_ARROW_COLOR) {
	width: 0;
	height: 0;
	border-top: @size solid transparent;
	border-bottom: @size solid transparent;

	border-right: @size solid @color;
}

.phlox-arrow-left {
	.phlox-arrow-left();
}