No description, website, or topics provided.
Switch branches/tags
Nothing to show
Clone or download
Latest commit aff57e2 Sep 29, 2018
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
src update to v2 Sep 29, 2018
.gitignore update to v2 Sep 29, 2018
.prettierrc update to v2 Sep 29, 2018
LICENSE update to v2 Sep 29, 2018
README.md update to v2 Sep 29, 2018
gatsby-browser.js update to v2 Sep 29, 2018
gatsby-config.js update to v2 Sep 29, 2018
gatsby-node.js update to v2 Sep 29, 2018
gatsby-ssr.js update to v2 Sep 29, 2018
package.json update to v2 Sep 29, 2018

README.md

gatsby-starter-forty-v2

This is a starter for Gatsby.js V2.

The older V1 version of this starter can be found at:
https://github.com/ChangoMan/gatsby-starter-forty

Gatsby.js V2 starter based on the Forty site template, designed by HTML5 UP. Check out https://codebushi.com/gatsby-starters/ for more Gatsby starters and templates.

Preview

http://gatsby-forty-v2.surge.sh/

Installation

Install this starter (assuming Gatsby is installed) by running from your CLI:
gatsby new gatsby-starter-forty https://github.com/codebushi/gatsby-starter-forty-v2

Run gatsby develop in the terminal to start the dev site.

CSS Grid

The grid on this site was replaced with a custom version, built using CSS Grid. It's a very simple 12 column grid that is disabled on mobile. To start using the grid, wrap the desired items with grid-wrapper. Items inside the grid-wrapper use the class col- followed by a number, which should add up to 12.

Here is an example of using the grid, for a 3 column layout:

<div className="grid-wrapper">
    <div className="col-4">
        <p>Content Here</p>
    </div>
    <div className="col-4">
        <p>Content Here</p>
    </div>
    <div className="col-4">
        <p>Content Here</p>
    </div>
</div>