https://github.com/pfrankov/greedo

Bootstrap-like flexbox-based responsive grid system.
https://github.com/pfrankov/greedo

bootstrap flexbox flexbox-grid greedo grid grid-layout grid-system responsive-grid

Last synced: about 1 year ago
JSON representation

Bootstrap-like flexbox-based responsive grid system.

• Host: GitHub
• URL: https://github.com/pfrankov/greedo
• Owner: pfrankov
• Created: 2017-03-26T19:09:01.000Z (about 9 years ago)
• Default Branch: master
• Last Pushed: 2017-05-03T10:18:41.000Z (about 9 years ago)
• Last Synced: 2025-03-28T04:23:04.464Z (about 1 year ago)
• Topics: bootstrap, flexbox, flexbox-grid, greedo, grid, grid-layout, grid-system, responsive-grid
• Language: HTML
• Homepage: http://pfrankov.github.io/greedo/
• Size: 15.6 KB
• Stars: 15
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# :alien: Greedo

[![npm version](https://badge.fury.io/js/greedo.svg)](https://www.npmjs.com/package/greedo)

![](http://img.badgesize.io/pfrankov/greedo/master/greedo.css)

![](http://img.badgesize.io/pfrankov/greedo/master/greedo.css?compression=gzip)  

Bootstrap-like flexbox-based responsive grid system.

Partial class names compatibility:

- [x] Bootstrap

- [x] Flexbox Grid

## Demo

http://sizzy.co?url=http://pfrankov.github.io/greedo/  

http://pfrankov.github.io/greedo/

#### Try it!

https://jsbin.com/zojane/edit?html,output

## Installation

```bash

npm install --save greedo

```

## Usage

#### CDN

```html

```

#### With [Webpack](https://webpack.js.org/)

```javascript

// ES2015+ / TypeScript

import "greedo";

// CommonJS

require("greedo");

```

##### Webpack 2 loaders:

Nothing special. Just regular CSS loaders.

```javascript

{

    test: /\.css$/,

    use: [

        {

            loader: "style-loader"

        },

        {

            loader: "css-loader"

        }

    ]

}

```