0
0
mirror of https://github.com/twbs/bootstrap.git synced 2024-12-04 16:24:22 +01:00
Commit Graph

82 Commits

Author SHA1 Message Date
Mark Otto
acf6ea74a7
Add additional root variables, rename $variable-prefix to $prefix (#35981)
* Add additional root variables, rename $variable-prefix to $prefix

- Adds new root CSS variables for border-radius, border-width, border-color, and border-style
- Adds new root CSS variables for heading-color, link-colors, code color, and highlight color
- Replaces most instances of Sass variables (for border-radius, border-color, border-style, and border-width) for CSS variables inside _variables.scss
- Updates $mark-padding to be an even pixel number
- Renames $variable-prefix to $prefix throughout

* Bundlewatch
2022-03-13 10:13:09 -07:00
Mark Otto
12d49f19b0 Remove thicker border on table thead elements
Use the new .table-group-divider to create your own dividers as desired. Would love to find a better way to handle border-color for this, but for now, this is at least opt-in.

I've applied it by default in another way for our docs tables to help differentiate our content vs our components.

Fixes #35342
2022-02-28 11:21:53 -08:00
Macinto5h
d2986daa12 Add zebra striping for table columns
Co-Authored-By: Macallan Camara <44030647+Macinto5h@users.noreply.github.com>
Co-Authored-By: XhmikosR <xhmikosr@gmail.com>
2022-02-06 15:59:18 -08:00
Geremia Taglialatela
5b124f647f
Add color and border-color css variables to tables (#35055) 2021-10-11 17:41:43 +03:00
Gaël Poupard
2a925d6fd8
Separator for table direct children (#34861)
* fix(tables): separator for table direct children

* fix(tables): drop universal selectors

* fix(tables): trying the lobotomized owl selector

* fix(tables): get closer to v4

* fix(tables): ensure borderless are borderless
2021-09-09 09:50:55 +03:00
bavoco
00a230a6a7
fix custom property values of row overrides individual cell (#34799) 2021-09-08 09:07:22 +03:00
Gaël Poupard
fd985d3732
fix(tables): decouple table-bg and table-accent-bg (#34048)
Co-authored-by: alpadev <2838324+alpadev@users.noreply.github.com>
2021-05-28 09:12:40 +02:00
Gaël Poupard
7ed48943cf
PRevent accent-bg from leaking in nested table (#33825)
Fixes #33817

Solution by  @Hintzmann in [#33817 (comment)](https://github.com/twbs/bootstrap/issues/33817#issuecomment-831718042).
2021-05-13 08:39:37 +03:00
Martijn Cuppens
62eb5a3232
Use box shadows instead of linear gradients to colorize tables (#32348)
Co-authored-by: XhmikosR <xhmikosr@gmail.com>
2020-12-11 15:49:22 +02:00
Martijn Cuppens
ff25a75320
Remove default linear gradient (#32277)
Remove the default invisible gradient causing the performance issue in #32266. By removing the custom property, the linear gradient will become invalid, thus not appear by default.

There can still be a performance issue with striped tables though.

Co-authored-by: XhmikosR <xhmikosr@gmail.com>
2020-11-30 10:51:32 +02:00
Mark Otto
3cf51c6ac9
Add Sass variable for CSS variable prefix (#31684)
* Add Sass variable for CSS variable prefix

* Update other --bs-* var instances
2020-09-30 08:32:58 +03:00
Jorge González
d33a560dd6
Fix table separator typo (#31162) 2020-06-24 18:28:47 +02:00
Martijn Cuppens
7e28764e67 Change breakpoint-max implementation
- The `media-breakpoint-down()` uses the breakpoint itself instead of the next breakpoint. Use `media-breakpoint-down(lg)` instead of `media-breakpoint-down(md)` to target viewports smaller than the `lg` breakpoint.
- The `media-breakpoint-between()` mixin's second parameter also uses the breakpoint itself instead of the next breakpoint. Use `media-between(sm, lg)` instead of `media-breakpoint-between(sm, md)` to target viewports between the `sm` and `lg` breakpoints.
2020-06-14 14:50:47 -07:00
XhmikosR
3d8d0012c8
Stylelint: remove redundant disables (#31006) 2020-06-12 11:11:36 +03:00
Mark Otto
46d876314b
Split table cell padding variables (#30815) 2020-05-14 19:43:33 +02:00
Martijn Cuppens
6558664f4c Customizable table group seperator colors 2020-04-24 10:05:10 +02:00
Martijn Cuppens
eed27f35cc Add bs prefix 2020-04-24 10:05:10 +02:00
Martijn Cuppens
d089a683c8 Prevent nested tables style leaks 2020-04-24 10:05:10 +02:00
Martijn Cuppens
22a535641b
Cleanup responsive tables (#30482) 2020-03-31 10:33:05 +02:00
Mark Otto
4ccd522a76
Add .caption-top for tables (#30435)
* Move caption-side to <table> element in Reboot

* Add class for .caption-top
2020-03-24 10:00:45 +01:00
wojtask9
f2dff864aa Remove duplicated td selector (#29454) 2019-09-27 13:22:31 +01:00
Martijn Cuppens
1c05c1dbf1 Drop color(), theme-color() & gray() functions (#29083)
Drop `color()`, `theme-color()` & `gray()` functions  in favor of variables. The functions just called a `map-get()` of a map where just the variables were defined. 

Also the `theme-color-level()` now accepts any color you want instead of only `$theme-colors` colors. The first value now is a variable instead of the `$theme-colors` key.
2019-07-25 10:41:13 +03:00
Martijn Cuppens
62b8e84970 Make it possible to change default alignment & allow to inherit alignment from table (#29039) 2019-07-18 08:49:39 +03:00
Mark Otto
aaf03bdc9e
v5: Forms update (#28450)
* Initial spike of consolidated form checks

* Stub out forms rearrangement

- Prepping to drop non-custom file and range inputs
- Prepping to merge custom and native checks and radios (with switches)
- Prepping to merge custom select with form select
- Moving docs arround so forms has it's own area given volume of CSS

* Move input group Sass file to forms subdir

* Start to split and move the docs around

* Simpler imports

* Copyediting

* delete overview file

* Remove commented out code

* remove the custom-forms import

* rewrite flex-check as form-check, replace all custom properties

* Remove old forms doc

* stub out new subpage link section

* update migration guide

* Update nav, forms overview in page nav, and descriptions

* fix check bg position

* fix margin-top calculation

* rename .custom-select to .form-select

* Update validation styles for new checks

* add some vertical margin, fix inline checks

* fix docs examples

* better way to do this contents stuff, redo the toc while i'm at it

* page restyle for docs while here

* un-callout that, edit text

* redo padding on toc

* fix toc

* start to cleanup checks docs

* Rewrite Markdown tables into HTML

* Redesign tables, redo their docs

* Replace Open Iconic icons with custom Bootstrap icons

* Redesign the docs navbar, add a subheader, redo the sidebar

* Redesign docs homepage a bit

* Simplify table style overrides for docs tables

* Simplify docs typography for page titles and reading line length

* Stub out icons page

* Part of sidebar update, remove migration from nav.yml

* Move toc CSS to separate partial

* Change appearance of overview page

* fix sidebar arrow direction

* Add footer to docs layout

* Update descriptions

* Drop the .form-group class for margin utilities

* Remove lingering form-group-margin-bottom var

* improve footer spacing

* add headings to range page

* uncomment form range css

* Rename .custom-range to .form-range

* Drop unused docs var

* Uncomment the comment

* Remove unused variable

* Fix radio image sizing

* Reboot update: reset horizontal ul and ol padding

* de-dupe IDs

* tweak toc styles

* nvm, fix dropdown versions stuff

* remove sidebar nav toggle for now

* broken html

* fix more broken html, move css

* scss linting

* comment out broken helper docs

* scope styles

* scope styles

* Fixes #25540 and fixes #26407 for v5 only

* Update sidebar once more

* Match new sidenav order

* fix syntax error

* Rename custom-file to form-file, update paths, update migration docs for previous changes in #28696

* rename back

* fix size and alignment

* rename that back too
2019-07-12 16:52:33 -05:00
zhangbao
6b177cc409 Consistency modification (#28750) 2019-05-09 08:14:50 +02:00
Mark Otto
1d4d9f8d89 Drop all hover mixins
Previously deprecated in v4.x, this clears out the now unused Sass option and removes some unused mixins. Arguably we could remove more, but I like the hover-focus mixin and we make extensive use of it across the project.
2019-05-08 20:58:07 +03:00
Shohei Yoshida
d250567ce0 Remove -ms-autohiding-scrollbar to prevent overlapping the table content (#28153) 2019-02-07 19:52:23 +02:00
Martijn Cuppens
fd98e77cac Remove background from nested tables 2019-01-13 16:26:56 -08:00
Mark Otto
2e1d0fed00
Add table-hover-color variables (#27850)
* Add table-hover-color variables
Fixes #26465

* Put $table-color to use outside _variables.scss
2018-12-21 13:51:38 -08:00
Mark Otto
3b42a9ec5b Add table-hover-color variables
Fixes #26465
2018-12-15 14:01:09 -08:00
Martijn Cuppens
502b6c8ed6
Remove redundant brackets (#27768) 2018-12-14 17:54:44 +01:00
Bastien
a86aef0ae0 table: Add border color relative to theme for accessibility (#25755) 2018-10-20 11:21:31 +03:00
Lefteris Psitopoulos
9bfd400527 #25842 Remove max-width from table class 2018-07-15 14:06:33 -07:00
Mark Otto
3a6ab45b78 rearrange and override extra borders 2018-01-20 15:10:19 -08:00
Mark Otto
f800383e7d Merge branch 'borderless-table' of https://github.com/Varunram/bootstrap into Varunram-borderless-table 2018-01-20 15:06:02 -08:00
Andrew Luca
2b8b062540 Allow to change .table-striped odd or even (#25333) 2018-01-19 19:34:49 +02:00
Mark Otto
eb60521c03 Move .table-responsive to a parent class instead of a modifier 2017-12-22 20:09:58 -08:00
Varunram
ab093b90f6 Add borderless table class along with docs. Rebase 2017-10-11 00:01:57 +05:30
XhmikosR
ebc82db8ef Enable stylelint's no-duplicate-selectors rule. 2017-10-07 00:11:40 +03:00
Patrick Yeo
c1865b4563 Add momentum scrolling on responsive tables for webkit touch devices 2017-08-22 10:47:52 -07:00
Patrick Yeo
f66fa3fa2b Generate series of .table-responsive-* classes to accomodate overflowing tables in a variety of screen sizes 2017-08-22 10:47:52 -07:00
Patrick Yeo
f7eb3c98b2 .thead-dark and .thead-light border color should display the right border color 2017-08-21 18:20:14 -07:00
Patrick Yeo
3bf3bdf420 Rename .table-inverse, .thead-inverse, .thead-default to .table-dark, .thead-dark, .thead-light respectively 2017-08-21 18:20:14 -07:00
Patrick Yeo
0759427935 (#22414) Rename variables $table-inverse-bg, $table-inverse-accent-bg, $table-inverse-hover-bg, $table-inverse-border-color, $table-inverse-color to $table-dark-bg, $table-dark-accent-bg, $table-dark-hover-bg, $table-dark-border-color, $table-dark-color for consistency 2017-08-21 18:20:14 -07:00
Mark Otto
11e18af1b6 remove some unused vars, restore table-active variant 2017-07-01 22:57:19 -07:00
Mark Otto
0f232de9d7 move table variants to use sass map 2017-06-28 09:36:27 -07:00
Patrick Yeo
c349f59174 Rename for consistency $table-sm-cell-padding, $table-bg-accent, $table-bg-hover, $table-bg-active, $table-inverse-bg-accent, $table-inverse-bg-hover to $table-cell-padding-sm, $table-accent-bg, $table-hover-bg, $table-active-bg, $table-inverse-accent-bg, $table-inverse-hover-bg, respectively (#22414) 2017-06-13 08:46:15 -07:00
Patrick Yeo
dd0ce3e4b2 Rename variable $input-border-focus to $input-border-color-focus (#22413)
* Rename variable $input-border-focus to $input-border-color-focus
* Rename variables $pagination-hover-border, $pagination-active-border, $pagination-disabled-border to $pagination-hover-border-color, $pagination-active-border-color, $pagination-disabled-border-color, respectively
* Rename variables $state-*-border to $state-*-border-color, respectively
* Rename variables $alert-*-border to $alert-*-border-color
* Rename $list-group-active-border to $list-group-active-border-color
* Rename $table-inverse-border to $table-inverse-border-color
* Rename $btn-*-border to $btn-*-border-color
* Rename $navbar-*-toggler-border to $navbar-*-toggler-border-color
2017-04-16 15:45:10 -07:00
Mark Otto
d093460252 fixes rest of #21585; adds custom styles for inverse table accent hover and active states 2017-03-19 18:39:48 -07:00
Mark Otto
78cad48c70 consistent breaks 2017-03-19 18:39:48 -07:00