From 3ea39841c8049525e31e9f4d6300f0c60cdb42de Mon Sep 17 00:00:00 2001 From: Daniel Baumann Date: Tue, 24 Jan 2023 13:33:51 +0100 Subject: Adding upstream version 5.2.3+dfsg. Signed-off-by: Daniel Baumann --- site/content/docs/5.2/utilities/shadows.md | 30 ++++++++++++++++++++++++++++++ 1 file changed, 30 insertions(+) create mode 100644 site/content/docs/5.2/utilities/shadows.md (limited to 'site/content/docs/5.2/utilities/shadows.md') diff --git a/site/content/docs/5.2/utilities/shadows.md b/site/content/docs/5.2/utilities/shadows.md new file mode 100644 index 0000000..bb5ef44 --- /dev/null +++ b/site/content/docs/5.2/utilities/shadows.md @@ -0,0 +1,30 @@ +--- +layout: docs +title: Shadows +description: Add or remove shadows to elements with box-shadow utilities. +group: utilities +toc: true +--- + +## Examples + +While shadows on components are disabled by default in Bootstrap and can be enabled via `$enable-shadows`, you can also quickly add or remove a shadow with our `box-shadow` utility classes. Includes support for `.shadow-none` and three default sizes (which have associated variables to match). + +{{< example >}} +
No shadow
+
Small shadow
+
Regular shadow
+
Larger shadow
+{{< /example >}} + +## Sass + +### Variables + +{{< scss-docs name="box-shadow-variables" file="scss/_variables.scss" >}} + +### Utilities API + +Shadow utilities are declared in our utilities API in `scss/_utilities.scss`. [Learn how to use the utilities API.]({{< docsref "/utilities/api#using-the-api" >}}) + +{{< scss-docs name="utils-shadow" file="scss/_utilities.scss" >}} -- cgit v1.2.3