summaryrefslogtreecommitdiffstats
path: root/site/content/docs/5.3/docsref.md
diff options
context:
space:
mode:
Diffstat (limited to 'site/content/docs/5.3/docsref.md')
-rw-r--r--site/content/docs/5.3/docsref.md49
1 files changed, 49 insertions, 0 deletions
diff --git a/site/content/docs/5.3/docsref.md b/site/content/docs/5.3/docsref.md
new file mode 100644
index 0000000..d0fc42f
--- /dev/null
+++ b/site/content/docs/5.3/docsref.md
@@ -0,0 +1,49 @@
+---
+layout: docs
+title: Docs reference
+description: Examples of Bootstrap's documentation-specific components and styles.
+aliases: "/docsref/"
+toc: true
+robots: noindex,follow
+sitemap_exclude: true
+---
+
+## Buttons
+
+<button class="btn btn-bd-primary">Primary button</button>
+<button class="btn btn-bd-accent">Accent button</button>
+<button class="btn btn-bd-light">Light button</button>
+
+## Callouts
+
+{{< callout >}}
+ Default callout
+{{< /callout >}}
+
+{{< callout warning >}}
+ Warning callout
+{{< /callout >}}
+
+{{< callout danger >}}
+ Danger callout
+{{< /callout >}}
+
+## Code example
+
+```scss
+.test {
+ --color: blue;
+}
+```
+
+<div class="bd-example">
+ The <abbr title="HyperText Markup Language">HTML</abbr> abbreviation element.
+</div>
+
+{{< example >}}
+<div class="test">This is a test.</div>
+{{< /example >}}
+
+{{< scss-docs name="variable-gradient" file="scss/_variables.scss" >}}
+
+{{< js-docs name="live-toast" file="site/assets/js/snippets.js" >}}