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,28 +68,30 @@ class ProjectNav extends Component {
           const projects = data.allProjectsYaml.edges
 
           return (
-            <nav
+            <FullWidth>
-              className={styles.projectNav}
+              <nav
-              ref={node => {
+                className={styles.projectNav}
-                this.scrollContainer = node
+                ref={node => {
-              }}
+                  this.scrollContainer = node
-            >
+                }}
-              {projects.map(({ node }) => {
+              >
-                const current = node.slug === slug
+                {projects.map(({ node }) => {
+                  const current = node.slug === slug
 
-                return (
+                  return (
-                  <div
+                    <div
-                    className={styles.item}
+                      className={styles.item}
-                    key={node.slug}
+                      key={node.slug}
-                    ref={node => {
+                      ref={node => {
-                      if (current) this.currentItem = node
+                        if (current) this.currentItem = node
-                    }}
+                      }}
-                  >
+                    >
-                    <ProjectLink node={node} />
+                      <ProjectLink node={node} />
-                  </div>
+                    </div>
-                )
+                  )
-              })}
+                })}
-            </nav>
+              </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;