From 8a1a265b9e913e080b59bccb4befb318e32a8437 Mon Sep 17 00:00:00 2001
From: Ans <git@anselmbradford.com>
Date: Fri, 29 Nov 2024 14:24:46 -0500
Subject: [PATCH] Update mixin references

---
 docs/pages/grid.md              | 21 ++++++++-------------
 docs/pages/heading-hierarchy.md |  2 +-
 2 files changed, 9 insertions(+), 14 deletions(-)

diff --git a/docs/pages/grid.md b/docs/pages/grid.md
index 101192fe7..2030ea525 100644
--- a/docs/pages/grid.md
+++ b/docs/pages/grid.md
@@ -155,11 +155,11 @@ variation_groups:
           ```scss
 
           .main-wrapper {
-              @include u-grid-wrapper();
+              @include u-grid-wrapper;
           }
 
           .half {
-              .u-grid-column(1, 2);
+              @include u-grid-column(1, 2);
           }
 
           .styled {
@@ -203,7 +203,7 @@ variation_groups:
 
           In cf-grid, the way to get around this is by wrapping your columns
 
-          in a container that utilizes the `.u-grid-nested-col-group()` mixin.
+          in a container that utilizes the `@include u-grid-nested-col-group` mixin.
 
           This mixin uses negative left and right margins to
 
@@ -222,7 +222,7 @@ variation_groups:
 
           ```scss
 
-          .u-grid-nested-col-group()
+          @include u-grid-nested-col-group;
 
           ```
 
@@ -233,15 +233,15 @@ variation_groups:
           ```scss
 
           .main-wrapper {
-              @include u-grid-wrapper();
+              @include u-grid-wrapper;
           }
 
           .nested {
-              .u-grid-nested-col-group();
+              @include u-grid-nested-col-group;
           }
 
           .half {
-              .u-grid-column(1, 2);
+              @include u-grid-column(1, 2);
           }
 
           ```
@@ -309,11 +309,6 @@ variation_groups:
           <div class="wrapper">
               Wrapper
           </div>
-      - variation_name: 'Cf-grid helpers: Column divider modifiers'
-        variation_description: See the [column
-          dividers](https://cfpb.github.io/design-system/development/column-dividers)
-          page for information.
-        variation_code_snippet: ''
     variation_group_name: Development
     variation_group_description: >-
 
@@ -369,7 +364,7 @@ variation_groups:
       .description,
 
       .illustration {
-          .u-grid-column(1, 2);
+          @include u-grid-column(1, 2);
       }
 
       ```
diff --git a/docs/pages/heading-hierarchy.md b/docs/pages/heading-hierarchy.md
index 6238654a3..8f65053ec 100644
--- a/docs/pages/heading-hierarchy.md
+++ b/docs/pages/heading-hierarchy.md
@@ -185,7 +185,7 @@ description: A successful type hierarchy establishes the order of importance of
 use_cases: ''
 behavior: ''
 accessibility: Since categories can be repetitive, we suggest placing a label
-  with `.u-visually-hidden` prior to the headings with icons to add more context
+  with `@include u-visually-hidden` prior to the headings with icons to add more context
   for screen readers.
 related_items: >-
   * [Paragraphs](https://cfpb.github.io/design-system/foundation/paragraphs)