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

Display pointer if an image is in link

Browse Source
This commit is contained in:
daudix
2024-09-11 20:17:49 +03:00
parent b5a7653bfe
commit a946255c44
10 changed files with 60 additions and 26 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
sass/_input.scss
View File

@ -5,21 +5,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);
cursor: not-allowed;
&:hover {
cursor: not-allowed;
background-color: var(--fg-muted-1);
}
}
@ -42,7 +42,6 @@ input[type="checkbox"] {
background-color: var(--primary-color);
&:disabled {
cursor: not-allowed;
border: 0.15rem solid transparent;
background-color: var(--primary-color-alpha);
@ -168,25 +167,31 @@ input[type="range"] {
-webkit-appearance: none;
appearance: none;
transition: var(--transition);
cursor: pointer;
box-shadow: var(--edge-highlight);
border-radius: 999px;
background: var(--primary-color);
width: 100%;
height: 0.5rem;
&:hover {
cursor: pointer;
}
&::-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;
width: 1.5rem;
height: 1.5rem;
&:hover {
cursor: grab;
}
&:active {
transform: var(--active);
cursor: grabbing;
@ -196,7 +201,6 @@ input[type="range"] {
&::-moz-range-thumb {
appearance: none;
transition: var(--transition);
cursor: grab;
box-shadow: var(--shadow);
border: none;
border-radius: 999px;
@ -204,6 +208,10 @@ input[type="range"] {
width: 1.5rem;
height: 1.5rem;
&:hover {
cursor: grab;
}
&:active {
transform: var(--active);
cursor: grabbing;