|
|
@ -9,17 +9,16 @@ |
|
|
|
&:after { |
|
|
|
&:after { |
|
|
|
position: absolute; |
|
|
|
position: absolute; |
|
|
|
display: table; |
|
|
|
display: table; |
|
|
|
// 百分比会出现像素误差 |
|
|
|
top: 45%; |
|
|
|
top: 6px; |
|
|
|
left: 20%; |
|
|
|
left: 2px; |
|
|
|
|
|
|
|
border: 2px solid transparent; |
|
|
|
border: 2px solid transparent; |
|
|
|
border-top: 0; |
|
|
|
border-top: 0; |
|
|
|
border-left: 0; |
|
|
|
border-left: 0; |
|
|
|
width: 6px; |
|
|
|
width: 50%; |
|
|
|
height: 9px; |
|
|
|
height: 75%; |
|
|
|
.box-sizing(border-box); |
|
|
|
.box-sizing(border-box); |
|
|
|
.transform(rotate(45deg) scale(1) translate(-50%, -50%)); |
|
|
|
.transform(rotate(45deg) scale(1) translate(-50%, -50%)); |
|
|
|
@transition: all .1s cubic-bezier(.71,-.46,.88,.6),opacity .1s; |
|
|
|
@transition: all .1s cubic-bezier(.71, -.46, .88, .6), opacity .1s; |
|
|
|
.transition(@transition); |
|
|
|
.transition(@transition); |
|
|
|
content: ''; |
|
|
|
content: ''; |
|
|
|
} |
|
|
|
} |
|
|
|