diff --git a/src/components/molecules/ProjectLinks.module.scss b/src/components/molecules/ProjectLinks.module.scss
index 5c5ee92..b43926c 100644
--- a/src/components/molecules/ProjectLinks.module.scss
+++ b/src/components/molecules/ProjectLinks.module.scss
@@ -21,14 +21,5 @@
}
.title {
- font-size: $font-size-h3;
- margin-bottom: $spacer * 1.5;
-
- span {
- display: block;
- margin-top: $spacer / 3;
- font-size: $font-size-base;
- font-family: $font-family-base;
- color: $brand-grey-light;
- }
+ composes: metaTitle from '../../templates/Project.module.scss';
}
diff --git a/src/components/molecules/ProjectNav.jsx b/src/components/molecules/ProjectNav.jsx
index 784b02a..2e92afb 100644
--- a/src/components/molecules/ProjectNav.jsx
+++ b/src/components/molecules/ProjectNav.jsx
@@ -2,7 +2,6 @@ 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 query = graphql`
@@ -73,26 +72,24 @@ export default class ProjectNav extends Component {
const projects = data.allProjectsYaml.edges
return (
-
-
+ return (
+
current && (this.currentItem = node)}
+ >
+
+
+ )
+ })}
+
)
}}
/>
diff --git a/src/components/molecules/ProjectNav.module.scss b/src/components/molecules/ProjectNav.module.scss
index 438473e..0a81744 100644
--- a/src/components/molecules/ProjectNav.module.scss
+++ b/src/components/molecules/ProjectNav.module.scss
@@ -1,7 +1,6 @@
@import 'variables';
.projectNav {
- // composes: fullWidth from '../atoms/FullWidth.module.scss';
white-space: nowrap;
overflow-y: hidden;
overflow-x: auto;
diff --git a/src/components/molecules/ProjectTechstack.module.scss b/src/components/molecules/ProjectTechstack.module.scss
index 268db11..200fd80 100644
--- a/src/components/molecules/ProjectTechstack.module.scss
+++ b/src/components/molecules/ProjectTechstack.module.scss
@@ -28,14 +28,5 @@
}
.title {
- font-size: $font-size-h3;
- margin-bottom: $spacer * 1.5;
-
- span {
- display: block;
- margin-top: $spacer / 3;
- font-size: $font-size-base;
- font-family: $font-family-base;
- color: $brand-grey-light;
- }
+ composes: metaTitle from '../../templates/Project.module.scss';
}
diff --git a/src/templates/Project.jsx b/src/templates/Project.jsx
index 749f354..f54ee7c 100644
--- a/src/templates/Project.jsx
+++ b/src/templates/Project.jsx
@@ -9,11 +9,10 @@ import ProjectTechstack from '../components/molecules/ProjectTechstack'
import ProjectLinks from '../components/molecules/ProjectLinks'
import ProjectNav from '../components/molecules/ProjectNav'
import SEO from '../components/atoms/SEO'
-
import styles from './Project.module.scss'
const ProjectMeta = ({ links, techstack }) => (
-