Add to display to fix example

twbs · Jan 27, 2021 · da3ca8e · da3ca8e
1 parent a0e1f14
commit da3ca8e
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 6 deletions.
diff --git a/scss/_utilities.scss b/scss/_utilities.scss
@@ -24,15 +24,15 @@ $utilities: map-merge(
       property: overflow,
       values: auto hidden visible scroll,
     ),
-    // scss-docs-start display-utilities
+    // scss-docs-start utils-display
     "display": (
       responsive: true,
       print: true,
       property: display,
       class: d,
       values: inline inline-block block grid table table-row table-cell flex inline-flex none
     ),
-    // scss-docs-end display-utilities
+    // scss-docs-end utils-display
     "shadow": (
       property: box-shadow,
       class: shadow,
@@ -444,7 +444,7 @@ $utilities: map-merge(
         center: center,
       )
     ),
-// scss-docs-start utils-color
+    // scss-docs-start utils-color
     "color": (
       property: color,
       class: text,
@@ -460,7 +460,7 @@ $utilities: map-merge(
         )
       )
     ),
-// scss-docs-end utils-color
+    // scss-docs-end utils-color
     "line-height": (
       property: line-height,
       class: lh,
@@ -471,7 +471,7 @@ $utilities: map-merge(
         lg: $line-height-lg,
       )
     ),
-// scss-docs-start utils-bg-color
+    // scss-docs-start utils-bg-color
     "background-color": (
       property: background-color,
       class: bg,
@@ -484,7 +484,7 @@ $utilities: map-merge(
         )
       )
     ),
-// scss-docs-end utils-bg-color
+    // scss-docs-end utils-bg-color
     "gradient": (
       property: background-image,
       class: bg,

diff --git a/site/content/docs/5.0/utilities/display.md b/site/content/docs/5.0/utilities/display.md
@@ -150,3 +150,11 @@ The print and display classes can be combined.
 <div class="d-none d-print-block">Print Only (Hide on screen only)</div>
 <div class="d-none d-lg-block d-print-block">Hide up to large on screen, but always show on print</div>
 {{< /example >}}
+
+## Sass
+
+### Utilities API
+
+Display 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-display" file="scss/_utilities.scss" >}}