From f1286592a2fd351292e1a4173fc781cd9fe604e4 Mon Sep 17 00:00:00 2001 From: Oliver-Akins Date: Thu, 13 Aug 2020 23:38:47 -0600 Subject: [PATCH] Add input styling for text inputs (textarea & input[type=text] ) --- src/css/inputs.css | 35 +++++++++++++++++++++++++++++++++++ 1 file changed, 35 insertions(+) diff --git a/src/css/inputs.css b/src/css/inputs.css index 987433e..0a560bf 100644 --- a/src/css/inputs.css +++ b/src/css/inputs.css @@ -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 { background-color: var(--input-background); border-radius: var(--corner-rounding); @@ -43,4 +60,22 @@ select { select:hover { cursor: pointer; } select:active, select:focus { 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); } \ No newline at end of file