2017-07-21 22:16:45 +08:00
|
|
|
.btn {
|
2018-10-19 04:37:14 +08:00
|
|
|
--icon-offset: -.4em;
|
|
|
|
|
--square-side-length: 1.56rem;
|
|
|
|
|
|
2020-11-10 06:40:25 +08:00
|
|
|
z-index: 3;
|
|
|
|
|
|
2017-08-08 22:52:26 +08:00
|
|
|
flex: 0 0;
|
2017-10-06 04:13:29 +08:00
|
|
|
margin-top: auto;
|
2017-10-17 03:28:27 +08:00
|
|
|
|
2017-11-13 20:24:06 +08:00
|
|
|
cursor: pointer;
|
2017-11-17 18:11:46 +08:00
|
|
|
|
2017-11-17 23:38:07 +08:00
|
|
|
span:first-child {
|
2018-10-19 04:37:14 +08:00
|
|
|
width: var(--square-side-length);
|
|
|
|
|
height: var(--square-side-length);
|
2017-10-17 23:48:34 +08:00
|
|
|
}
|
|
|
|
|
|
2017-11-17 23:38:07 +08:00
|
|
|
|
2017-10-17 03:28:27 +08:00
|
|
|
i {
|
2018-10-19 04:37:14 +08:00
|
|
|
color: var(--color-gray-dark) !important;
|
|
|
|
|
top: var(--icon-offset);
|
|
|
|
|
left: var(--icon-offset);
|
2017-11-17 18:11:46 +08:00
|
|
|
}
|
2017-10-17 03:28:27 +08:00
|
|
|
|
|
|
|
|
&:hover,
|
|
|
|
|
&:focus {
|
2017-11-17 23:38:07 +08:00
|
|
|
> span:first-child {
|
2017-10-17 03:28:27 +08:00
|
|
|
background-color: transparent !important;
|
|
|
|
|
}
|
|
|
|
|
}
|
2017-07-21 22:16:45 +08:00
|
|
|
}
|
