rooty/Bootstrap
0
0
Fork 0
mirror of https://github.com/twbs/bootstrap.git synced 2025-01-18 10:52:19 +01:00
Code Issues Actions Packages Releases Activity

Split table cell padding variables (#30815)

Browse Source
This commit is contained in:
Mark Otto 2020-05-14 10:43:33 -07:00 committed by GitHub
parent 5d11d5790a
commit 46d876314b
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
4 changed files with 9 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
scss/_reboot.scss
View File

@ -363,8 +363,8 @@ table {
} }
caption { caption {
padding-top: $table-cell-padding; padding-top: $table-cell-padding-y;
padding-bottom: $table-cell-padding; padding-bottom: $table-cell-padding-y;
color: $table-caption-color; color: $table-caption-color;
text-align: left; text-align: left;
} }

4
scss/_tables.scss
View File

@ -24,7 +24,7 @@
// Another advantage is that this generates less code and makes the selector less specific making it easier to override. // Another advantage is that this generates less code and makes the selector less specific making it easier to override.
// stylelint-disable-next-line selector-max-universal // stylelint-disable-next-line selector-max-universal
> :not(caption) > * > * { > :not(caption) > * > * {
padding: $table-cell-padding; padding: $table-cell-padding-y $table-cell-padding-x;
background-color: var(--bs-table-bg); background-color: var(--bs-table-bg);
background-image: linear-gradient(var(--bs-table-accent-bg), var(--bs-table-accent-bg)); background-image: linear-gradient(var(--bs-table-accent-bg), var(--bs-table-accent-bg));
border-bottom-width: $table-border-width; border-bottom-width: $table-border-width;
@ -62,7 +62,7 @@
.table-sm { .table-sm {
// stylelint-disable-next-line selector-max-universal // stylelint-disable-next-line selector-max-universal
> :not(caption) > * > * { > :not(caption) > * > * {
padding: $table-cell-padding-sm; padding: $table-cell-padding-y-sm $table-cell-padding-x-sm;
} }
} }

6
scss/_variables.scss
View File

@ -470,8 +470,10 @@ $mark-bg: #fcf8e3 !default;
// Customizes the `.table` component with basic values, each used across all table variations. // Customizes the `.table` component with basic values, each used across all table variations.
// scss-docs-start table-variables // scss-docs-start table-variables
$table-cell-padding: .5rem !default; $table-cell-padding-y: .5rem !default;
$table-cell-padding-sm: .25rem !default; $table-cell-padding-x: .5rem !default;
$table-cell-padding-y-sm: .25rem !default;
$table-cell-padding-x-sm: .25rem !default;
$table-cell-vertical-align: top !default; $table-cell-vertical-align: top !default;

1
site/content/docs/5.0/migration.md
View File

@ -85,6 +85,7 @@ Changes to Reboot, typography, tables, and more.
- Nested tables do not inherit styles anymore. - Nested tables do not inherit styles anymore.
- `.thead-light` and `.thead-dark` are dropped in favor of the `.table-*` variant classes which can be used for all table elements (`thead`, `tbody`, `tfoot`, `tr`, `th` and `td`). - `.thead-light` and `.thead-dark` are dropped in favor of the `.table-*` variant classes which can be used for all table elements (`thead`, `tbody`, `tfoot`, `tr`, `th` and `td`).
- The `table-row-variant()` mixin is renamed to `table-variant()` and accepts only 2 parameters: `$color` (colon name) and `$value` (color code). The border color and accent colors are automatically calculated based on the table factor variables. - The `table-row-variant()` mixin is renamed to `table-variant()` and accepts only 2 parameters: `$color` (colon name) and `$value` (color code). The border color and accent colors are automatically calculated based on the table factor variables.
- Split table cell padding variables into `-y` and `-x`.
- Dropped `.pre-scrollable` class. [See #29135](https://github.com/twbs/bootstrap/pull/29135) - Dropped `.pre-scrollable` class. [See #29135](https://github.com/twbs/bootstrap/pull/29135)
- `.text-*` utilities do not add hover and focus states to links anymore. `.link-*` helper classes can be used instead. [See #29267](https://github.com/twbs/bootstrap/pull/29267) - `.text-*` utilities do not add hover and focus states to links anymore. `.link-*` helper classes can be used instead. [See #29267](https://github.com/twbs/bootstrap/pull/29267)
- Drop `.text-justify` class. [See #229793](https://github.com/twbs/bootstrap/pull/29793) - Drop `.text-justify` class. [See #229793](https://github.com/twbs/bootstrap/pull/29793)