0
0
mirror of https://github.com/twbs/bootstrap.git synced 2024-12-12 00:08:59 +01:00
Bootstrap/site/content/docs/5.2/utilities
Daniel Raymond 708a3a0e39
Utilities for overflow and object fit (#36848)
* Added "overflow-x" and "overflow-y"

- Having the same properties as overflow but for just the x and y axises
- Usecase being I want my y axis to be scrollable but not my x axis
- E.g a card with a vertical list of items.

* Added "object-fit" utilities

- The CSS object-fit property is used to specify how an <img> or <video> should be resized to fit its container.
- A responsive alternative to using background-img for a resizable fill/fit image.

* Updated documantation for the overflow utilities

- Now includes docs for `overflow-x` and `overflow-y` utilities

* Placeholder shortcode updated

- Can now choose to render an img tag or svg
- The image contains a base64 svg generated within the template
- example shortcode updated to detect, replace and render preview of 'img' tags as well

* New documentaion for Object Fit added

- Documentation added for the 'object-fit' util

* Updated spell checks issues

* Update object-fit.md

* Update overflow.md

* Update object-fit.md

* Updated markup to address HTML Validation Errors

- error: Bad value  for attribute "src" on element "img": Illegal character in scheme data: space is not allowed.
- info warning: Self-closing tag syntax in text/html documents is widely discouraged; it's unnecessary and interacts badly with other HTML features (e.g., unquoted attribute values). If you're using a tool that injects self-closing tag syntax into all void elements, without any option to prevent it from doing so, then consider switching to a different tool.

* Updated Fix

- Added Legibility to the img markup (example.html)
- Fixed issue with example not working properly (because image closing tag no longer has "/>" )

* update values by step of 0.25 in bundlewatch.config

The following values in .bundlewatch.config.json have been updated:
- ./dist/css/bootstrap-utilities.css
- ./dist/css/bootstrap-utilities.min.css
- ./dist/css/bootstrap.css
- ./dist/css/bootstrap.min.css

Co-authored-by: Daniel O <dobiekwe@byteworks.com.ng>
Co-authored-by: Mark Otto <otto@github.com>
2022-10-06 13:14:11 -07:00
..
api.md Update import order for utilities API docs (#36444) 2022-05-26 14:11:27 -07:00
background.md Prepare v5.2.0-beta1 2022-05-13 19:44:01 +03:00
borders.md Add new border-radius utilities (#36540) 2022-10-03 11:52:41 -07:00
colors.md Prepare v5.2.0-beta1 2022-05-13 19:44:01 +03:00
display.md Correct typo in documentation for hiding elements (#37250) 2022-10-04 09:24:52 +03:00
flex.md Prepare v5.2.0-beta1 2022-05-13 19:44:01 +03:00
float.md Prepare v5.2.0-beta1 2022-05-13 19:44:01 +03:00
interactions.md Prepare v5.2.0-beta1 2022-05-13 19:44:01 +03:00
object-fit.md Utilities for overflow and object fit (#36848) 2022-10-06 13:14:11 -07:00
opacity.md Prepare v5.2.0-beta1 2022-05-13 19:44:01 +03:00
overflow.md Utilities for overflow and object fit (#36848) 2022-10-06 13:14:11 -07:00
position.md Add accNames to all progress bar examples (#36732) 2022-07-13 23:31:15 +02:00
shadows.md Prepare v5.2.0-beta1 2022-05-13 19:44:01 +03:00
sizing.md Prepare v5.2.0-beta1 2022-05-13 19:44:01 +03:00
spacing.md Prepare v5.2.0-beta1 2022-05-13 19:44:01 +03:00
text.md Prepare v5.2.0-beta1 2022-05-13 19:44:01 +03:00
vertical-align.md Prepare v5.2.0-beta1 2022-05-13 19:44:01 +03:00
visibility.md Prepare v5.2.0-beta1 2022-05-13 19:44:01 +03:00