An open API service indexing awesome lists of open source software.

https://github.com/webdevsuperfast/genesis-boilerplate

Genesis starter child theme using Bourbon, Bourbon Neat and Jeet.gs
https://github.com/webdevsuperfast/genesis-boilerplate

bourbon child-theme genesis genesis-boilerplate genesis-framework jeet neat sass theme

Last synced: 11 months ago
JSON representation

Genesis starter child theme using Bourbon, Bourbon Neat and Jeet.gs

Awesome Lists containing this project

README

          

# Genesis Boilerplate

## Introduction

Genesis Boilerplate is yet another starter child theme for the Genesis Framework. It is built using [Bourbon Sass Tool Set](https://www.bourbon.io/), [Jeet Grid System](http://jeet.gs/) and [SlickNav](https://github.com/ComputerWolf/SlickNav) for navigation.

## Installation Instructions

1. Upload the `Genesis Boilerplate` theme folder via FTP to your wp-content/themes/ directory. (The Genesis parent theme needs to be in the wp-content/themes/ directory as well.)
2. Go to your WordPress dashboard and select Appearance.
3. Activate the `Genesis Boilerplate` theme.
4. Inside your WordPress dashboard, go to Genesis > Theme Settings and configure them to your liking.

## Building from Source

1. Install [Git](https://git-scm.com/).
2. Clone the repository to your local machine.
3. Install [Node](https://nodejs.org/en/).
4. Install [Yarn](https://yarnpkg.org/).
5. Install [Gulp](https://gulpjs.com/) globally.
6. Run `yarn install` to install dependencies through terminal/CLI program.
6. Replace proxy url in line `81` of `gulpfile.js` to your local development URL(e.g. http://bootstrap.test).
7. Run `gulp` through your favorite CLI program.

**Note:** I suggest using package manager to install Git, Node and Yarn. You can use [Homebrew](httsp://brew.sh) if you're on a Mac or Linux/WSL, [Scoop](https://scoop.sh) or [Chocolatey](https://chocolatey.org/) if you're on Windows.

## Features

1. Bourbon Sass Tool Set.
3. Grid system using Jeet.gs.
4. Mobile-responsive navigation using Slicknav.

## Credits

* [Genesis Framework](http://my.studiopress.com/themes/genesis/)
* [Bourbon Sass Tool Set](https://www.bourbon.io/)
* [Jeet.gs](http://jeet.gs/)
* [SlickNav](https://github.com/ComputerWolf/SlickNav)
* [Sass](http://sass-lang.com/)
* [Gulp](http://gulpjs.com/)