diff --git a/packages/unity-bootstrap-theme/src/scss/extends/_blockquotes.scss b/packages/unity-bootstrap-theme/src/scss/extends/_blockquotes.scss index 4d9795c76..966d6625d 100644 --- a/packages/unity-bootstrap-theme/src/scss/extends/_blockquotes.scss +++ b/packages/unity-bootstrap-theme/src/scss/extends/_blockquotes.scss @@ -68,6 +68,7 @@ blockquote:before { } + .citation { display: flex; @@ -182,19 +183,29 @@ blockquote:before { 3. Blockquote, mobile only ------------------------------------------------------------------- */ + @include media-breakpoint-down(sm) { - .uds-blockquote.no-cite.with-image { + .uds-blockquote, .uds-blockquoteAnimated { display: flex; flex-direction: column; - align-items: center; + align-items: flex-start; - blockquote, - h3 { - text-align: center; + svg { + margin-bottom: $uds-size-spacing-1; + width: $uds-size-spacing-5; + } + + blockquote { + width: 100%; + } + + .citation { + width: 100%; } } } + /*------------------------------------------------------------------ 4. Blockquote, desktop ------------------------------------------------------------------- */