zerobias · July 25, 2018 00:00
diff --git a/styled grid mixins.js b/styled grid mixins.js
 import styled, {css} from 'styled-components'
 const gridArea = area => area
  ? `grid-area: "${area}";` 
  : ``

 const gridAreaMixin = css`
  ${props => gridArea(props.area)}
 `

 const CommonButton = styled.button`
  ${gridAreaMixin}
 `

 const SpecialHeader = styled.h1`
  ${gridArea('head')}
 `;
	import styled, {css} from 'styled-components'
	const gridArea = area => area
	? `grid-area: "${area}";`
	: ``

	const gridAreaMixin = css`
	${props => gridArea(props.area)}
	`

	const CommonButton = styled.button`
	${gridAreaMixin}
	`

	const SpecialHeader = styled.h1`
	${gridArea('head')}
	`;