rooty/Bootstrap
0
0
Fork 0
mirror of https://github.com/twbs/bootstrap.git synced 2025-02-23 20:54:22 +01:00
Code Issues Actions Packages Releases Activity

fix to handle custom classes

Browse Source
This commit is contained in:
louismaxime.piton 2023-11-16 09:55:40 +01:00
parent a474f0d2b0
commit 0d8f37ff2d
1 changed files with 6 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
scss/_tables.scss
View File

@ -8,9 +8,9 @@
--#{$prefix}table-bg-type: initial; --#{$prefix}table-bg-type: initial;
--#{$prefix}table-color-state: initial; --#{$prefix}table-color-state: initial;
--#{$prefix}table-bg-state: initial; --#{$prefix}table-bg-state: initial;
--#{$prefix}table-color: initial;
--#{$prefix}table-bg: initial;
// End of reset // End of reset
--#{$prefix}table-color: #{$table-color};
--#{$prefix}table-bg: #{$table-bg};
--#{$prefix}table-border-color: #{$table-border-color}; --#{$prefix}table-border-color: #{$table-border-color};
--#{$prefix}table-accent-bg: #{$table-accent-bg}; --#{$prefix}table-accent-bg: #{$table-accent-bg};
--#{$prefix}table-striped-color: #{$table-striped-color}; --#{$prefix}table-striped-color: #{$table-striped-color};
@ -22,9 +22,9 @@
width: 100%; width: 100%;
margin-bottom: $spacer; margin-bottom: $spacer;
color: $table-color; color: var(--#{$prefix}table-color);
vertical-align: $table-cell-vertical-align; vertical-align: $table-cell-vertical-align;
background-color: $table-bg; background-color: var(--#{$prefix}table-bg);
border-color: var(--#{$prefix}table-border-color); border-color: var(--#{$prefix}table-border-color);
// Target th & td // Target th & td
@ -35,8 +35,8 @@
> :not(caption) > * > * { > :not(caption) > * > * {
padding: $table-cell-padding-y $table-cell-padding-x; padding: $table-cell-padding-y $table-cell-padding-x;
// Following the precept of cascades: https://codepen.io/miriamsuzanne/full/vYNgodb // Following the precept of cascades: https://codepen.io/miriamsuzanne/full/vYNgodb
color: var(--#{$prefix}table-color-state, var(--#{$prefix}table-color-type, var(--#{$prefix}table-color, inherit))); color: var(--#{$prefix}table-color-state, var(--#{$prefix}table-color-type, inherit));
background-color: var(--#{$prefix}table-bg, inherit); background-color: inherit;
border-bottom-width: $table-border-width; border-bottom-width: $table-border-width;
box-shadow: inset 0 0 0 9999px var(--#{$prefix}table-bg-state, var(--#{$prefix}table-bg-type, var(--#{$prefix}table-accent-bg))); box-shadow: inset 0 0 0 9999px var(--#{$prefix}table-bg-state, var(--#{$prefix}table-bg-type, var(--#{$prefix}table-accent-bg)));
} }