Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/davidedantonio/bee-grid

A microframework based on CSS Grid Layout to build various types of grids thanks to a twelve column system, five default responsive tiers, Sass variables and mixins, and dozens of predefined classes to organize your content.
https://github.com/davidedantonio/bee-grid

css css-framework css-grid css-grid-layout cssgrid design-tools frontend grid jekyll micro-framework mixins sass-variables web

Last synced: about 2 months ago
JSON representation

A microframework based on CSS Grid Layout to build various types of grids thanks to a twelve column system, five default responsive tiers, Sass variables and mixins, and dozens of predefined classes to organize your content.

Awesome Lists containing this project

README

        



BeeGrid


A microframework based on CSS Grid Layout to build various types of grids thanks to a twelve column system, five default responsive tiers, Sass variables and mixins, and dozens of predefined classes to organize your content.

## Table of contents

- [Table of contents](#Table-of-contents)
- [Quick start](#Quick-start)
- [Files](#Files)
- [Bugs and feature requests](#Bugs-and-feature-requests)
- [Documentation](#Documentation)
- [You can find the docs at: ](#You-can-find-the-docs-at-httpsdavidedantoniogithubiobee-griddocumentation10introduction)
- [Running documentation locally](#Running-documentation-locally)
- [Contributing](#Contributing)
- [Creators](#Creators)
- [Copyright and license](#Copyright-and-license)

## Quick start

Several quick start options are available:

- [Download the latest release.](https://github.com/davidedantonio/bee-grid/archive/master.zip)
- Clone the repo: `https://github.com/davidedantonio/bee-grid.git`
- Install with [npm](https://www.npmjs.com/): `npm install @beetle/bee-grid`
- Install with [yarn](https://yarnpkg.com/): `yarn add @beetle/bee-grid`

## Files

Within the download you'll find the following directories and files, providing both compiled and minified variations. You'll see something like this:

```
dist
├── css/
│ ├── bee-grid.css
│ ├── bee-grid.css.map
│ ├── bee-grid.min.css
│ └── bee-grid.min.css.map
└── js/
├── navbar.js
├── navbar.js.map
├── navbar.min.js
└── navbar.min.css.js
```

## Bugs and feature requests

Have a bug or a feature request? Search for existing and closed issues. If your problem or idea is not addressed yet, [please open a new issue](https://github.com/davidedantonio/bee-grid/issues/new).

## Documentation

#### You can find the docs at:

Beegrid's documentation, included in this repo in the root directory, is built with [Jekyll](https://jekyllrb.com/) and publicly hosted on GitHub Pages at . The docs may also be run locally.

### Running documentation locally

1. Install Jekyll (the site builder) and other Ruby dependencies with `bundle install`.
2. Run `npm install` to install Node.js dependencies.
3. Run a specific NPM script to rebuild distributed CSS and JavaScript files, as well as our docs assets.
4. From the root `/bee-grid` directory, run `npm run docs-serve` in the command line.
5. Open `http://localhost:9001` in your browser, and voilà.

Learn more about using Jekyll by reading its [documentation](https://jekyllrb.com/docs/home/).

## Contributing

Solutions and improvements are always accepted. Please create a pull request [here](https://github.com/davidedantonio/bee-grid/)

## Creators

**Davide D'Antonio**

-
-

**Riccardo Tartaglia**

-
-

## Copyright and license

Code released under the [MIT License](https://github.com/davidedantonio/bee-grid/blob/master/LICENSE).