mirror_css/bootstrap
1
0
Fork 0
mirror of https://github.com/twbs/bootstrap.git synced 2025-08-13 17:14:04 +02:00
Code Issues Releases Wiki Activity

Adding CSS var to list-group-item-action

Browse Source
This commit is contained in:
louismaxime.piton
2022-04-01 12:01:58 +02:00
committed by Mark Otto
parent 2fccd1c1e4
commit f789c2cc92
2 changed files with 11 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
.bundlewatch.config.json
View File

@@ -30,7 +30,7 @@
}, },
{ {
"path": "./dist/css/bootstrap.min.css", "path": "./dist/css/bootstrap.min.css",
"maxSize": "25.65 kB" "maxSize": "25.7 kB"
}, },
{ {
"path": "./dist/js/bootstrap.bundle.js", "path": "./dist/js/bootstrap.bundle.js",

15
scss/_list-group.scss
View File

@@ -6,11 +6,16 @@
// scss-docs-start list-group-css-vars // scss-docs-start list-group-css-vars
--#{$prefix}list-group-color: #{$list-group-color}; --#{$prefix}list-group-color: #{$list-group-color};
--#{$prefix}list-group-bg: #{$list-group-bg}; --#{$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-color: #{$list-group-border-color};
--#{$prefix}list-group-border-width: #{$list-group-border-width}; --#{$prefix}list-group-border-width: #{$list-group-border-width};
--#{$prefix}list-group-border-radius: #{$list-group-border-radius}; --#{$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-x: #{$list-group-item-padding-x};
--#{$prefix}list-group-item-padding-y: #{$list-group-item-padding-y}; --#{$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-color: #{$list-group-disabled-color};
--#{$prefix}list-group-disabled-bg: #{$list-group-disabled-bg}; --#{$prefix}list-group-disabled-bg: #{$list-group-disabled-bg};
--#{$prefix}list-group-active-color: #{$list-group-active-color}; --#{$prefix}list-group-active-color: #{$list-group-active-color};
@@ -45,21 +50,21 @@
.list-group-item-action { .list-group-item-action {
width: 100%; // For `<button>`s (anchors become 100% by default though) 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) text-align: inherit; // For `<button>`s (anchors inherit)
// Hover state // Hover state
&:hover, &:hover,
&:focus { &:focus {
z-index: 1; // Place hover/focus items above their siblings for proper border styling 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; text-decoration: none;
background-color: $list-group-hover-bg; background-color: var(--#{$prefix}list-group-hover-bg);
} }
&:active { &:active {
color: $list-group-action-active-color; color: var(--#{$prefix}list-group-action-active-color);
background-color: $list-group-action-active-bg; background-color: var(--#{$prefix}list-group-action-active-bg);
} }
} }