Restore default focus styling.

marcelementor · May 15, 2024 · 4e1c239 · 4e1c239
1 parent 60c740b
commit 4e1c239
Show file tree

Hide file tree

Showing 2 changed files with 1 addition and 28 deletions.
diff --git a/assets/scss/reset/_forms.scss b/assets/scss/reset/_forms.scss
@@ -78,29 +78,6 @@ button,
 	-webkit-appearance: button;
 }
 
-/**
- * Remove the inner border and padding in Firefox.
- */
-
-button::-moz-focus-inner,
-[type="button"]::-moz-focus-inner,
-[type="reset"]::-moz-focus-inner,
-[type="submit"]::-moz-focus-inner {
-	border-style: none;
-	padding: 0;
-}
-
-/**
- * Restore the focus styles unset by the previous rule.
- */
-
-button:-moz-focusring,
-[type="button"]:-moz-focusring,
-[type="reset"]:-moz-focusring,
-[type="submit"]:-moz-focusring {
-	outline: 1px dotted ButtonText;
-}
-
 button,
 [type="submit"],
 [type="button"] {
@@ -117,10 +94,6 @@ button,
 	border-radius: $border-radius;
 	transition: all .3s;
 
-	&:focus {
-		outline: 5px auto -webkit-focus-ring-color;
-	}
-
 	&:hover,
 	&:focus {
 		color: #ffffff;

diff --git a/assets/scss/reset/_reset.scss b/assets/scss/reset/_reset.scss
@@ -128,7 +128,7 @@ a {
 		text-decoration: none;
 	}
 
-	&:not([href]):not([tabindex]):focus {
+	&:not([href]):not([tabindex]):focus:not(:focus-visible) {
 		outline: 0;
 	}
 }