gulp-bourbon-neat-example

KO | EN

gitlite — search

#python #javascript #react #chatgpt #reactjs #nextjs #openai #gpt-3 #android #machine-learning #css #html

gulp-bourbon-neat-example

★ 36 Open GitHub ↗

A sample project for getting started with Bourbon and Neat with Gulp

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

As of June 2019 this project is no longer being maintained as gulp is typically no longer part of our regular workflow.

[<img src="http://images.thoughtbot.com/bourbon/bourbon-logo-v2.svg" width="200" alt="Neat logo">][Bourbon]
[<img src="http://images.thoughtbot.com/bourbon/neat-logo-v2.svg" width="200" alt="Neat logo">][Neat]

## An example project with Gulp using Bourbon and Neat

[Bourbon] is a library of [Sass] mixins and functions that are designed to make
you a more efficient style sheet author.

[Neat] is a fluid grid framework with the aim of being easy enough to
use out of the box and flexible enough to customize down the road.

[Bourbon]: http://bourbon.io/
  [Neat]: https://neat.bourbon.io/
  [Sass]: http://sass-lang.com

### Helpful Links

- [Bourbon Documentation](http://bourbon.io/docs/)
- [Neat Documentation](https://neat.bourbon.io/docs/)
- [Twitter](https://twitter.com/bourbonsass)
- [Stack Overflow](https://stackoverflow.com/questions/tagged/bourbon)

## Installation

1. Clone the repository, and open a shell terminal within the project's root
   directory.

1. After [installing Node.js and NPM], install the gulp via the following.

```
   npm install --global gulp-cli
   ```

1. Install the project packages.

```
   npm install
   ```

1. Run the default `gulp` command which will complie the stylesheets, with
   Bourbon and Neat inclded as well as creating a local server at
   [`http://localhost:8000`](http://localhost:8000). Gulp will continue to watch
   the `/stylesheets` to monitor for any changes.

```
   gulp
   ```

[installing Node.js and NPM]: https://docs.npmjs.com/getting-started/installing-node/

## License

It is free software, and may be redistributed under the terms specified in the
[license].

[![thoughtbot][thoughtbot-logo]][thoughtbot]

[license]: LICENSE.md
  [thoughtbot]: https://thoughtbot.com?utm_source=github
  [thoughtbot-logo]: http://presskit.thoughtbot.com/images/thoughtbot-logo-for-readmes.svg

gulp-bourbon-neat-example

Explore Similar Repositories

Was this content helpful?

Recent Feedback

Download README