Removed Focus onClick
This commit is contained in:
sheena 2023-04-17 17:07:24 +05:30
parent 0b4e414b00
commit 38f59d0c0f
3 changed files with 5 additions and 8 deletions

View file

@ -33,9 +33,7 @@ $limu-button-color: #A9E3E9;
color: $limu-button-text-color !important; color: $limu-button-text-color !important;
box-shadow: 0 0 0 3px $white, 0 0 0 5.5px $limu-button-color !important; box-shadow: 0 0 0 3px $white, 0 0 0 5.5px $limu-button-color !important;
} }
&:focus {
box-shadow: 0 0 0 3px $white, 0 0 0 5.5px $limu-button-color !important;
}
} }
} }

View file

@ -72,7 +72,7 @@ export default {
&:focus-visible { &:focus-visible {
// Keyboard focus for accessibility // Keyboard focus for accessibility
outline: none; outline: none;
box-shadow: 0 0 0 3px, 0 0 0 5.5px; box-shadow: 0 0 0 3px, 0 0 0 5.5px $blue-700;
color: $white; color: $white;
background: linear-gradient(270deg, rgba(6, 87, 124, 1) 0%, rgba(6, 87, 124, 1) 100%); background: linear-gradient(270deg, rgba(6, 87, 124, 1) 0%, rgba(6, 87, 124, 1) 100%);
} }
@ -90,7 +90,7 @@ export default {
&.has-loader { &.has-loader {
color: $white; color: $white;
background: $blue-700; background: $blue-700;
box-shadow: 0 0 0 3px, 0 0 0 5.5px $blue-700;
} }
&.delay { &.delay {
// fixes flicker while transitioning between states // fixes flicker while transitioning between states

View file

@ -80,7 +80,7 @@ export default {
&:focus-visible { &:focus-visible {
// Keyboard focus for accessibility // Keyboard focus for accessibility
outline: none; outline: none;
box-shadow: 0 0 0 3px, 0 0 0 5.5px; box-shadow: 0 0 0 3px, 0 0 0 5.5px $blue-700;
color: $white; color: $white;
background: linear-gradient(270deg, rgba(6, 87, 124, 1) 0%, rgba(6, 87, 124, 1) 100%); background: linear-gradient(270deg, rgba(6, 87, 124, 1) 0%, rgba(6, 87, 124, 1) 100%);
} }
@ -98,7 +98,6 @@ export default {
&.has-loader { &.has-loader {
color: $white; color: $white;
background: $blue-700; background: $blue-700;
box-shadow: 0 0 0 3px, 0 0 0 5.5px $blue-700;
pointer-events: none; pointer-events: none;
} }
&.delay { &.delay {