//边框公共样式
@use "../define/colors.scss" as *;

$border-width: 1px;

.border {
	&-all {
		@each $key, $color in $colors {
			&-#{''+$key} {
				border-color: $color;
				border-width: $border-width;
				border-style: solid;
			}
		}
	}
	&-top {
		@each $key, $color in $colors {
			&-#{''+$key} {
				border-top-color: $color;
				border-top-width: $border-width;
				border-top-style: solid;
			}
		}
	}
	&-bottom {
		@each $key, $color in $colors {
			&-#{''+$key} {
				border-bottom-color: $color;
				border-bottom-width: $border-width;
				border-bottom-style: solid;
			}
		}
	}
	&-left {
		@each $key, $color in $colors {
			&-#{''+$key} {
				border-left-color: $color;
				border-left-width: $border-width;
				border-left-style: solid;
			}
		}
	}
	&-right {
		@each $key, $color in $colors {
			&-#{''+$key} {
				border-right-color: $color;
				border-right-width: $border-width;
				border-right-style: solid;
			}
		}
	}
	&-none {
		border-width: 0;
	}
}
