Skip to content

Commit

Permalink
Srl 724 translate menu header css (#832)
Browse files Browse the repository at this point in the history
* Translate menu dropdown changed as per figma

* Changed class

* Translate header base menu css change

---------

Co-authored-by: Reshma Dhane <reshmaingavale@gmail.com>
  • Loading branch information
reshmai and Reshma Dhane committed Aug 24, 2023
1 parent 0ea3a8a commit cd19bad
Showing 1 changed file with 25 additions and 0 deletions.
25 changes: 25 additions & 0 deletions source/_patterns/03-organisms/global/header-base/_header-base.scss
Original file line number Diff line number Diff line change
Expand Up @@ -274,6 +274,31 @@
}
}

// Css for new Translate header css
.usa-header--basic.jcc-header--inverted {
#extended-nav-section-two {
width: 16rem;
.usa-nav__submenu-item {
a,
.usa-nav__submenu_label {
@include u-bg(primary-dark);
}
a.usa-current,
a:hover {
@include u-bg(primary-vivid);
}

.usa-nav__submenu-list a {
@include u-border-left(2, primary);
}
}
}

.jcc-nav-secondary__group .usa-accordion__button[aria-expanded="true"] {
@include u-bg(primary-dark);
}
}

// close button override
.usa-js-mobile-nav--active {
.jcc-header-base .usa-nav__close {
Expand Down

0 comments on commit cd19bad

Please sign in to comment.