|
|
@ -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; |
|
|
|