hak8or/blog
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

More active states

Browse Source
This commit is contained in:
daudix
2024-08-31 06:52:08 +03:00
parent a69352c8b5
commit 65770c2d93
6 changed files with 135 additions and 30 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
sass/_input.scss
View File

@ -130,20 +130,23 @@ input[type="range"] {
&::-webkit-slider-thumb {
-webkit-appearance: none;
appearance: none;
filter: brightness(0.9);
transition: var(--transition);
cursor: grab;
box-shadow: var(--shadow);
border-radius: 999px;
background-color: white;
background-color: hsl(0, 0%, 90%);
width: 1.5rem;
height: 1.5rem;
&:hover {
transform: scale(1.1);
box-shadow: var(--shadow-raised);
background-color: white;
}
&:active {
transform: scale(var(--active));
cursor: grabbing;
}
}
@ -155,16 +158,18 @@ input[type="range"] {
box-shadow: var(--shadow);
border: none;
border-radius: 999px;
background-color: white;
background-color: hsl(0, 0%, 90%);
width: 1.5rem;
height: 1.5rem;
&:hover {
transform: scale(1.1);
box-shadow: var(--shadow-raised);
background-color: white;
}
&:active {
transform: scale(var(--active));
cursor: grabbing;
}
}