Skip to content

Commit

Permalink
fix: updated classnames to be in line with suit
Browse files Browse the repository at this point in the history
zstix committed Apr 24, 2020

Unverified

This commit is not signed, but one or more authors requires that any commit attributed to them is signed.
1 parent 4124e63 commit 4200e97
Showing 4 changed files with 4 additions and 6 deletions.
2 changes: 1 addition & 1 deletion src/components/HamburgerMenu.js
Original file line number Diff line number Diff line change
@@ -9,7 +9,7 @@ const HamburgerMenu = ({ toggle, open }) => (
aria-expanded={open}
aria-label="Mobile Menu"
type="button"
className={cx('HamburgerMenu', { HamburgerMenu__open: open })}
className={cx('HamburgerMenu', { 'is-open': open })}
onClick={() => toggle()}
>
<div />
2 changes: 1 addition & 1 deletion src/components/HamburgerMenu.scss
Original file line number Diff line number Diff line change
@@ -13,7 +13,7 @@ button.HamburgerMenu {
transition: 0.18s;
}

&.HamburgerMenu__open {
&.is-open {
:nth-child(1) {
transform: rotate(-45deg) translate(-6px, 6px);
}
4 changes: 1 addition & 3 deletions src/components/Header.js
Original file line number Diff line number Diff line change
@@ -33,9 +33,7 @@ const Header = ({ pages }) => {
`);

return (
<header
className={cx('Header--main', { 'Header--main__menuOpen': menuOpen })}
>
<header className={cx('Header--main', { 'is-open': menuOpen })}>
<Container>
<nav
role="navigation"
2 changes: 1 addition & 1 deletion src/components/Header.scss
Original file line number Diff line number Diff line change
@@ -119,7 +119,7 @@ header.Header--main {
}
}

&.Header--main__menuOpen nav {
&.is-open nav {
@media (max-width: 760px) {
background-color: var(--color-white);
display: block;

0 comments on commit 4200e97

Please sign in to comment.