提交 e973cb7c 编写于 作者: A afc163

update button cirle outline style

上级 50fd2416
......@@ -46,10 +46,6 @@
.btn-circle(@btn-prefix-cls);
}
&-circle-outline {
.btn-circle-outline;
}
&:after {
font-family: anticon;
content: "\e6a1";
......
......@@ -192,50 +192,6 @@
}
}
// circle button with stroke border
.btn-circle-outline() {
position: relative;
&:not([disabled]):before {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
display: inline-block;
.opacity(0);
border-radius: 50% 50%;
content: " ";
.scale(0, 0);
.transition(all .3s @ease-in-out);
z-index: 0;
background-color: @primary-color;
}
&:not([disabled]):hover,
&:not([disabled]):focus,
&:not([disabled]):active,
&:not([disabled]).active {
> .@{iconfont-css-prefix} {
color: @btn-primary-color;
position: relative;
}
}
&:not([disabled]):hover:before,
&:not([disabled]):focus:before,
&:not([disabled]):active:before,
&:not([disabled]).active:before {
.opacity(1);
.scale(1, 1);
}
&:not([disabled]):active:before,
&:not([disabled]).active:before {
background-color: tint(@primary-color, 20%);
}
}
// Horizontal button groups styl
// --------------------------------------------------
.btn-group(@btnClassName: btn) {
......@@ -269,15 +225,15 @@
padding-left: 8px;
}
& > & {
& > & {
float: left;
}
& > &:not(:first-child):not(:last-child) > .@{btnClassName} {
& > &:not(:first-child):not(:last-child) > .@{btnClassName} {
border-radius: 0;
}
& > &:first-child:not(:last-child) {
& > &:first-child:not(:last-child) {
> .@{btnClassName}:last-child {
border-bottom-right-radius: 0;
border-top-right-radius: 0;
......@@ -285,7 +241,7 @@
}
}
& > &:last-child:not(:first-child) > .@{btnClassName}:first-child {
& > &:last-child:not(:first-child) > .@{btnClassName}:first-child {
border-bottom-left-radius: 0;
border-top-left-radius: 0;
padding-left: 8px;
......
Markdown is supported
0% .
You are about to add 0 people to the discussion. Proceed with caution.
先完成此消息的编辑!
想要评论请 注册