Commit Graph

2951 Commits

Author SHA1 Message Date
Julien Déramond e42e6f01ff
Fix lint + css-test 2023-02-08 21:02:28 +01:00
Julien Déramond b615c45420
Combine :host to :root so that Web Components can access CSS vars 2023-02-08 20:56:16 +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
Mark Otto e30916b599
Change nav focus to focus-visible (#37784)
Co-authored-by: Patrick H. Lauke <redux@splintered.co.uk>
2023-01-02 19:50:46 -08:00
Julien Déramond e60002b1fc Docs: add CSS variables section in close button section 2023-01-02 11:39:13 -08:00
Julien Déramond 5a0899d040 Fix cards color for contextual color mode 2023-01-01 21:56:19 -08:00
Patrick H. Lauke 2cc580e2d1
Docs: remove remnants of Twitter / bump dates (#37779) 2023-01-01 16:30:53 -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 dabc081f6f Fix selector for dark mode navbar toggler SVG change 2022-12-29 12:46:15 -08:00
Julien Déramond 31ee235638 Build(deps-dev): Bump sass-true from 6.1.0 to 7.0.0 2022-12-29 12:28:24 -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 Otto 5d9c09ccba Add color-scheme to dark root selector 2022-12-28 13:00:36 -08:00
Patrick H. Lauke eb4819474d
Update colour contrast formula with new constant from WCAG 2.2 (#37731)
See https://github.com/w3c/wcag/pull/1780

Closes #37022
2022-12-27 14:13:38 +00: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
XhmikosR d891159950
Make scss tests work on Windows too. (#37713)
Also, add missing `'use strict'` statements; these aren't real modules.
2022-12-25 18:09:26 +02:00
Romaric Pascal 33ccbc23e3
SCSS testing of the utilities API (#36029)
* Set up CSS testing using sass-true and mocha

Use mocha to handle the heavy lifting of finding tests and running them.
Mocha is made to look directly for SCSS files which are compiled
thanks to Node's require.extensions mechanism.

* Add CSS tests to workflow

* Add tests for the generate-utility mixin

* Add tests for utilities generation

* Fix linting issues

* Fix test contents

Don't know why the whole utilities.test.scss ended up copied in the api.test.scss

* Remove unnecessary entry in package.json

* Move to Jasmine for running the tests

* Move running of CSS tests before CSS build

* Update linting set up

Add exceptions for test files in stylelint

* Remove irrelevant option for sass-true

* Fix linting issues after rebase

* Add color mode tests

* Fix linter

Co-authored-by: Mark Otto <markdotto@gmail.com>
2022-12-24 14:29:20 -08:00