Commit Graph

12 Commits

Author SHA1 Message Date
Julien Déramond 10f2830805
Add CSS vars for accordions (#36148)
* Add CSS vars for accordions

* Fix Bundlewatch
2022-04-11 15:33:18 -07:00
Mark Otto e342142b61
Train PR: CSS variables for accordion, cards, navs, and modals (#36071)
* Convert accordion to CSS vars

* Update accordion.md

* Convert navs to CSS variables

* Split up CSS vars

* bundlewatch

* fix vars

* Convert cards to CSS vars

* Convert modals to CSS variables

* Bundlewatch

Co-authored-by: Geremia Taglialatela <tagliala.dev@gmail.com>
2022-03-28 15:05:37 -07:00
Mark Otto efc5914667 Replace instances of Sass vars for CSS variable versions of border-color and border-width 2022-02-28 11:40:32 -08:00
Gaël Poupard 600a9ee521
Ensure sufficient contrast in `accordion-item` (#35231)
Co-authored-by: XhmikosR <xhmikosr@gmail.com>
2021-10-29 08:53:42 +03:00
alpadev 7fe4e43634
accordion: fix `border-top` on Firefox (#33736)
Co-authored-by: XhmikosR <xhmikosr@gmail.com>
2021-04-30 10:59:54 +03:00
Mark Otto e775c494f2 Fix flush accordion styles 2021-03-22 13:56:06 -07:00
Mark Otto c198eb6319
Revamp accordion borders to fix pixel jumping (#33149)
- Pushes the borders to the .accordion-item
- Simplifies the .accordion-flush
- Recreates the .accordion-button border-bottom with an inset box-shadow
- Updates background-color to solid to match other components like list group and prevent stacked translucent borders
- Use negative margin to overlap the consecutive items
2021-03-16 22:16:03 -07:00
Gaël Poupard 02d103be91
fix(accordion): ensure .accordion-button stays left-aligned (#32951)
Fixes #32938

Co-authored-by: XhmikosR <xhmikosr@gmail.com>
2021-02-03 21:44:48 +02:00
Martijn Cuppens 4c1f807142 Fix missing border & add transitions 2020-11-06 14:49:41 +02:00
Mark Otto d6a72c4e1b Remove default transform-origin per code review 2020-11-06 14:49:41 +02:00
Mark Otto 3df4dd15e4 Update relative position hack for layers
Switches to slightly more verbose, but more consistent, z-index layering we use elsewhere (e.g., pagination). Doing this ensures we're not toggling position on and off, but rather z-index.
2020-11-06 14:49:41 +02:00
Mark Otto 6a37612540 Add dedicated accordion component based on Collapse JS 2020-11-06 14:49:41 +02:00