Style sidebar portion of header title [PUB-231]

art-institute-of-chicago · Aug 22, 2024 · a1d85e8 · a1d85e8
1 parent b8c55f4
commit a1d85e8
Showing 1 changed file with 24 additions and 0 deletions.
diff --git a/frontend/scss/organisms/_o-article__primary-actions.scss b/frontend/scss/organisms/_o-article__primary-actions.scss
@@ -266,9 +266,33 @@
   }
 
   .m-article-actions--publication__logo {
+    height: 110px;
     margin-bottom: 40px;
     white-space: nowrap;
 
+    &::before {
+      content: "";
+      position: absolute;
+      top: 0;
+      left: 0;
+      right: 0;
+      bottom: 0;
+      background-color: $color__black--50;
+      z-index: -1;
+      height: 150px;
+      width: 600px;
+      margin-left: calc(-600px + 50%);
+      @each $name in ('large', 'xlarge') {
+        @include breakpoint('#{$name}') {
+          width: calc(#{colspan(14, '#{$name}')} * 2 + (#{colspan(1, '#{$name}')} * 2));
+          padding-right: calc(#{colspan(1, '#{$name}')} * 2);
+          margin-left: calc((#{colspan(14, '#{$name}')} * -1) + (#{colspan(1, '#{$name}')} * -1));
+          margin-right: colspan(2, #{$name});
+        }
+      }
+
+    }
+
     @include breakpoint('large+') {
       .p-digitalpublications-show &,
       .p-digitalpublications-showlisting & {