From 3218155c584febce8e8cd0bdebea25918d90b861 Mon Sep 17 00:00:00 2001 From: troorl Date: Fri, 27 Nov 2015 00:07:58 +0200 Subject: [PATCH] better :focus support for .list-group-item --- sass/lists.scss | 11 +++++++++-- sass/variables.scss | 1 + 2 files changed, 10 insertions(+), 2 deletions(-) diff --git a/sass/lists.scss b/sass/lists.scss index 5e5c16b..a4613d3 100644 --- a/sass/lists.scss +++ b/sass/lists.scss @@ -30,11 +30,18 @@ &:first-child { border-top: 0; } - + &.active, - // `.selected` is deprecated. Use `.active` instead. &.selected { + background-color: $active-unfocused-color; + } + + &.active:focus, + &:focus, + // `.selected` is deprecated. Use `.active` instead. + &.selected:focus { color: #fff; + outline: none; background-color: $active-color; } } diff --git a/sass/variables.scss b/sass/variables.scss index 838522a..ab5ea0d 100644 --- a/sass/variables.scss +++ b/sass/variables.scss @@ -41,6 +41,7 @@ $dark-color: #57acf5 !default; // Focus and active colors $active-color: #116cd6; +$active-unfocused-color: #dcdcdc; $focus-input-color: lighten($primary-color, 10%) !default; // Other