Commit Graph

3065 Commits

Author SHA1 Message Date
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
dependabot[bot] 8ac1bdee8f
Build(deps-dev): Bump stylelint and stylelint-config-twbs-bootstrap (#39527)
* Build(deps-dev): Bump stylelint and stylelint-config-twbs-bootstrap

Bumps [stylelint](https://github.com/stylelint/stylelint) and [stylelint-config-twbs-bootstrap](https://github.com/twbs/stylelint-config-twbs-bootstrap). These dependencies needed to be updated together.

Updates `stylelint` from 15.11.0 to 16.0.2
- [Release notes](https://github.com/stylelint/stylelint/releases)
- [Changelog](https://github.com/stylelint/stylelint/blob/main/CHANGELOG.md)
- [Commits](https://github.com/stylelint/stylelint/compare/15.11.0...16.0.2)

Updates `stylelint-config-twbs-bootstrap` from 12.0.0 to 13.0.0
- [Release notes](https://github.com/twbs/stylelint-config-twbs-bootstrap/releases)
- [Commits](https://github.com/twbs/stylelint-config-twbs-bootstrap/compare/v12.0.0...v13.0.0)

---
updated-dependencies:
- dependency-name: stylelint
  dependency-type: direct:development
  update-type: version-update:semver-major
- dependency-name: stylelint-config-twbs-bootstrap
  dependency-type: direct:development
  update-type: version-update:semver-major
...

Signed-off-by: dependabot[bot] <support@github.com>

* Update _utilities.test.scss

* Update blog.css

* Update blog.rtl.css

---------

Signed-off-by: dependabot[bot] <support@github.com>
Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>
Co-authored-by: XhmikosR <xhmikosr@gmail.com>
2023-12-23 18:49:29 +02:00
Yudai Takada 4dcc376bfb
Fix a typo in `scss/_tables.scss` comments (#39497) 2023-12-15 08:15:59 +01:00
Dmitry Karpunin 56d80ea53c
Fix focus box-shadow for validation stated form-controls (#38719)
Co-authored-by: Dmitry Karpunin <ext-dmitriy.karpunin@sbermarket.ru>
2023-12-09 09:34:21 +01:00
Neeraj Kumar Das ee88ae6496
Use child combinators to avoid inheriting parent accordion's styles (#37508)
Co-authored-by: Patrick H. Lauke <redux@splintered.co.uk>
Co-authored-by: Julien Déramond <juderamond@gmail.com>
2023-11-17 12:59:35 +01:00
MarkoOleksiyenko 55952bfe64
Drop evenly items distribution for modal and offcanvas headers (#39373) 2023-11-15 20:38:44 +01:00
Julien Déramond 587e89f11b
Fix Sass compilation breaking change in v5.3 (#39380) 2023-11-14 08:01:29 +01:00
Edwin 8a965cadf8
Fix typo in `_grid.scss` (#39387) 2023-11-10 11:51:55 +01:00
jonnysp 9e5e22ad6a
Fix border-radius of some switch variants when rounded is disabled (#38884)
Co-authored-by: Julien Déramond <juderamond@gmail.com>
2023-09-14 20:49:14 +02:00
Julien Déramond 344e912d04
Release v5.3.2 (#39173)
* Bump version to 5.3.2

* Dist
2023-09-14 17:19:27 +03: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
Mahmut YILDIRIM bb10c996d4
Add defensive CSS to handle form check input in fleboxes (#38955)
Co-authored-by: louismaxime.piton <louismaxime.piton@orange.com>
2023-09-13 08:45:40 +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
Sebastian Blank d07d3a60c5
Fix dart-sass deprecation warning (#39030)
* Fix dart-sass deprecation warning

* Fix wrong percentages

---------

Co-authored-by: XhmikosR <xhmikosr@gmail.com>
2023-09-12 13:04:02 -07: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
Craig Wayne c81a694ff3
Use CSS box-shadow variables in shadow utility classes (#38816) 2023-07-27 22:46:12 +02:00
XhmikosR 2a1bf52b73
Release v5.3.1 (#38956)
* Bump version to 5.3.1

* Dist
2023-07-26 10:46:38 +03:00
louismaximepiton cc5a8a9036 fix 2023-07-23 21:41:43 -07:00
cameronhollis 7dfa9c5890
`.text-bg-*` helpers now use theme CSS variables (#38772)
* #38769 text-bg-primary now respects --bs-primary color

* Revert "#38769 text-bg-primary now respects --bs-primary color"

This reverts commit a4db90ff70.

* #38769 updated scss file to respect --bs-primary color with text-bg-primary class

---------

Co-authored-by: Cameron Hollis <cameronjhollis@gmail.com>
2023-07-16 20:41:29 -07:00
Julien Déramond 6a9b9af59e New Sass variable to change vertical rule width 2023-07-16 20:39:54 -07:00
XhmikosR 1ab75c8d14
Fix Sass properties order for newer stylelint-config-recess-order (#38851) 2023-06-30 09:52:46 +03:00
Erik Faye-Lund 14292b4a22 Increase contrast in dark-mode (#38525)
This increases the default brightness for the body text-color in dark
mode, which inceases readability a bit.

It was also suggested to darken the background a bit, but we
unfortunately don't have a darker gray in our color palette. So for now,
let's increase the text-color by two notches, and leave the background
color as-is instead.
2023-06-25 14:44:38 -07:00
Julien Déramond 9369cd93fb
Generalize disabled nav links CSS rules (#38774)
Co-authored-by: Patrick H. Lauke <redux@splintered.co.uk>
2023-06-25 14:43:50 -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
XhmikosR 60098ac499
Release v5.3.0 (#38657)
* Bump version to 5.3.0

* Dist
2023-05-30 18:15:55 +03:00
Mark Otto a6dc107dfd
Add data attr selector for dark mode navbars (#38522)
* Add data attr selector for dark mode navbars

* Fix dark example
2023-05-19 09:05:09 -07: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
jonnysp 10afeb51b7
Update _floating-labels.scss (#38366)
Co-authored-by: Julien Déramond <juderamond@gmail.com>
2023-04-20 19:49:26 -07:00
Julien Déramond be0206fe31
Use `$enable-important-utilities` in `_colored-links.scss` (#38451) 2023-04-18 20:59:24 +02:00
XhmikosR fdd306f481
Update devDependencies (#38437)
* Update devDependencies

* @babel/preset-env                 ^7.20.2  →  ^7.21.4
* @rollup/plugin-node-resolve       ^15.0.1  →  ^15.0.2
* eslint                            ^8.37.0  →  ^8.38.0
* rtlcss                             ^4.0.0  →   ^4.1.0
* sass                              ^1.60.0  →  ^1.61.0
* stylelint                        ^14.16.1  →  ^15.4.0
* stylelint-config-twbs-bootstrap    ^7.0.0  →   ^9.0.1
* vnu-jar                           22.9.29  →  23.4.11

* Fix the new Stylelint issues
2023-04-11 11:44:19 +03:00
Mark Otto 9004a58c00
Improve colored links interaction with link utilities (#38398)
* Fix missing paren in colored links color

* Restore important flag on colored links color and text-decoration-color for better interaction with link utilities

* Mention in migration guide
2023-04-10 09:46:52 -07:00
XhmikosR ac576614a5
Release v5.3.0-alpha3 (#38357)
* Bump version to 5.3.0-alpha3

* Dist
2023-04-03 10:26:50 +03:00
XhmikosR 3ba7ca4f75 Update RFS to v10.0.0 2023-03-29 12:49:58 -05:00
XhmikosR ae43f0c48b
Tweak and re-organize ESLint config (#38369)
* Tweak and re-organize ESLint config

* merge individual configs to the root config
* enable more eslint-plugin-import rules
* lint markdown files

* Lint
2023-03-29 13:49:30 -04: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
Julien Déramond cd890881cb
Add `media-query` color mode Sass test (#38326) 2023-03-26 09:58:31 +02:00
Mark Otto f77117141d
Update selectors for carousel media query color mode option (#38328) 2023-03-26 09:53:00 +02:00
kyletsang d533e6f33d Fix tooltip body placement with variation placements 2023-03-25 12:22:15 -07: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
Serhii Babakov 33ad33843a Update display utility 2023-03-24 19:32:36 -07:00
Saleem Abdulrasool aa50e2361f scss: bring light/dark accordion icon color handling to parity
The light themed accordion icon is controlled by a set of two variables:
- `$accordion-icon-color`
- `$accordion-icon-active-color`

The dark themed accordion icon did not have this level of control
available and instead would always use `$primary-text-emphasis-dark`.

Replicate the behaviour to permit individual control over the colours to
match the behaviour for the light themed form.
2023-03-24 18:58:08 -07:00
XhmikosR c877cefcef
Release v5.3.0-alpha2 (#38244)
* Bump version to 5.3.0-alpha2

* Dist
2023-03-24 16:30:16 +02:00
jonnysp 9c0b2be469 Update _carousel.scss
fix  data-bs-theme="dark" on component itself
2023-03-10 11:26:25 -06:00
louismaxime.piton a7e01146e0 Remove useless import 2023-03-10 10:45:12 -06:00
Julien Déramond 039f3d1c8b
Remove comments from `scss/_utilities.scss` (#38181) 2023-03-07 08:32:09 +01: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
Serhii Babakov dbc021b220 Fix navbar-nav link styling 2023-03-02 10:47: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
Louis-Maxime Piton 23d20fa54f
Utilities: add 0 value to `link-underline-opacity` (#38131) 2023-03-02 07:45:25 +01:00
Julien Déramond 51299bf4e1
Drop unused `--bs-focus-ring-box-shadow` and add documentation for `--bs-focus-ring-{x|y|blur}` (#38095) 2023-02-25 08:01:20 +01:00
Romaric Pascal 2e2ca49633
Merge branch 'main' into btn-link 2023-02-24 14:49:31 +00:00
Julien Déramond afd37369bc
Drop duplicate `$nav-link-disabled-color` declaration (#38083) 2023-02-23 07:59:47 +01:00
Julien Déramond 0d27f3c284
Remove useless comment from `scss/_utilities.scss` (#38104) 2023-02-22 12:09:15 +01:00
Serhii Babakov d576590632 Fix shadow of .btn-link 2023-02-20 15:17:08 +04:00
MewenLeHo 2b31a6b0d5 Fix color picker borders on chromium based browsers 2023-02-15 10:41:02 -08:00
Mark Otto f8fa05d27e Remove -moz-padding-start from .form-select 2023-02-15 09:39:46 -08: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
Julien Déramond a0e85680ab
Remove comments from `scss/_nav.scss` (#38038) 2023-02-13 20:03:27 +01:00
Julien Déramond 80a526621f
Fix `$grid-breakpoints` SCSS unit tests init (#38037) 2023-02-13 19:46:49 +01:00
Julien Déramond cbc4e3a409
Fix list group colors by using `*-text-emphasis` CSS vars in Sass loop (#38008) 2023-02-06 13:08:20 +01:00
cccabinet af60065266
Fix alerts colors by using `*-text-emphasis` CSS vars in Sass loop (#38003) 2023-02-06 12:39:50 +01:00
Mark Otto 3ce4fedaa2 Avoid inheritance issues on border-width utilities 2023-02-04 17:40:20 +07: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
Mark Otto cf6972ccf1 Remove list-style reset on .carousel-indicators 2023-01-25 18:09:48 -08:00
Mark Otto 03983e5b99 Rewrite selector to help Parcel compiler 2023-01-25 18:07:18 -08:00
louismaximepiton 15744ee1d0 Proposal to rename the CSS and Sass variables 2023-01-21 09:46:48 -08:00
louismaximepiton bada2b9a90 Proposal 2023-01-17 21:10:13 -08:00
Tanguy Krotoff 1369b81492
Fix Android Chrome input date dimensions (#36143)
* Bind Hugo to 0.0.0.0, helps debug on mobile when on the same network

* Use http-server for visual tests

* Add input visual tests

* Fix input date dimensions on Android Chrome

* Increase bootstrap.css max size

* Revert "Bind Hugo to 0.0.0.0" & "Use http-server for visual tests"

* Switch to pixels: this is an empirical minimum safe value

* Update .bundlewatch.config.json

Co-authored-by: Mark Otto <otto@github.com>
2023-01-17 21:09:39 -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
louismaximepiton b3febfb000 Better use of CSS var 2023-01-16 15:56:02 -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 60714e32c7
Add theme maps specific to dark mode (#37843)
* Add theme maps specific to dark mode

* Fix CSS building

* Fix other failing test

Co-authored-by: Mark Otto <markdotto@gmail.com>
2023-01-11 21:06:18 -08:00
Julien Déramond 47580ff9ba Drop duplicate `--bs-body-bg-rgb` declaration + reorder props 2023-01-11 10:07:09 -08:00
Julien Déramond 748702d00f Reduce bootstrap-grid.css content 2023-01-11 10:01:11 -08:00
Mark Otto a901027ab0
Update colored links, add new `.link-body-emphasis` helper (#37833)
* Rewrite colored links to use color property again instead of --bs-link-color-rgb value because nav links and more do not set --bs-link-color-rgb

* Update bundlewatch

* Document it

Co-authored-by: Julien Déramond <juderamond@gmail.com>
2023-01-10 16:34:25 -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
Julien Déramond 980116e02f Docs: missing deprecated callout for `list-group-item-variant()` mixin 2023-01-07 14:52:43 -08:00
Mark Otto eb10b7079c Switch from none keyword value to a fake shadow for btn-link 2023-01-06 11:48:28 -08:00
louismaximepiton 1ed86c905f Fix 2023-01-06 11:47:24 -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 ffbe6e9246
Drop unused `.bg-body-emphasis` (#37824) 2023-01-06 11:41:28 -08:00
Louis-Maxime Piton fd1ec97bd3
Docs: Small enhancements (#37803)
* Consistency with the doc

* Bring a class to avoid weird behavior

* Consistency + Add some explaining text

* fix(color)
2023-01-05 19:59:59 -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
Julien Déramond 1c05a887ea Remove duplicate definition of `--bs-highlight-bg` in `scss/_root.scss` 2023-01-05 19:19:32 -08:00
Julien Déramond 9c1aa67597 Remove unused comment in `scss/_maps.scss` 2023-01-05 19:18:23 -08:00
Julien Déramond 8a35408030
Docs: replace `twbs/bootstrap-npm-starter` by `twbs/examples/tree/main/icons-font` (#37671)
* Docs: replace twbs/bootstrap-npm-starter by twbs/examples/tree/main/icons-font

* Revamp starter template to use new .icon-link, fix Bootstrap icon and text at top

* Remove extra CSS file

* Change links to twbs/examples

* Fix icon name

* Adjust icon link offset to more reasonable and scaling distance

Co-authored-by: Mark Otto <markdotto@gmail.com>
2023-01-04 13:38:45 -08:00
Mark Otto d70b5db2e0
Add new link utilities, icon link helper, and update colored link helpers (#37762)
* Add new link utilities, update colored link helpers

* Remove commented out code

* Fixes

* Remove examples changes

* Fixes and copy

* Fix icon-link instances on homepage

* Bump bundlewatch

* Fix node-sass issue for rgba() function bug

* More bundlewatch

* One more time after merge

* Add callout for a11y

* Hover and focus-visible

* Add a11y callouts

* Remove duplicate for now

* More code review feedback
2023-01-03 22:23:46 -08:00
Patrick H. Lauke fa87dae050 Change stylelint `property-blacklist` to `property-disallowed-list`
see https://github.com/twbs/bootstrap/pull/31066#issuecomment-1369405723 / https://github.com/stylelint/stylelint/releases/tag/13.7.0

xref #31066
2023-01-03 19:46:08 -08:00
Mark Otto da1c968965 Remove dark mode --bs-heading-color value, set to null, and add custom styles for the docs dark mode headings 2023-01-03 19:36:20 -08:00