fix firefox outline

This commit is contained in:
Dennis Eichhorn 2020-06-06 09:35:33 +02:00
parent 46b7e3fb03
commit ce887abc66
3 changed files with 10 additions and 18 deletions

View File

@ -18,6 +18,11 @@ button, input[type="submit"], input[type="button"], a.button {
box-shadow: none; box-shadow: none;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
outline: 0;
&::-moz-focus-inner {
border: 0;
}
&:hover, &:focus { &:hover, &:focus {
background: var(--button-colored-background-hover); background: var(--button-colored-background-hover);

View File

@ -204,10 +204,6 @@ label.radio, label.checkbox {
content: ""; content: "";
position: absolute; position: absolute;
display: none; display: none;
top: 5px;
left: 5px;
width: 5px;
height: 5px;
} }
} }
@ -222,8 +218,6 @@ label.radio {
border-radius: 50%; border-radius: 50%;
&:after { &:after {
content: "";
position: absolute;
top: 5px; top: 5px;
left: 5px; left: 5px;
width: 5px; width: 5px;
@ -237,8 +231,6 @@ label.radio {
label.checkbox { label.checkbox {
.checkmark { .checkmark {
&:after { &:after {
content: "";
position: absolute;
top: 2px; top: 2px;
left: 4px; left: 4px;
width: 4px; width: 4px;

View File

@ -3726,11 +3726,7 @@ label.radio, label.checkbox {
label.radio .checkmark:after, label.checkbox .checkmark:after { label.radio .checkmark:after, label.checkbox .checkmark:after {
content: ""; content: "";
position: absolute; position: absolute;
display: none; display: none; }
top: 5px;
left: 5px;
width: 5px;
height: 5px; }
label.radio:hover input ~ .checkmark, label.checkbox:hover input ~ .checkmark { label.radio:hover input ~ .checkmark, label.checkbox:hover input ~ .checkmark {
background-color: var(--input-icon-color); background-color: var(--input-icon-color);
cursor: pointer; } cursor: pointer; }
@ -3738,8 +3734,6 @@ label.radio, label.checkbox {
label.radio .checkmark { label.radio .checkmark {
border-radius: 50%; } border-radius: 50%; }
label.radio .checkmark:after { label.radio .checkmark:after {
content: "";
position: absolute;
top: 5px; top: 5px;
left: 5px; left: 5px;
width: 5px; width: 5px;
@ -3748,8 +3742,6 @@ label.radio .checkmark {
background: #fff; } background: #fff; }
label.checkbox .checkmark:after { label.checkbox .checkmark:after {
content: "";
position: absolute;
top: 2px; top: 2px;
left: 4px; left: 4px;
width: 4px; width: 4px;
@ -3964,7 +3956,10 @@ button, input[type="submit"], input[type="button"], a.button {
border: none; border: none;
box-shadow: none; box-shadow: none;
justify-content: center; 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 { 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); } background: var(--button-colored-background-hover); }