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

Don't set cursor on hover

Browse Source
This commit is contained in:
daudix
2024-09-15 18:25:01 +03:00
parent 75d2e5476c
commit 955de008c5
9 changed files with 21 additions and 40 deletions
Download Patch File Download Diff File Expand all files Collapse all files

19
sass/_input.scss
View File

@ -4,21 +4,21 @@ input[type="color"] {
position: relative;
appearance: none;
transition: var(--transition);
cursor: pointer;
border: 0.15rem solid var(--fg-muted-2);
background-color: var(--fg-muted-1);
width: 1rem;
height: 1rem;
&:hover {
cursor: pointer;
background-color: var(--fg-muted-2);
}
&:disabled {
opacity: var(--disabled-opacity);
cursor: not-allowed;
&:hover {
cursor: not-allowed;
background-color: var(--fg-muted-1);
}
}
@ -161,30 +161,24 @@ input[type="color"] {
input[type="range"] {
appearance: none;
transition: var(--transition);
cursor: pointer;
box-shadow: var(--edge-highlight);
border-radius: 999px;
background: var(--accent-color);
width: 100%;
height: 0.5rem;
&:hover {
cursor: pointer;
}
&::-webkit-slider-thumb {
appearance: none;
filter: brightness(0.9);
transition: var(--transition);
cursor: grab;
box-shadow: var(--shadow);
border-radius: 999px;
background-color: white;
width: 1.5rem;
height: 1.5rem;
&:hover {
cursor: grab;
}
&:active {
transform: var(--active);
cursor: grabbing;
@ -194,6 +188,7 @@ input[type="range"] {
&::-moz-range-thumb {
appearance: none;
transition: var(--transition);
cursor: grab;
box-shadow: var(--shadow);
border: none;
border-radius: 999px;
@ -201,10 +196,6 @@ input[type="range"] {
width: 1.5rem;
height: 1.5rem;
&:hover {
cursor: grab;
}
&:active {
transform: var(--active);
cursor: grabbing;