|
@@ -394,8 +394,7 @@
|
|
|
}
|
|
|
&:hover,
|
|
|
&.active {
|
|
|
- &::before,
|
|
|
- &::after {
|
|
|
+ &::before {
|
|
|
content: "";
|
|
|
display: inline-block;
|
|
|
position: absolute;
|
|
@@ -404,15 +403,22 @@
|
|
|
transform: translateY(-50%);
|
|
|
width: @wh;
|
|
|
height: @wh;
|
|
|
- border: 1px solid @color!important;
|
|
|
+ border: 1px solid @backcolor !important;
|
|
|
border-radius: 50%;
|
|
|
- background: @color;
|
|
|
+ background: @backcolor;
|
|
|
}
|
|
|
&::after {
|
|
|
+ content: "";
|
|
|
+ display: inline-block;
|
|
|
+ position: absolute;
|
|
|
+ top: 50%;
|
|
|
+ transform: translateY(-50%);
|
|
|
+ border: 1px solid @backcolor !important;
|
|
|
+ border-radius: 50%;
|
|
|
width: @wh*0.5;
|
|
|
height: @wh*0.5;
|
|
|
left: @wh * 0.25;
|
|
|
- background: @backcolor;
|
|
|
+ background: #fff;
|
|
|
}
|
|
|
}
|
|
|
}
|