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

Attempt to switch to relative colors for primary-color-alpha, simplify --active variable, add --hover and --disabled variables

Browse Source
This commit is contained in:
daudix
2024-09-01 16:54:39 +03:00
parent 82d82cc811
commit db499a9363
16 changed files with 30 additions and 38 deletions
Download Patch File Download Diff File Expand all files Collapse all files

17
sass/_input.scss
View File

@ -47,9 +47,12 @@ input[type="color"] {
}
&:disabled {
opacity: var(--disabled);
cursor: not-allowed;
border: 0.15rem solid var(--fg-muted-1);
background-color: var(--fg-muted-1);
&:hover {
background-color: var(--fg-muted-1);
}
}
}
@ -118,7 +121,6 @@ input[type="checkbox"] {
&:disabled {
&::before {
opacity: 0.6;
box-shadow: none;
}
}
@ -134,11 +136,6 @@ input[type="color"] {
width: 3rem;
height: 2rem;
&:disabled {
opacity: 0.6;
border: none;
}
&::-moz-color-swatch {
border: none;
border-radius: calc(var(--rounded-corner-small) - 0.25rem);
@ -177,7 +174,7 @@ input[type="range"] {
height: 1.5rem;
&:active {
transform: scale(var(--active));
transform: var(--active);
cursor: grabbing;
}
}
@ -194,7 +191,7 @@ input[type="range"] {
height: 1.5rem;
&:active {
transform: scale(var(--active));
transform: var(--active);
cursor: grabbing;
}
}