Mark Otto
062e7425b8
Migrate to Sass modules ( #41512 )
...
* Reorganize scss folder
* Migrate to Sass modules
* Migrate docs to Sass modules, comment out docs grid CSS
* Give helpers folder an index.scss, migrate ratio helper to aspect-ratio utility
* Delete node sass Action
* Modify Sass tests to pass for new Sass modules implementation
* Don't disallow calc()
* Move heading classes back to Reboot to prevent a dependency
* Utilities, some helpers, and theme colors
* Temporary fix of docs compilation
* Temporary Bundlewatch fix
* docs fix import to use
* Restyle docs callouts
* Fix docs colors
* Revert typo
* Reintroduce `css-lint-vars` npm script
* Bump to Sass v1.90.x
* Fixes
* more
* Remove
---------
Co-authored-by: Julien Déramond <juderamond@gmail.com >
2025-09-20 22:15:23 -07:00
Mark Otto
37d69e7c38
v6: Don't disallow calc ( #41681 )
...
* Don't disallow calc()
* Remove disables that aren't needed
* Remove custom subtract and add functions
* Remove more disables
* keep it here
2025-09-20 22:15:23 -07:00
flavio-b
636bb496c9
Set toast z-index variable in the correct spot
...
The .toast-container tries to use the z-index CSS variable, which is defined under .toast.
However, this variable is not accessible to the container. This change copies the variable to the spot where it can be used.
2022-09-20 04:36:45 -07:00
Geremia Taglialatela
b8880e5eec
Add workarounds for postcss values parser error
...
postcss-values-parser returns a syntax error when a negative value is
provided in a `calc` function after a CSS variable.
This is not an issue with Bootstrap itself, but a workaround to allow
projects using postcss-values-parser to keep upgrading and compiling
bootstrap
Ref: shellscape/postcss-values-parser#138, twbs/bootstrap#35033
Fix : #36851
2022-09-04 09:45:40 -07:00
louismaximepiton
a0238d126b
Adding missing CSS variables for z-index
2022-08-31 18:04:09 -07:00
Mark Otto
427c089961
Stylelint: Disable custom-property-empty-line-before
2022-05-22 19:58:14 -07:00
Julien Déramond
a58d894a5b
Improve use of CSS vars in Toasts
2022-04-11 15:36:10 -07:00
Mark Otto
a4841afa26
Convert toasts to CSS variables ( #35961 )
...
* Convert toasts to CSS variables
* bundlewatch
2022-03-17 14:48:36 -07:00
Mark Otto
28d9aaf670
Add z-index for .toast-container ( #35859 )
...
* Add z-index for .toast-container
- Adds positioning and z-index to toast container so that it has a system-declared layer in relation to other components.
- Updates docs to use the class better
Fixes $34028
* Remove unnecessary z-index from docs examples
2022-02-25 08:49:02 -08:00
GeoSot
41292a5257
Toasts: Change showing timings and classes to keep toast display:none by default ( #33610 )
2021-07-22 18:13:13 +03:00
Mark Otto
be17444756
Replace / division with multiplication and custom divide() function ( #34245 )
...
* Convert bulk of division to multiplication
* Use custom divide() function instead of Dart Sass math module for greater compatibility
* Apply suggestions from code review
* Fix functions
2021-06-14 09:35:30 -07:00
Onycss
041de9d5ed
Add word-break to .toast-body ( #32670 )
...
* Update _toasts.scss
* Update scss/_toasts.scss
Co-authored-by: Mark Otto <otto@github.com >
2021-01-13 09:21:57 -08:00
Martijn Cuppens
1f2e600304
Add toast positioning
2020-12-04 16:15:51 +02:00
Mark Otto
fae9aef3db
Update toasts dismiss (moving more styles to CSS instead of utilities), fix some more close examples, and add a new .btn-close-white variant
2020-09-22 16:49:02 -07:00
Mark Otto
2bceb3e79d
Remove overflow: hidden from toasts ( #31381 )
2020-07-31 13:29:01 +02:00
Mark Otto
9f173aeff3
Remove backdrop-filter from toasts
2020-06-25 09:47:20 +03:00
Martijn Cuppens
51375abca5
Responsive font size implementation ( #23816 )
2019-02-07 23:32:05 +01:00
Martijn Cuppens
59d040fcbb
Make component colors configurable ( #28035 )
2019-01-20 23:38:29 +02:00
Shohei Yoshida
cda3301d08
Use border-radius() mixin for toast
2018-12-21 13:55:44 -08:00
Martijn Cuppens
dbadf24bb3
Fix margin above toast when previous toast is hidden ( #27820 )
2018-12-12 14:23:10 +01:00
Johann-S
1f4d7903db
fix fade animation for toast
2018-12-10 10:38:11 +01:00
Mark Otto
ab40a2b919
Nest the .toast.show and use display: block; as inherit causes broken styles
2018-11-13 08:47:32 +02:00
Johann-S
16cf76ff1a
Create toast JS plugin, add unit tests.
2018-11-13 08:47:32 +02:00
Mark Otto
d0652a1be9
Add new toasts component
2018-11-13 08:47:32 +02:00
