0
0
mirror of https://github.com/twbs/bootstrap.git synced 2025-01-30 22:52:24 +01:00
Bootstrap/site/data/sidebar.yml
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

155 lines
3.0 KiB
YAML

# This file holds all sidebar menu's entries.
# The logic for the sidebar generation is in "site/layouts/partials/docs-sidebar.html".
- title: Getting started
icon: book-half
icon_color: indigo
pages:
- title: Introduction
- title: Download
- title: Contents
- title: Browsers & devices
- title: JavaScript
- title: Webpack
- title: Parcel
- title: Vite
- title: Accessibility
- title: RFS
- title: RTL
- title: Contribute
- title: Customize
icon: palette2
icon_color: pink
pages:
- title: Overview
- title: Sass
- title: Options
- title: Color
- title: Components
- title: CSS variables
- title: Optimize
- title: Layout
icon: grid-fill
icon_color: teal
pages:
- title: Breakpoints
- title: Containers
- title: Grid
- title: Columns
- title: Gutters
- title: Utilities
- title: Z-index
- title: CSS Grid
- title: Content
icon: file-earmark-richtext
icon_color: gray
pages:
- title: Reboot
- title: Typography
- title: Images
- title: Tables
- title: Figures
- title: Forms
icon: ui-radios
icon_color: blue
pages:
- title: Overview
- title: Form control
- title: Select
- title: Checks & radios
- title: Range
- title: Input group
- title: Floating labels
- title: Layout
- title: Validation
- title: Components
icon: menu-button-wide-fill
icon_color: cyan
pages:
- title: Accordion
- title: Alerts
- title: Badge
- title: Breadcrumb
- title: Buttons
- title: Button group
- title: Card
- title: Carousel
- title: Close button
- title: Collapse
- title: Dropdowns
- title: List group
- title: Modal
- title: Navbar
- title: Navs & tabs
- title: Offcanvas
- title: Pagination
- title: Placeholders
- title: Popovers
- title: Progress
- title: Scrollspy
- title: Spinners
- title: Toasts
- title: Tooltips
- title: Helpers
icon: magic
icon_color: orange
pages:
- title: Clearfix
- title: Color & background
- title: Colored links
- title: Position
- title: Ratio
- title: Stacks
- title: Stretched link
- title: Text truncation
- title: Vertical rule
- title: Visually hidden
- title: Utilities
icon: braces-asterisk
icon_color: red
pages:
- title: API
- title: Background
- title: Borders
- title: Colors
- title: Display
- title: Flex
- title: Float
- title: Interactions
- title: Object fit
- title: Opacity
- title: Overflow
- title: Position
- title: Shadows
- title: Sizing
- title: Spacing
- title: Text
- title: Vertical align
- title: Visibility
- title: Extend
icon: tools
icon_color: blue
pages:
- title: Approach
- title: Icons
- title: About
icon: globe2
icon_color: indigo
pages:
- title: Overview
- title: Team
- title: Brand
- title: License
- title: Translations
- title: Migration