diff --git a/src/scss/components/banner/_banner--fullpill.scss b/src/scss/components/banner/_banner--fullpill.scss index 3d657da..f462f16 100644 --- a/src/scss/components/banner/_banner--fullpill.scss +++ b/src/scss/components/banner/_banner--fullpill.scss @@ -3,9 +3,7 @@ $banner-circle--image-width: 200px; $banner-circle--sm-image-width: 150px; - .chemh-wrapper--banner-fullpill { - @include grid-media-min('md') { margin: 0 auto; max-width: calc(100vw - 200px); @@ -25,11 +23,11 @@ $banner-circle--sm-image-width: 150px; } @include grid-media-max('md') { + @include modular-spacing('padding', 3); + background: $su-color-black url("../../assets/svg/fullpill-bg.svg") no-repeat 100% / 205%; flex-direction: column; background-size: cover; - - @include modular-spacing('padding', 3); } @include grid-media-max('sm') { @@ -37,7 +35,6 @@ $banner-circle--sm-image-width: 150px; background: $su-color-black; } - @include modular-spacing('padding-top', 3); @include modular-spacing('padding-bottom', 3);