diff --git a/.vscode/launch.json b/.vscode/launch.json index d642209..9240064 100644 --- a/.vscode/launch.json +++ b/.vscode/launch.json @@ -1,6 +1,7 @@ { "version": "0.2.0", "configurations": [ + { "command": "./node_modules/.bin/astro dev", "name": "Development server", diff --git a/src/styles/global.css b/src/styles/global.css index c965f09..ec2e965 100644 --- a/src/styles/global.css +++ b/src/styles/global.css @@ -31,6 +31,13 @@ a:hover { outline-offset: 2px; } +/* Inside an input-group the container draws its own focus-within ring — + suppress the child outlines (the inner input is square-cornered, so its + outline would stick out of the group's rounded shape) */ +.input-group :focus-visible { + outline: none; +} + /* Hide the native clear button on search inputs — the pages provide their own clear button, and Chrome renders both, overlapping the input text */ input[type="search"]::-webkit-search-cancel-button {