summaryrefslogtreecommitdiffstats
path: root/site/layouts/shortcodes/callout-deprecated-dark-variants.html
diff options
context:
space:
mode:
Diffstat (limited to 'site/layouts/shortcodes/callout-deprecated-dark-variants.html')
-rw-r--r--site/layouts/shortcodes/callout-deprecated-dark-variants.html9
1 files changed, 9 insertions, 0 deletions
diff --git a/site/layouts/shortcodes/callout-deprecated-dark-variants.html b/site/layouts/shortcodes/callout-deprecated-dark-variants.html
new file mode 100644
index 0000000..e682a7f
--- /dev/null
+++ b/site/layouts/shortcodes/callout-deprecated-dark-variants.html
@@ -0,0 +1,9 @@
+{{- /* Outputs message about dark mode component variants being deprecated in v5.3. */ -}}
+
+{{- $component := .Get 0 -}}
+
+<div class="bd-callout bd-callout-warning">
+ <p>
+ <strong>Heads up!</strong> Dark variants for components were deprecated in v5.3.0 with the introduction of color modes. Instead of adding <code>.{{ $component }}-dark</code>, set <code>data-bs-theme="dark"</code> on the root element, a parent wrapper, or the component itself.
+ </p>
+</div>