/*————————————
Focus state background
————————————*/
/* Black Colors */ .g-bg-black {
&--focus:focus { background-color: $g-color-black !important; } // Black opacity &-opacity { &-0_2 { &--focus:focus { background-color: rgba($g-color-black, .2) !important; } } &-0_4 { &--focus:focus { background-color: rgba($g-color-black, .4) !important; } } }
}
/* Gray Colors */ .g-bg-gray {
// Dark Gray &-dark { &-v1 { &--focus:focus { background-color: $g-color-gray-dark-v1 !important; } } &-v2 { &--focus:focus { background-color: $g-color-gray-dark-v2 !important; } } &-v3 { &--focus:focus { background-color: $g-color-gray-dark-v3 !important; } } } // Light Gray &-light { &-v4 { &--focus:focus { background-color: $g-color-gray-light-v4 !important; } } &-v5 { &--focus:focus { background-color: $g-color-gray-light-v5 !important; } } }
}
/* Transparent */ .g-bg-transparent {
&--focus:focus { background-color: transparent; }
}