Commit Graph

914 Commits

Author SHA1 Message Date
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
Louis-Maxime Piton
bf6240dad9
Add an artificial background to floating labels (#37125) 2022-10-06 08:12:00 +02:00
maks
9a582767c6
add font-weight-medium(=500) / fw-medium (#36781)
* add font-weight-medium = 500

* Update _utilities.scss
2022-10-03 10:52:02 -07:00
Mark Otto
37e2e7e124
Use Sass variable for accordion color (#37182)
Fixes #37144
2022-09-21 18:55:57 +02:00
Julien Déramond
a138bc3fb9 More consistency for CSS/Sass vars doc for components with dark variants 2022-08-31 18:15:11 -07:00
Julien Déramond
85530309fa
Define correctly $popover-header-color (#36849) 2022-07-29 21:54:18 +02:00
JWB
154916ca2e Fixing pagination compile issue
This was an issue with the tables as well, but that has been updated here - 4a3c004c34

This was also noted here - 36501#issuecomment-1153187062_

This effects the 5.2 beta1 that is released on the homepage.

Whats happening is with a fresh download and compile, with some compilers, I noticed not all of them run into this issue, we get the Sass variable showing up and not the actual value.

Steps to reproduce - 
 - Download the source code form the docs for beta 2 and extract
 - Open VSCode -> open folder to the bootstrap directory you just extracted
 - install the "Sass/Less/Stylus/Pug/Jade/Typescript/Javascript Compile Hero Pro" v2.3.53 by Eno Yao extension
 ---- might have to restart VSCode
 - go to that extensions settings, and set the directory to save the output / compiled version to `../dist`
 - tap that Compile Hero on the bottom to activate the extension
 - open `bootstrap.scss` add a space or a new line and save it
 - check the compiles version and you should see the errors
2022-07-17 21:18:55 -07:00