aboutsummaryrefslogtreecommitdiffstats
path: root/packages/website/ts/@next/components/hamburger.tsx
diff options
context:
space:
mode:
authorFred Carlsen <fred@sjelfull.no>2018-12-20 06:59:07 +0800
committerFred Carlsen <fred@sjelfull.no>2018-12-20 06:59:07 +0800
commit5eb316f5d832d0e7ffc8a3a3858350cc13af3dcf (patch)
treeaed059ac8540233b7fbd20aa32bc3a0f21734182 /packages/website/ts/@next/components/hamburger.tsx
parentaa5c2c249d43c980c06d3a5541233f2407a83371 (diff)
parent125a940560a01305781bfb6754f52fa64669a6f3 (diff)
downloaddexon-0x-contracts-5eb316f5d832d0e7ffc8a3a3858350cc13af3dcf.tar
dexon-0x-contracts-5eb316f5d832d0e7ffc8a3a3858350cc13af3dcf.tar.gz
dexon-0x-contracts-5eb316f5d832d0e7ffc8a3a3858350cc13af3dcf.tar.bz2
dexon-0x-contracts-5eb316f5d832d0e7ffc8a3a3858350cc13af3dcf.tar.lz
dexon-0x-contracts-5eb316f5d832d0e7ffc8a3a3858350cc13af3dcf.tar.xz
dexon-0x-contracts-5eb316f5d832d0e7ffc8a3a3858350cc13af3dcf.tar.zst
dexon-0x-contracts-5eb316f5d832d0e7ffc8a3a3858350cc13af3dcf.zip
Merge remote-tracking branch 'upstream/feature/website/0x-org' into feature/website/0x-org
# Conflicts: # packages/website/ts/@next/components/button.tsx # packages/website/ts/@next/components/definition.tsx # packages/website/ts/@next/components/hero.tsx # packages/website/ts/@next/components/sections/landing/about.tsx # packages/website/ts/@next/pages/market_maker.tsx
Diffstat (limited to 'packages/website/ts/@next/components/hamburger.tsx')
-rw-r--r--packages/website/ts/@next/components/hamburger.tsx9
1 files changed, 7 insertions, 2 deletions
diff --git a/packages/website/ts/@next/components/hamburger.tsx b/packages/website/ts/@next/components/hamburger.tsx
index b5c01a2b0..435d206cd 100644
--- a/packages/website/ts/@next/components/hamburger.tsx
+++ b/packages/website/ts/@next/components/hamburger.tsx
@@ -16,7 +16,10 @@ export const Hamburger: React.FunctionComponent<Props> = (props: Props) => {
);
};
-const StyledHamburger = styled.button<Props>`
+const StyledHamburger =
+ styled.button <
+ Props >
+ `
background: none;
border: 0;
width: 22px;
@@ -50,7 +53,9 @@ const StyledHamburger = styled.button<Props>`
//transform-origin: 0% 100%;
}
- ${props => props.isOpen && `
+ ${props =>
+ props.isOpen &&
+ `
opacity: 1;
transform: rotate(45deg) translate(0, 1px);