45 lines
810 B
Plaintext
45 lines
810 B
Plaintext
@import '../common';
|
|
|
|
// Use to hack button border in button-group set [justified].
|
|
.btn-ghost-hack-variant(@border-color) {
|
|
@color-border-dark: color(~`palette('@{border-color}', 600) `);
|
|
@color-border-darker: color(~`palette('@{border-color}', 700) `);
|
|
|
|
&::before,
|
|
&::after {
|
|
background-color: @border-color;
|
|
}
|
|
|
|
&:focus,
|
|
&.@{ns}btn-focus {
|
|
&::before,
|
|
&::after {
|
|
background-color: @color-border-dark;
|
|
}
|
|
}
|
|
|
|
&:hover {
|
|
&::before,
|
|
&::after {
|
|
background-color: @color-border-dark;
|
|
}
|
|
}
|
|
|
|
&:active,
|
|
&.@{ns}btn-active {
|
|
&::before,
|
|
&::after {
|
|
background-color: @color-border-darker;
|
|
}
|
|
|
|
&:hover,
|
|
&:focus,
|
|
&.@{ns}btn-focus {
|
|
&::before,
|
|
&::after {
|
|
background-color: @color-border-darker;
|
|
}
|
|
}
|
|
}
|
|
}
|