The green border around every link

click on a link on a fresh sub theme and the unwanted green border appears

How do I get rid of it?
Where is it defined?

Proposed resolution

I hope that this will be deleted from this awesome theme.

Thanks

CommentFileSizeAuthor
glisseo.png32.53 KBhs@henrikstrindberg.se

Comments

hstrindb created an issue. See original summary.

niklan’s picture

Status: Active » Closed (works as designed)

Hello!

You can manually alter it, remove it or do whatever you want. This is focus element!

You can find it here: /assets/scss/04-elements/_focus.scss

If you don't want it, just remove box-shadow from the element, or set it to none. But, consider to have some focus visual representation for your users. This file also contains link to the explanation why it's crucial and must be set, but you can feel free to remove it with no consequences.

If you want this focus style for other elements but not links, you can add the following styles:

a {
  --focus-box-shadow: none;
}

If you have any questions, feel free to ask. The current focus representation is aligned with Drupal's core Claro theme.

hs@henrikstrindberg.se’s picture

Thanks, very good!