36 lines
669 B
SCSS
36 lines
669 B
SCSS
.smallBtn {
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
border: 0px;
|
|
border-radius: 100%;
|
|
background-color: transparent;
|
|
width: 0;
|
|
height: 0;
|
|
cursor: pointer;
|
|
transition: 0.125s ease-in-out;
|
|
img {
|
|
filter: var(--filterStatic);
|
|
}
|
|
&:hover {
|
|
background-color: var(--btnBgHoverColor);
|
|
img {
|
|
scale: 1.1;
|
|
filter: var(--filter);
|
|
}
|
|
}
|
|
}
|
|
|
|
.smallBtn[disabled] {
|
|
cursor: auto;
|
|
img {
|
|
filter: brightness(0) saturate(100%) invert(40%) sepia(0%) saturate(29%)
|
|
hue-rotate(173deg) brightness(99%) contrast(91%);
|
|
}
|
|
&:hover {
|
|
background-color: transparent;
|
|
img {
|
|
scale: 1;
|
|
}
|
|
}
|
|
}
|