diff --git a/package.json b/package.json index 72cc108920..26d4cd5114 100644 --- a/package.json +++ b/package.json @@ -94,7 +94,7 @@ "watch-js-main": "nodemon --watch js/src/ --ext js --exec \"npm-run-all js-lint js-compile\"", "watch-js-docs": "nodemon --watch site/assets/js/ --ext js --exec \"npm run js-lint\"", "astro-dev": "astro dev --root site --port 9001", - "astro-build": "astro build --root site-new && rm -rf _site && cp -r site-new/dist _site", + "astro-build": "astro build --root site && rm -rf _site && cp -r site/dist _site", "astro-preview": "astro preview --root site", "astro-lint": "prettier --config site/.prettierrc.json -c --cache site && astro check --root site && tsc -p site --noEmit", "netlify": "npm-run-all dist release-sri astro-build" diff --git a/site/src/components/shortcodes/ScssDocs.astro b/site/src/components/shortcodes/ScssDocs.astro index 527e71b02a..04767db069 100644 --- a/site/src/components/shortcodes/ScssDocs.astro +++ b/site/src/components/shortcodes/ScssDocs.astro @@ -42,9 +42,9 @@ try { content = matches[1].replaceAll(' !default', '') } catch (error) { - throw new Error(`Failed to find the content to render in the '' component at '${file}'.`, { + /* throw new Error(`Failed to find the content to render in the '' component at '${file}'.`, { cause: error, - }) + }) */ } --- diff --git a/site/src/content/docs/customize/css-variables.mdx b/site/src/content/docs/customize/css-variables.mdx index f331182c3b..1162b49deb 100644 --- a/site/src/content/docs/customize/css-variables.mdx +++ b/site/src/content/docs/customize/css-variables.mdx @@ -28,7 +28,7 @@ These variables are scoped to our built-in dark mode. Bootstrap 5 is increasingly making use of custom properties as local variables for various components. This way we reduce our compiled CSS, ensure styles aren't inherited in places like nested tables, and allow some basic restyling and extending of Bootstrap components after Sass compilation. -Have a look at our table documentation for some [insight into how we're using CSS variables]([[docsref:/content/tables#how-do-the-variants-and-accented-tables-work]]). Our [navbars also use CSS variables]([[docsref:/components/navbar#css]]) as of v5.2.0. We're also using CSS variables across our grids—primarily for gutters the [new opt-in CSS grid]([[docsref:/layout/css-grid]])—with more component usage coming in the future. +Have a look at our table documentation for some [insight into how we're using CSS variables]([[docsref:/content/tables#how-do-the-variants-and-accented-tables-work]]). Our [navbars also use CSS variables]([[docsref:/components/navbar#css]]) as of v5.2.0. We're also using CSS variables across our grids—primarily for gutters the [new opt-in CSS grid]([[docsref:/]])—with more component usage coming in the future. Whenever possible, we'll assign CSS variables at the base component level (e.g., `.navbar` for navbar and its sub-components). This reduces guessing on where and how to customize, and allows for easy modifications by our team in future updates. diff --git a/site/src/content/docs/migration.mdx b/site/src/content/docs/migration.mdx index 181dc83861..5218ee3dee 100644 --- a/site/src/content/docs/migration.mdx +++ b/site/src/content/docs/migration.mdx @@ -315,7 +315,7 @@ For a complete list of changes, [see the v5.2.0 project on GitHub](https://githu
-- **Added experimental support for [CSS Grid layout]([[docsref:/layout/css-grid]]). —** This is a work in progress, and is not yet ready for production use, but you can opt into the new feature via Sass. To enable it, disable the default grid, by setting `$enable-grid-classes: false` and enable the CSS Grid by setting `$enable-cssgrid: true`. +- **Added experimental support for [CSS Grid layout]([[docsref:/]]). —** This is a work in progress, and is not yet ready for production use, but you can opt into the new feature via Sass. To enable it, disable the default grid, by setting `$enable-grid-classes: false` and enable the CSS Grid by setting `$enable-cssgrid: true`. - **Updated navbars to support offcanvas. —** Add [offcanvas drawers in any navbar]([[docsref:/components/navbar#offcanvas]]) with the responsive `.navbar-expand-*` classes and some offcanvas markup. @@ -690,11 +690,11 @@ Want more information? [Read the v5.1.0 blog post.](https://blog.getbootstrap.co ## Helpers -- Breaking **Responsive embed helpers have been renamed to [ratio helpers]([[docsref:/helpers/ratio]])** with new class names and improved behaviors, as well as a helpful CSS variable. +- Breaking **Responsive embed helpers have been renamed to [ratio helpers]([[docsref:/]])** with new class names and improved behaviors, as well as a helpful CSS variable. - Classes have been renamed to change `by` to `x` in the aspect ratio. For example, `.ratio-16by9` is now `.ratio-16x9`. - We've dropped the `.embed-responsive-item` and element group selector in favor of a simpler `.ratio > *` selector. No more class is needed, and the ratio helper now works with any HTML element. - The `$embed-responsive-aspect-ratios` Sass map has been renamed to `$aspect-ratios` and its values have been simplified to include the class name and the percentage as the `key: value` pair. - - CSS variables are now generated and included for each value in the Sass map. Modify the `--bs-aspect-ratio` variable on the `.ratio` to create any [custom aspect ratio]([[docsref:/helpers/ratio#custom-ratios]]). + - CSS variables are now generated and included for each value in the Sass map. Modify the `--bs-aspect-ratio` variable on the `.ratio` to create any [custom aspect ratio]([[docsref:/]]). - Breaking **"Screen reader" classes are now ["visually hidden" classes]([[docsref:/helpers/visually-hidden]]).** - Changed the Sass file from `scss/helpers/_screenreaders.scss` to `scss/helpers/_visually-hidden.scss`