diff --git a/button.scss b/button.scss index 3b68996..e22886d 100644 --- a/button.scss +++ b/button.scss @@ -18,6 +18,11 @@ button, input[type="submit"], input[type="button"], a.button { box-shadow: none; justify-content: center; align-items: center; + outline: 0; + + &::-moz-focus-inner { + border: 0; + } &:hover, &:focus { background: var(--button-colored-background-hover); diff --git a/input.scss b/input.scss index 22e8697..24ce3d2 100644 --- a/input.scss +++ b/input.scss @@ -204,10 +204,6 @@ label.radio, label.checkbox { content: ""; position: absolute; display: none; - top: 5px; - left: 5px; - width: 5px; - height: 5px; } } @@ -222,8 +218,6 @@ label.radio { border-radius: 50%; &:after { - content: ""; - position: absolute; top: 5px; left: 5px; width: 5px; @@ -237,8 +231,6 @@ label.radio { label.checkbox { .checkmark { &:after { - content: ""; - position: absolute; top: 2px; left: 4px; width: 4px; diff --git a/styles.css b/styles.css index a2ad137..70e8841 100644 --- a/styles.css +++ b/styles.css @@ -3726,11 +3726,7 @@ label.radio, label.checkbox { label.radio .checkmark:after, label.checkbox .checkmark:after { content: ""; position: absolute; - display: none; - top: 5px; - left: 5px; - width: 5px; - height: 5px; } + display: none; } label.radio:hover input ~ .checkmark, label.checkbox:hover input ~ .checkmark { background-color: var(--input-icon-color); cursor: pointer; } @@ -3738,8 +3734,6 @@ label.radio, label.checkbox { label.radio .checkmark { border-radius: 50%; } label.radio .checkmark:after { - content: ""; - position: absolute; top: 5px; left: 5px; width: 5px; @@ -3748,8 +3742,6 @@ label.radio .checkmark { background: #fff; } label.checkbox .checkmark:after { - content: ""; - position: absolute; top: 2px; left: 4px; width: 4px; @@ -3964,7 +3956,10 @@ button, input[type="submit"], input[type="button"], a.button { border: none; box-shadow: none; justify-content: center; - align-items: center; } + align-items: center; + outline: 0; } + button::-moz-focus-inner, input[type="submit"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner, a.button::-moz-focus-inner { + border: 0; } button:hover, button:focus, input[type="submit"]:hover, input[type="submit"]:focus, input[type="button"]:hover, input[type="button"]:focus, a.button:hover, a.button:focus { background: var(--button-colored-background-hover); }