// BORDERS
//	Constants
// 		Defaults
@border-all: 'all sides';
@border-default-chroma: @border-muted;
@border-default-width: 1px;

//		Sides
@border-top: border-top;
@border-right: border-right;
@border-bottom: border-bottom;
@border-left: border-left;

//		Chroma
@border-muted: @color-border-muted;
@border-light: @color-border-light;

//		Width
@border-width-2: 2px;
@border-width-3: 3px;

.border(@side: false; @property: @border-all; @chroma: @border-default-chroma; @width: @border-default-width) {
	& when (@side) {
		& when (@property = @border-all) {
			border: @width solid @chroma;
		}

		@{property}: @width solid @chroma;
	}

	& when not (@side) {
		border: none;
	}
}