diff --git a/public/assets/css/front/index.css b/public/assets/css/front/index.css index f73f367..ec9b25b 100644 --- a/public/assets/css/front/index.css +++ b/public/assets/css/front/index.css @@ -3,6 +3,12 @@ section.index-search { background: var(--white); } +/* TODO: move to a global file? it’s not only for forms. */ +section.index-search :focus-visible { + outline: 2px solid var(--white); + outline-offset: -4px; +} + section.start a.search-link { color: var(--highlight); font-size: 2.5em; diff --git a/public/assets/css/global/forms.css b/public/assets/css/global/forms.css index f965472..7d7ec02 100644 --- a/public/assets/css/global/forms.css +++ b/public/assets/css/global/forms.css @@ -14,10 +14,18 @@ input[type="text"] { input[type="text"]:focus, input[type="password"]:focus { - outline: solid var(--highlight); background-color: var(--highlight); } +/* TODO: generalise this a bit */ +button:focus, +input[type="submit"]:focus, +input[type="text"]:focus, +input[type="password"]:focus { + outline: 2px solid var(--white); + outline-offset: -4px; +} + textarea { border: 0; border-radius: 3px;