Merge pull request #466 from BeAPI/fix-focus

fix focus to use default focus to leave the browser's default focus sufficiently contrasted on all interactive elements

Author: cedric07

src/scss/02-tools/_m-select-custom.scss

@@ -52,17 +52,4 @@
 	&:hover {
 		border-color: color.adjust($color-grey-500, $lightness: -10%);
 	}
-
-	// Focus style
-	&:focus {
-		color: color.adjust($color-text, $lightness: -10%);
-		border-color: color.adjust($color-grey-500, $lightness: -20%);
-		outline: none;
-		box-shadow: 0 0 1px 3px rgba(59, 153, 252, .7);
-		box-shadow: 0 0 0 3px -moz-mac-focusring;
-
-		option {
-			outline: none;
-		}
-	}
 }

src/scss/04-utilities/_focus.scss

@@ -6,8 +6,7 @@ html {
 	textarea,
 	[tabindex] {
 		&:focus-visible {
-			outline: 2px solid currentColor;
-			outline-offset: .5rem;
+			outline-offset: .2rem;
 		}
 	}
 }

src/scss/04-utilities/_seo.scss

@@ -1,16 +1,4 @@
-%focus-seo-container {
-	&:has(:focus-visible) {
-		outline: 2px solid currentColor;
-		outline-offset: .5rem;
-	}
-
-	*:focus {
-		outline: none;
-	}
-}
-
 %seo-container {
-	@extend %focus-seo-container;
 	position: relative;
 	z-index: 1;
 	cursor: pointer;

src/scss/05-components/_skip-links.scss

@@ -22,10 +22,6 @@
 		font-size: 13px;
 		color: $color-text;
 		text-decoration: none;
-
-		&:focus {
-			outline-offset: 3px;
-		}
 	}
 
 	&:focus-within {

src/scss/06-blocks/core/_audio.scss

@@ -5,10 +5,5 @@
 		&::-webkit-media-controls-panel {
 			background-color: $color-primary;
 		}
-
-		&:focus {
-			outline: 2px solid $color-primary;
-			outline-offset: 5px;
-		}
 	}
 }