diff --git a/css/components/site-header.css b/css/components/site-header.css index a29edc3..f5d2dc6 100755 --- a/css/components/site-header.css +++ b/css/components/site-header.css @@ -35,13 +35,15 @@ align-self: stretch; background-color: var(--color--primary-50); } +.container.site-header__inner__container { + box-shadow: -1px 0 4px 0px rgba(0, 0, 0, 0.3333); +} .site-header__fixable { display: flex; align-items: flex-end; transition: all 0.5s; } - @media ((((min-width: 60rem)))) { .site-header__fixable.is-fixed:not(.is-expanded) { pointer-events: none; @@ -52,7 +54,9 @@ body:not(.is-always-mobile-nav) .site-header__fixable.is-fixed { position: fixed; z-index: 102; /* Appear above body content that is position: relative */ - inset-block-start: calc(var(--drupal-displace-offset-top, 0px) - var(--sp4)); + inset-block-start: calc( + var(--drupal-displace-offset-top, 0px) - var(--sp4) + ); max-width: var(--max-bg-color); } } @@ -61,7 +65,10 @@ position: relative; z-index: 1; /* Appear in front of Drupal's tabs. */ flex-grow: 1; - width: calc(100vw - var(--content-left) - var(--drupal-displace-offset-left, 0px) - var(--drupal-displace-offset-right, 0px)); + width: calc( + 100vw - var(--content-left) - var(--drupal-displace-offset-left, 0px) - + var(--drupal-displace-offset-right, 0px) + ); background: var(--color--white); } @@ -91,14 +98,19 @@ /* Hide the desktop nav when it's fixed and not active. */ @media ((((min-width: 60rem)))) { - body:not(.is-always-mobile-nav) .site-header__fixable.is-fixed:not(.is-expanded) .site-header__inner { + body:not(.is-always-mobile-nav) + .site-header__fixable.is-fixed:not(.is-expanded) + .site-header__inner { transform: translateX(-101%); /* LTR */ opacity: 0; } } @media ((((min-width: 60rem)))) { - [dir="rtl"] body:not(.is-always-mobile-nav) .site-header__fixable.is-fixed:not(.is-expanded) .site-header__inner { + [dir="rtl"] + body:not(.is-always-mobile-nav) + .site-header__fixable.is-fixed:not(.is-expanded) + .site-header__inner { transform: translateX(101%); } }