mirror of
https://github.com/Foundryborne/daggerheart.git
synced 2026-01-11 19:25:21 +01:00
45 lines
No EOL
1,002 B
Text
45 lines
No EOL
1,002 B
Text
.slider-container {
|
|
position: relative;
|
|
background: lightslategray;
|
|
|
|
.slider-inner-container {
|
|
position: absolute;
|
|
top: 1px;
|
|
left: -60px;
|
|
background-color: inherit;
|
|
color: inherit;
|
|
border-radius: 30px;
|
|
cursor: pointer;
|
|
display: flex;
|
|
align-items: center;
|
|
height: 20px;
|
|
width: 40px;
|
|
padding: 0 4px;
|
|
border: @thinBorder solid black;
|
|
|
|
&:hover {
|
|
filter: drop-shadow(0 0 3px red);
|
|
}
|
|
|
|
input:checked {
|
|
opacity: 0;
|
|
width: 0;
|
|
height: 0;
|
|
|
|
& + .slider-icon {
|
|
transform: translateX(17px);
|
|
transition: 1s;
|
|
}
|
|
}
|
|
|
|
.slider-icon {
|
|
position: absolute;
|
|
left: 4px;
|
|
height: 15px;
|
|
width: 15px;
|
|
border-radius: 50%;
|
|
transition: 1s;
|
|
transform: translateX(0);
|
|
}
|
|
}
|
|
} |