diff --git a/README.md b/README.md index b3ab7e9..0f4e202 100644 --- a/README.md +++ b/README.md @@ -56,8 +56,4 @@ Still have a bunch of tiny tweaks and extras to build, but th - ability for an accent color (defaults to theme) -- Tweak `code`, `pre`, `kbd` - -- input highlight on focus - - documentation around `main` , `article`, `section` tags diff --git a/src/grayscale.css b/src/grayscale.css index 57bd78c..bfa1cb3 100644 --- a/src/grayscale.css +++ b/src/grayscale.css @@ -14,8 +14,7 @@ --space: 1rem; } -[data-theme="light"], -:root:not([data-theme="dark"]) { +[data-theme="light"],:root:not([data-theme="dark"]) { --light: hsl(var(--Hsl), var(--hSl), calc(var(--hsL) + 35%)); --dark: hsl(var(--Hsl), var(--hSl), calc(var(--hsL) - 35%)); --gray: hsl(var(--Hsl), 15%, 75%); @@ -157,8 +156,11 @@ input:disabled { cursor:not-allowed; } -input[type="checkbox"], -input[type="radio"] { +select:focus, textarea:focus, input:focus { + border: 2px solid var(--theme); +} + +input[type="checkbox"],input[type="radio"] { background: red; display: inline-block; padding: 0; @@ -167,11 +169,7 @@ input[type="radio"] { height: calc(var(--size) * .8); } -button, -input[type="submit"], -input[type="reset"], -select, -textarea { +button,input[type="submit"],input[type="reset"],select,textarea { display: inline-block; outline: none; font-family: var(--font); @@ -187,8 +185,7 @@ textarea { cursor: pointer; } -input[type="submit"], -input[type="reset"] { +input[type="submit"],input[type="reset"] { background-color: var(--theme); color: var(--bg); }