Commit Graph

920 Commits

Author SHA1 Message Date
Somi Park ed2bf138a3
Fix null modal-content-color in modal.scss (#39977)
Identified that $modal-content-color was set to null, which could lead
to display issues in React Bootstrap Modals. Changed the value to --#{$prefix}body-color
to ensure consistency and correct color application in modal components.
2025-04-02 23:49:33 -07:00
Julien Déramond a5d430d526
Fix display issues of close button in contextual light and dark modes (#41126) 2024-12-31 09:08:59 +01:00
Julien Déramond 0cbfe13adf
Fix display issues of carousel child elements in contextual light and dark modes (#40695)
Co-authored-by: Louis-Maxime Piton <louismaxime.piton@orange.com>
2024-12-19 08:23:57 +01:00
Grimalkin c536836aa8
CSS: consistent approach for `calc` with negative values (#41004)
Co-authored-by: Louis-Maxime Piton <louismaxime.piton@orange.com>
Co-authored-by: Julien Déramond <juderamond@gmail.com>
2024-12-18 09:51:19 +01:00
Louis-Maxime Piton 3083596e87
Docs: update WCAG links and references (#40703)
Co-authored-by: Julien Déramond <juderamond@gmail.com>
2024-08-07 12:11:06 +02:00
XhmikosR 859a134203
Optimize Sass SVG files (#39804) 2024-03-19 21:31:07 +02:00
Julien Déramond 4e35f64fdc
Drop `--bs-accordion-btn-focus-border-color` and deprecate `$accordion-button-focus-border-color` (#39560)
Co-authored-by: XhmikosR <xhmikosr@gmail.com>
2024-02-06 22:04:06 +02:00
Sergei 7bec4de761
Optimize the accordion icon (#39411)
Co-authored-by: Serhii Babakov <babakov@aweb.ua>
Co-authored-by: Julien Déramond <juderamond@gmail.com>
2024-01-30 19:05:54 +01:00
Julien Déramond 587e89f11b
Fix Sass compilation breaking change in v5.3 (#39380) 2023-11-14 08:01:29 +01:00
Giovanni Piller Cottrer d1d49ffe1d
New `$btn-link-focus-shadow-rgb` for color modes customisation (#39119) 2023-09-13 09:18:07 +02:00
Julien Déramond bde23ae661
Allow `<mark>` colors customization for color modes (#39141) 2023-09-13 08:50:42 +02:00
Louis-Maxime Piton 86672f4222
Fix table state rendering for color modes (#39033) 2023-09-13 08:17:23 +02:00
Julien Déramond 4724e7ae9a
Make form range track background more contrasted (#39095) 2023-09-13 07:59:53 +02:00
Julien Déramond 78b4e5d2d6 Use box-shadow CSS vars instead of Sass vars in assets and variables 2023-08-05 15:04:45 -07:00
Julien Déramond 6a9b9af59e New Sass variable to change vertical rule width 2023-07-16 20:39:54 -07:00
Julien Déramond ad724cb136 Add `$navbar-dark-icon-color` 2023-05-31 19:29:15 -07:00
Julien Déramond 9cc85fd69b
Remove duplicate `$alert-*-scale` Sass vars (#38674) 2023-05-31 07:37:03 +03:00
Louis-Maxime Piton 5400415bb5
Table: active `<tr>` fix (#37084)
* Adding the custom cascade to make `.active` work on `:hover` and on `.table-striped`.

* Prevent nesting backgrounds

* Small typo

* .

* Adding some docs

* Match variable syntax

* .

---------

Co-authored-by: Mark Otto <markd.otto@gmail.com>
2023-04-25 20:32:27 -07:00
Louis-Maxime Piton 0bea3f35c6
CSS: New var proposal + init `headings-color` (#37904)
* Proposal

* Revert opacity changes

---------

Co-authored-by: Mark Otto <markd.otto@gmail.com>
2023-04-20 20:09:43 -07:00
Mark Otto 3aabfc70c3
Another pass at fixing floating labels disabled colors (#38313)
* Another pass at fixing floating labels disabled colors

* Fix height for textareas

* Fix disabled background

* Move from full width to an inline-block-ish approach

---------

Co-authored-by: XhmikosR <xhmikosr@gmail.com>
2023-03-29 13:46:09 -04:00
Julien Déramond 92f9dda263
Add a check for interpolation variables to node-sass workflow (#38283)
Co-authored-by: XhmikosR <xhmikosr@gmail.com>
2023-03-27 17:34:14 +02:00
jonnysp 3b9b154563
Use `border-radius` CSS variables in more components (#38284)
* Update _variables.scss

missing global variable on nav-pills-border-radius

* Update _variables.scss
2023-03-24 21:41:44 -05:00
Julien Déramond 833da72712
Fix missing modifications when `--bs-{color}-text` was changed to `--bs-{color}-text-emphasis` (#38176) 2023-03-07 06:45:07 +01:00
lavsemen 9a1f4ed9e5
Fix button visibility issue on dark theme (#38115)
* Fix button visibility issue on dark theme

* Add $btn-color-variable in _buttons.scss

* Apply suggestions from code review

---------

Co-authored-by: Семен Лаверентьев <remark.lavrentev@gmail.com>
Co-authored-by: Mark Otto <otto@github.com>
2023-03-02 10:49:54 -08:00
Louis-Maxime Piton 783213691a
Icon link: envariable + enhance the documentation (#38130)
* Envariable the icon-link helper

* Proposal

* .
2023-03-02 10:32:43 -08:00
Julien Déramond afd37369bc
Drop duplicate `$nav-link-disabled-color` declaration (#38083) 2023-02-23 07:59:47 +01:00
Julien Déramond d86c316a88 Drop duplicate `$btn-close-focus-shadow` definition 2023-02-15 08:33:32 -08:00
Mark Otto 8fddb9fe57
Update form validation styles to use new CSS variables for `color` and `border-color` (#38044)
* Update form validation styles to use new CSS variables for color and border-color

* Use better Sass variables
2023-02-14 15:22:35 -08:00
Mark Otto 639306242f Use color mode adaptive color for disabled dropdown menu items 2023-02-04 14:51:11 +07:00
Mark Otto 82391bc7b7
Theme color improvements (#37953)
* Use tint-color() and shade-color() functions to generate new color mode adaptive theme values

* More consistent shading

* Fix callouts use of emphasis variables

* Use tint and shade functions on link and code colors for dark mode
2023-01-25 18:11:22 -08:00
louismaximepiton 15744ee1d0 Proposal to rename the CSS and Sass variables 2023-01-21 09:46:48 -08:00
Mark Otto 20ab8219a0
Sass docs updates (#37897)
* Add maps

* Redesign scss-docs rendering

* Update other CSS sections

* Fix linter
2023-01-16 18:57:24 -08:00
Mark Otto ca88999448
Fix `.form-control` in dark mode (#37893)
* Fix .form-control in dark mode

* Remove CSS vars from docs
2023-01-16 15:56:23 -08:00
Louis-Maxime Piton 9042efd0f8
Deprecate the Sass var and remove any occurence of the `.text-muted` (#37890) 2023-01-16 15:55:28 -08:00
Eren Okka 17f14ac39f Remove outdated comment from `$input-border-color` variable 2023-01-12 18:54:00 -08:00
Julien Déramond 927ccdf714 Remove obsolete comment from `_variables.scss` 2023-01-08 15:52:38 -08:00
Mark Otto 1e33cfa272 Keep shadows black regardless of color mode 2023-01-07 16:07:02 -08:00
Louis-Maxime Piton 8265927fc1
CSS: rename some variables to be consistent (#37804)
* Fix

* fix(review)
2023-01-06 11:46:03 -08:00
Julien Déramond 702a3b6a61
Fix duplicate `--bs-emphasis-color` set value (#37809)
* Fix duplicate `--bs-emphasis-color` set value

* Restore body- prefix

Co-authored-by: Mark Otto <markdotto@gmail.com>
2023-01-05 19:59:24 -08:00
Mark Otto 9e17b2b34c
Focus ring helper and utilities (#33125)
* Add global variables for box-shadow focus rings

* Update instances of -btn-focus-box-shadow to use -ring-box-shadow, unless it's for buttons or inputs

* fix variable name

* Add CSS variables for global focus styling, document it

* Move to CSS vars section

* Update scss/_nav.scss

Co-authored-by: Gaël Poupard <ffoodd@users.noreply.github.com>

* Helper and utils

* Fix bundlewatch

* Change 'Focus ring' in sidebar so that the page can be visible

* Minor typo fix

* fix merge

* Revamp some more, improve docs

Co-authored-by: Gaël Poupard <ffoodd@users.noreply.github.com>
Co-authored-by: Julien Déramond <juderamond@gmail.com>
Co-authored-by: Patrick H. Lauke <redux@splintered.co.uk>
2022-12-29 14:19:22 -08:00
Mark Otto fabe074199 Darken some text emphasis and syntax colors 2022-12-29 12:28:02 -08:00
Mark Otto 7d9aa9d716
Add .nav-underline modifier class (#33126)
* Add .nav-underline modifier class

* Tweak sizing and spacing, add underline on hover

* Rebuild with Sass and CSS variables

* Document CSS vars

* Bump bundlewatch
2022-12-28 21:55:54 -08:00
Mark Dumay 98ebf3a336
Improve consistency of navbar icon declaration (#37720)
* Use $navbar-light-color instead of inline color

* Introduce separate $navbar-light-icon-color
2022-12-26 21:19:53 +02:00
Julien Déramond 41f62c5a11
Fix Sass compilation when `$color-mode-type` is set to `media-query` (#37687)
* Fix Sass compilation when `$color-mode-type` is set to `media-query`

* Update mixin names, fix docs color modes for using media queries by using mixin

Co-authored-by: Mark Otto <markdotto@gmail.com>
2022-12-21 08:52:07 +02:00
jonnysp efce829777 Update _variables.scss 2022-12-20 12:57:29 -08:00
Mark Otto fc3f4b67d6
Add dark mode support (#35857)
* Add dark mode to docs

* Minor fix: missing space indentation

* Minor fix: revert utilities/z-index added-in modification

* Remove prev: and next: from doc because extracted to another PR

* Use .bg-body-tertiary in all Utilities > Overflow examples

* fix example

* Fix up spacing examples

* Update box-shadow Sass variables and utilities to auto-adjust to color modes

* Remove unused docs class

* Refactor form styles to use CSS variable for background images on .form-check and .form-switch

* Fix docs selector

* Rename shortcut for clarity

* Heading consistency

* Reintroduce missing 4th grid item in Utilities > Spacing example

* Fix bundlewatch

* .bd-callout* rendering is OK so removing comments in the code

* Update scss/_utilities.scss

Co-authored-by: Julien Déramond <julien.deramond@orange.com>

* Fix gutters example styling

* Fix text colors on background utils docs

* redesign and fix up position marker example, which doesn't show nicely in darkmode but at least isn't broken

* fix some color utils examples

* Deprecate mixin notice

* Deprecate notice for list-group-item-variant() mixin

* Revamp new link CSS vars

* Use map-keys in some each Sass files

* Remove list-group-item-variant mixin ref in sass loop desc

* Display CSS vars scoped to our built-in dark mode

* Revert previous commit

* Fix list group variant link

* Fix typo

* Remove imports of alert/list-group mixins in scss/_mixins.scss

* Small formatting + comments removal in scss/_content.scss

* Fix alert links colors

* fix dropdown border-radius mixin

* fix link color and underline again, this time using CSS var override for color var and fallback value for the underline

* fix colors on docs navbar for dark mode

* remove two changes

* missing ref

* another link underline fix, just use sass vars for link decoration for now

* missing color bg docs, plus move dropdown override to scss

* more changes from review

* fix some examples, drop unused docs navbar styles, update docs navbar color mode to use mixin

* Few fixes around type

- Restored CSS variable for color on headings, this time with a fallback value
- In conjunction, restored and wrapped the default CSS var with a null value check
- Split headings and paragraphs docs in Reboot, elaborated on them

* Restyle custom details > summary element in docs

* Rewrite some migration docs

* fix form checks

* Fix up some navbar styling, tweak docs callout

* Fix select images, mostly for validation styling

* Clean up some migration notes, document some new form control CSS vars, mention new variables-dark in sass docs

* Update site/content/docs/5.2/components/scrollspy.md

Co-authored-by: Julien Déramond <julien.deramond@orange.com>

* Apply suggestions from code review

Co-authored-by: Julien Déramond <julien.deramond@orange.com>

* mention form control css vars in migration guide

* Tweak grid and flex docs background examples

* clarify some docs

* fix some more things

Co-authored-by: Julien Déramond <juderamond@gmail.com>
Co-authored-by: Julien Déramond <julien.deramond@orange.com>
2022-11-28 22:30:26 -08:00
Julien Déramond 85765210cd Fix disabled floating labels color 2022-11-14 09:32:35 -08:00
Mitchell Cash cda47731c6
Add support for customising a card title color (#36979)
* Add support for customising a card title color

* Group `*card-title-*` variables together

* Add support for customising a card subtitle color

Co-authored-by: Julien Déramond <julien.deramond@orange.com>
Co-authored-by: Mark Otto <markd.otto@gmail.com>
2022-10-30 20:06:02 -04:00
jonnysp 7cb376a8fd
Use `--bs-border-width` for some components (#37344)
* Update _variables.scss

adds variable border-width to some components.
to combine utility borders (border-1, boder-2, ...) on these.

like "card border-2", "alert border-4" , ...

* add more border-width

* fix lint & bundlewatch
2022-10-23 00:13:13 -04:00
Mark Otto 0968db8099
Add `z-index` utilities, `.z-*` (#37317)
* Add z-index utilities, .z-*

* Fix missing comma in _utilities.scss

* Fix bundlewatch

* Fix lint

* Update site/content/docs/5.2/utilities/z-index.md

Co-authored-by: Julien Déramond <julien.deramond@orange.com>

* custom appearance

* linter

Co-authored-by: Julien Déramond <juderamond@gmail.com>
Co-authored-by: Julien Déramond <julien.deramond@orange.com>
2022-10-22 17:13:39 -04:00