From d9bf71618bf95267f281f668846a6728575d4e8c Mon Sep 17 00:00:00 2001
From: Monica Wheeler <monica.wheeler@kajabi.com>
Date: Mon, 30 Oct 2023 16:41:29 -0500
Subject: [PATCH] docs(hero): scss - update breakpoint to use variable

---
 packages/sage-assets/lib/stylesheets/components/_hero.scss | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/sage-assets/lib/stylesheets/components/_hero.scss b/packages/sage-assets/lib/stylesheets/components/_hero.scss
index 2ec62dbeaa..c975ea55a6 100644
--- a/packages/sage-assets/lib/stylesheets/components/_hero.scss
+++ b/packages/sage-assets/lib/stylesheets/components/_hero.scss
@@ -51,7 +51,7 @@ $-hero-play-icon-background-color: sage-color(white);
 }
 
 .sage-hero--image-start {
-  @media (min-width: 1200px) {
+  @media (min-width: sage-breakpoint(xl-min)) {
     grid-template-areas:
       "artwork title"
       "artwork content";