diff options
author | louismaxime.piton <louismaxime.piton@orange.com> | 2022-04-01 13:01:58 +0300 |
---|---|---|
committer | Mark Otto <otto@github.com> | 2022-04-04 20:37:42 +0300 |
commit | f789c2cc921aa5891035a34fd35da1ec13c4f60c (patch) | |
tree | 031a5f3765067ead7839b67c68272a6483109a6d /scss | |
parent | 2fccd1c1e4df4a6b50ef44538b00487613d290a5 (diff) |
Adding CSS var to list-group-item-action
Diffstat (limited to 'scss')
-rw-r--r-- | scss/_list-group.scss | 15 |
1 files changed, 10 insertions, 5 deletions
diff --git a/scss/_list-group.scss b/scss/_list-group.scss index 0a04ef4d1f..96474e39b7 100644 --- a/scss/_list-group.scss +++ b/scss/_list-group.scss @@ -6,11 +6,16 @@ // scss-docs-start list-group-css-vars --#{$prefix}list-group-color: #{$list-group-color}; --#{$prefix}list-group-bg: #{$list-group-bg}; + --#{$prefix}list-group-hover-bg: #{$list-group-hover-bg}; --#{$prefix}list-group-border-color: #{$list-group-border-color}; --#{$prefix}list-group-border-width: #{$list-group-border-width}; --#{$prefix}list-group-border-radius: #{$list-group-border-radius}; --#{$prefix}list-group-item-padding-x: #{$list-group-item-padding-x}; --#{$prefix}list-group-item-padding-y: #{$list-group-item-padding-y}; + --#{$prefix}list-group-action-color: #{$list-group-action-color}; + --#{$prefix}list-group-action-hover-color: #{$list-group-action-hover-color}; + --#{$prefix}list-group-action-active-color: #{$list-group-action-active-color}; + --#{$prefix}list-group-action-active-bg: #{$list-group-action-active-bg}; --#{$prefix}list-group-disabled-color: #{$list-group-disabled-color}; --#{$prefix}list-group-disabled-bg: #{$list-group-disabled-bg}; --#{$prefix}list-group-active-color: #{$list-group-active-color}; @@ -45,21 +50,21 @@ .list-group-item-action { width: 100%; // For `<button>`s (anchors become 100% by default though) - color: $list-group-action-color; + color: var(--#{$prefix}list-group-action-color); text-align: inherit; // For `<button>`s (anchors inherit) // Hover state &:hover, &:focus { z-index: 1; // Place hover/focus items above their siblings for proper border styling - color: $list-group-action-hover-color; + color: var(--#{$prefix}list-group-action-hover-color); text-decoration: none; - background-color: $list-group-hover-bg; + background-color: var(--#{$prefix}list-group-hover-bg); } &:active { - color: $list-group-action-active-color; - background-color: $list-group-action-active-bg; + color: var(--#{$prefix}list-group-action-active-color); + background-color: var(--#{$prefix}list-group-action-active-bg); } } |