Remove outline styles for primary and secondary button states

This commit is contained in:
Dominik 2025-02-18 13:43:12 +01:00
parent 63f2d1c128
commit a4b685ad76

View file

@ -13,30 +13,36 @@ button.primary {
background-color: var(--primary-50); background-color: var(--primary-50);
border: 3px var(--primary-40) solid; border: 3px var(--primary-40) solid;
color: #000126; color: #000126;
outline: none;
} }
button.primary:hover, button.primary:hover,
button.primary:focus-visible { button.primary:focus-visible {
background-color: var(--primary-30); background-color: var(--primary-30);
border-color: var(--primary-20); border-color: var(--primary-20);
cursor: pointer; cursor: pointer;
outline: none;
} }
button.primary:active { button.primary:active {
background-color: var(--primary-40); background-color: var(--primary-40);
border-color: var(--primary-20); border-color: var(--primary-20);
outline: none;
} }
button.secondary { button.secondary {
background-color: transparent; background-color: transparent;
border: 3px var(--primary-50) solid; border: 3px var(--primary-50) solid;
color: var(--fg); color: var(--fg);
outline: none;
} }
button.secondary:hover, button.secondary:hover,
button.secondary:focus-visible { button.secondary:focus-visible {
background-color: var(--primary-40); background-color: var(--primary-40);
border-color: var(--primary-20); border-color: var(--primary-20);
cursor: pointer; cursor: pointer;
outline: none;
} }
button.secondary:active { button.secondary:active {
background-color: transparent; background-color: transparent;
border-color: var(--primary-100); border-color: var(--primary-100);
outline: none;
} }