https://davidlumley.github.io/concrete/

A simple, responsive, grid framework.
https://davidlumley.github.io/concrete/

Last synced: about 2 months ago
JSON representation

A simple, responsive, grid framework.

• Host: GitHub
• URL: https://davidlumley.github.io/concrete/
• Owner: davidlumley
• License: mit
• Created: 2013-10-22T12:16:13.000Z (about 11 years ago)
• Default Branch: master
• Last Pushed: 2016-03-07T06:58:17.000Z (almost 9 years ago)
• Last Synced: 2024-08-04T04:04:58.098Z (5 months ago)
• Language: CSS
• Size: 9.77 KB
• Stars: 43
• Watchers: 4
• Forks: 14
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE.txt

Awesome Lists containing this project

• awesome-minimalist - Concrete - size](https://badgen.net/bundlephobia/minzip/concrete) | [Repository](https://github.com/davidlumley/concrete) |  | MIT License | `npm install concrete` (Framework for CSS)

README

        
# Concrete

A simple, responsive, ultra lightweight twelve column grid framework.

Concrete is designed to be easy to read, simple to use, and small in file size.

It's currently:

* **2402** bytes or

* **709** bytes gzipped

## Usage

Concrete's grid is build using `columns` classes which are inside of a `row` class.

The `row` class encapsulates the `columns`. As Concrete uses a twelve column grid, the `twelve columns` class will take up the whole of the row.

    


      


      

    


You can mix it up however you like though.

    


      


      

      


      

    


You can put a `row` class inside of a `column` class in order to nest `columns`.

    


      


      

      


        


          


          

          


          

        

      

    


You can also [see it in action](http://davidlumley.github.io/concrete/).

## Contributing

If you're eager to contribute to Concrete's development, please fork it, create a feature branch, then make a pull request.

### Converting SASS/SCSS to CSS

You'll need to ensure ruby is installed.

* `gem install bundler` - to install bundler

* `bundle install` - to install sass

* `sass --watch ./scss:./css -t compressed` - to watch the files in the SCSS directory for changes, and compile them into `concrete.css`