css modules workaround so build works

.eslintrc

@@ -18,9 +18,6 @@
     "node": true,
     "es6": true
   },
-  "globals": {
-    "graphql": true
-  },
   "rules": {
     "quotes": ["error", "single"],
     "semi": ["error", "never"],

src/components/molecules/ProjectNav.jsx

@@ -2,6 +2,7 @@ import React, { Component } from 'react'
 import PropTypes from 'prop-types'
 import { Link, graphql, StaticQuery } from 'gatsby'
 import Img from 'gatsby-image'
+import FullWidth from '../atoms/FullWidth'
 import styles from './ProjectNav.module.scss'
 
 const ProjectLink = ({ node }) => (
@@ -67,6 +68,7 @@ class ProjectNav extends Component {
           const projects = data.allProjectsYaml.edges
 
           return (
+            <FullWidth>
               <nav
                 className={styles.projectNav}
                 ref={node => {
@@ -89,6 +91,7 @@ class ProjectNav extends Component {
                   )
                 })}
               </nav>
+            </FullWidth>
           )
         }}
       />

src/components/molecules/ProjectNav.module.scss

@@ -1,7 +1,7 @@
 @import 'variables';
 
 .projectNav {
-    composes: fullWidth from '../atoms/FullWidth.module.scss';
+    // composes: fullWidth from '../atoms/FullWidth.module.scss';
     white-space: nowrap;
     overflow-y: hidden;
     overflow-x: scroll;