From 950578c0929254e4f8aed50b67543f44418716be Mon Sep 17 00:00:00 2001 From: Nick Van Doorn Date: Tue, 12 Mar 2019 11:16:58 -0700 Subject: Use negative margin to avoid alignment issue This creates a new problem called out in the readme. Not sure which is less desirable but we'll go with this for now. --- src/components/nav.js | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) (limited to 'src/components/nav.js') diff --git a/src/components/nav.js b/src/components/nav.js index 282266f..3d73dba 100644 --- a/src/components/nav.js +++ b/src/components/nav.js @@ -1,14 +1,14 @@ import React from 'react' import { css } from '@emotion/core' import { Link } from 'gatsby' -import { margins, breakpoints } from './globals' +import { margins } from './globals' const navStyle = css` display: flex; align-items: center; // TODO find a better way to handle // "collapse" of padding when flex "wrapping" - margin: 0 0 ${margins.md}px -${margins.md}px; + margin: 0 0 0 -${margins.md}px; ` export const Nav = p => { -- cgit v1.2.3