From: Mark Otto Date: Tue, 7 Apr 2026 22:05:23 +0000 (-0600) Subject: Improve code highlighting, tweak language X-Git-Url: http://git.ipfire.org/cgi-bin/gitweb.cgi?a=commitdiff_plain;h=2b132cbb6f2c3c3f0028f6a5254f66a52a839eec;p=thirdparty%2Fbootstrap.git Improve code highlighting, tweak language --- diff --git a/site/src/content/docs/components/toggler.mdx b/site/src/content/docs/components/toggler.mdx index f7894c294a..3d922fb05a 100644 --- a/site/src/content/docs/components/toggler.mdx +++ b/site/src/content/docs/components/toggler.mdx @@ -1,16 +1,12 @@ --- title: Toggler -description: Toggle attributes or classes using nothing but data attributes. +description: Toggle attributes or classes on click using only data attributes and our JavaScript plugin. Works with any attribute except `id`. toc: true js: required --- Toggler is a pure JavaScript component that can be used to avoid writing small or one-off JavaScript snippets to create interactive elements. Instead of writing custom JavaScript, use data attributes to toggle attribute values, changes classes, and more on `click` events. - -Toggler handles any attribute except `id`. - - ## Examples ### Toggle class diff --git a/site/src/content/docs/guides/quickstart.mdx b/site/src/content/docs/guides/quickstart.mdx index 7236241302..6a83a4d5c4 100644 --- a/site/src/content/docs/guides/quickstart.mdx +++ b/site/src/content/docs/guides/quickstart.mdx @@ -34,11 +34,11 @@ Get started using Bootstrap in seconds by including our production-ready CSS and Bootstrap demo - // [!code ++] +

Hello, world!

- // [!code ++] + ``` diff --git a/site/src/scss/_syntax.scss b/site/src/scss/_syntax.scss index 9f634498da..239bf4a1d2 100644 --- a/site/src/scss/_syntax.scss +++ b/site/src/scss/_syntax.scss @@ -21,15 +21,15 @@ > code { display: flex; + flex-shrink: 0; flex-direction: column; - width: fit-content; + width: max-content; min-width: 100%; .line:empty { min-height: 1lh; } } - } .astro-code .line.highlighted {