Spotify/top-lists
0
0
Fork 0
Code Issues Activity

Add input styling for text inputs (textarea & input[type=text] )

Browse source
This commit is contained in:
Oliver-Akins 2020-08-13 23:38:47 -06:00
parent ff3f02be2a
commit f1286592a2
1 changed files with 35 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

35
src/css/inputs.css
View file

@ -28,6 +28,23 @@ input[type=number]:focus {
} }
input[type=text] {
background-color: var(--input-background);
border-radius: var(--corner-rounding);
font-family: var(--fonts);
border-color: transparent;
color: var(--input-text);
border-style: solid;
border-width: 2px;
outline: none;
padding: 15px;
width: 90%;
}
input[type=text]:focus {
border-color: var(--input-active-border);
}
select { select {
background-color: var(--input-background); background-color: var(--input-background);
border-radius: var(--corner-rounding); border-radius: var(--corner-rounding);
@ -44,3 +61,21 @@ select:hover { cursor: pointer; }
select:active, select:focus { select:active, select:focus {
border-color: var(--input-active-border); border-color: var(--input-active-border);
} }
textarea {
background-color: var(--textarea-background);
border-radius: var(--corner-rounding);
color: var(--textarea-text-colour);
border-color: transparent;
border-style: solid;
font-weight: bolder;
border-width: 2px;
margin: 10px;
outline: none;
padding: 5px;
width: 90%;
}
textarea:focus {
border-color: var(--textarea-border-colour);
}