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 | |
| parent | 2fccd1c1e4df4a6b50ef44538b00487613d290a5 (diff) | |
Adding CSS var to list-group-item-action
| -rw-r--r-- | .bundlewatch.config.json | 2 | ||||
| -rw-r--r-- | scss/_list-group.scss | 15 |
2 files changed, 11 insertions, 6 deletions
diff --git a/.bundlewatch.config.json b/.bundlewatch.config.json index 6fcfbb2a72..4432fd7760 100644 --- a/.bundlewatch.config.json +++ b/.bundlewatch.config.json @@ -30,7 +30,7 @@ }, { "path": "./dist/css/bootstrap.min.css", - "maxSize": "25.65 kB" + "maxSize": "25.7 kB" }, { "path": "./dist/js/bootstrap.bundle.js", 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); } } |