31 lines
462 B
SCSS
31 lines
462 B
SCSS
.btn {
|
|
--icon-offset: -.4em;
|
|
--square-side-length: 1.56rem;
|
|
|
|
z-index: 3;
|
|
|
|
flex: 0 0;
|
|
margin-top: auto;
|
|
|
|
cursor: pointer;
|
|
|
|
span:first-child {
|
|
width: var(--square-side-length);
|
|
height: var(--square-side-length);
|
|
}
|
|
|
|
|
|
i {
|
|
color: var(--color-gray-dark) !important;
|
|
top: var(--icon-offset);
|
|
left: var(--icon-offset);
|
|
}
|
|
|
|
&:hover,
|
|
&:focus {
|
|
> span:first-child {
|
|
background-color: transparent !important;
|
|
}
|
|
}
|
|
}
|