From 9098b1e1fce7dd59b8a2f815c3fd63dabb095e00 Mon Sep 17 00:00:00 2001
From: Ariella Gilmore <ariellalgilmore@gmail.com>
Date: Mon, 20 Jul 2020 15:27:07 -0700
Subject: [PATCH] fix(CalloutQuote): adjust grid (#3209)

### Related Ticket(s)

Pattern: Callout Quote: Misalignment to grid - #2399

### Description

### Changelog

**Changed**

-calloutquote component grid hang.

<!-- Deploy Previews are enabled by applying the following labels for the corresponding package: -->
<!-- *** "package: react": React -->
<!-- *** "package: web components": Web Components -->
<!-- *** "package: vanilla": Vanilla -->
<!-- *** "package: services": Services -->
<!-- *** "package: utilities": Utilities -->
<!-- *** "package: styles": Carbon Expressive, React (Expressive) -->
<!-- *** "RTL": React (RTL) -->
<!-- *** "feature flag": React (experimental) -->
---
 .../styles/scss/components/callout-quote/index.scss | 13 +++++++++++++
 1 file changed, 13 insertions(+)

diff --git a/packages/styles/scss/components/callout-quote/index.scss b/packages/styles/scss/components/callout-quote/index.scss
index c289d36c6f2..64cbb74a2bd 100644
--- a/packages/styles/scss/components/callout-quote/index.scss
+++ b/packages/styles/scss/components/callout-quote/index.scss
@@ -8,3 +8,16 @@
 @import '../../globals/imports';
 @import '../../internal/callout/callout';
 @import '../quote/quote';
+@import '../../globals/utils/hang';
+
+@mixin callout-quote {
+  .#{$prefix}--callout-quote {
+    @include carbon--breakpoint('md') {
+      @include hang;
+    }
+  }
+}
+
+@include exports('callout-quote') {
+  @include callout-quote;
+}