@import './token.less';

// 按钮默认样式Mixins
.btn() {
	padding: 0;
	position: relative;
	display: inline-block;
	vertical-align: middle;
	box-sizing: border-box;
	font-weight: @btn-g-font-weight;
	border: @btn-border-width solid transparent;
	user-select: none;
	border-radius: @btn-g-radius-border;
	text-align: center;
	background-color: transparent;
	cursor: pointer;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
  &,
  &:active,
  &:focus {
    	outline: 0;
	}
}
// 各个按钮类型的样式Mixins
.btn-type(@border-color, @background-color, @color) {
	border-color: @border-color;
	background-color: @background-color;
	color: @color;
}
// 各个按钮尺寸的样式Mixins
.btn-size(@height, @font-size, @padding-vertical, @padding-horizontal, @min-width,@max-width) {
	height: @height;
	min-width: @min-width;
	line-height: calc(@height - (@padding-vertical * 2) - (@btn-border-width * 2));
	font-size: @font-size;
	padding: @padding-vertical @padding-horizontal;
	max-width: @max-width;
}
// 圆形按钮不同尺寸的样式Mixins
.btn-shape-circle-width(@width) {
	width: @width;
	padding: 0;
}