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