diff options
| author | Nick Van Doorn <vandoorn.nick@gmail.com> | 2019-03-12 11:16:58 -0700 |
|---|---|---|
| committer | Nick Van Doorn <vandoorn.nick@gmail.com> | 2019-03-12 11:16:58 -0700 |
| commit | 950578c0929254e4f8aed50b67543f44418716be (patch) | |
| tree | 03c13d7b9c833eabbd9487611479727c2cc0751c /src/components/nav.js | |
| parent | 693c528ce508f35c0cd75de8dcf9375bd484a057 (diff) | |
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.
Diffstat (limited to 'src/components/nav.js')
| -rw-r--r-- | src/components/nav.js | 4 |
1 files changed, 2 insertions, 2 deletions
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 => { |