Bommels05/Modrinth
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fix input styling (#43)

Browse Source
This commit is contained in:
Geometrically 2023-04-21 11:40:48 -07:00 committed by GitHub
parent 97e0fd9f43
commit b329a44fef
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 6 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
lib/assets/styles/defaults.scss
View File

@ -65,7 +65,6 @@ textarea {
padding: 0.5rem 1rem;
font-weight: var(--font-weight-medium);
outline: 2px solid transparent;
box-shadow: var(--shadow-inset-sm), 0 0 0 0 transparent;
transition: box-shadow 0.1s ease-in-out;
min-height: 40px;
@ -87,7 +86,7 @@ textarea {
}
&::placeholder {
color: var(--color-contrast);
color: var(--color-base);
opacity: 0.6;
}
}
@ -111,16 +110,19 @@ input[type='number'] {
}
&:focus-within svg {
color: var(--color-base);
opacity: 1;
color: var(--color-contrast);
}
:not(input) {
svg {
position: absolute;
left: 0.75rem;
height: 1.25rem;
width: 1.25rem;
z-index: 1;
color: var(--color-base);
opacity: 0.6;
}
}