//圆角相关样式
@use "../define/border-radius.scss" as *;

.radius {
  &-round {
    border-radius: 50%;
  }
	&-none {
		border-radius: 0;

		&-bottom {
			border-bottom-left-radius: 0;
			border-bottom-right-radius: 0;
		}
		&-top {
			border-top-left-radius: 0;
			border-top-right-radius: 0;
		}
		&-left {
			border-bottom-left-radius: 0;
			border-top-left-radius: 0;
		}
		&-right {
			border-bottom-right-radius: 0;
			border-top-right-radius: 0;
		}
		
	}
	@each $key, $size in $border-radius {
		&-#{''+$key} {
			border-radius: $size;

			&-bottom {
				border-bottom-left-radius: $size;
				border-bottom-right-radius: $size;
			}
			&-top {
				border-top-left-radius: $size;
				border-top-right-radius: $size;
			}
			&-left {
				border-bottom-left-radius: $size;
				border-top-left-radius: $size;
			}
			&-right {
				border-bottom-right-radius: $size;
				border-top-right-radius: $size;
			}
		}
	}
}
