first commit

.gitignore

@@ -0,0 +1,115 @@
+/.idea
+
+# Created by https://www.gitignore.io/api/node,grunt,sass,osx,windows
+
+### Node ###
+# Logs
+logs
+*.log
+npm-debug.log*
+
+# Runtime data
+pids
+*.pid
+*.seed
+*.pid.lock
+
+# Directory for instrumented libs generated by jscoverage/JSCover
+lib-cov
+
+# Coverage directory used by tools like istanbul
+coverage
+
+# nyc test coverage
+.nyc_output
+
+# Grunt intermediate storage (http://gruntjs.com/creating-plugins#storing-task-files)
+.grunt
+
+# node-waf configuration
+.lock-wscript
+
+# Compiled binary addons (http://nodejs.org/api/addons.html)
+build/Release
+
+# Dependency directories
+node_modules
+jspm_packages
+
+# Optional npm cache directory
+.npm
+
+# Optional eslint cache
+.eslintcache
+
+# Optional REPL history
+.node_repl_history
+
+# Output of 'npm pack'
+*.tgz
+
+# Yarn Integrity file
+.yarn-integrity
+
+
+
+### grunt ###
+# Grunt usually compiles files inside this directory
+dist/
+
+# Grunt usually preprocesses files such as coffeescript, compass... inside the .tmp directory
+.tmp/
+
+
+### Sass ###
+.sass-cache/
+*.css.map
+
+
+### OSX ###
+*.DS_Store
+.AppleDouble
+.LSOverride
+
+# Icon must end with two \r
+Icon
+# Thumbnails
+._*
+# Files that might appear in the root of a volume
+.DocumentRevisions-V100
+.fseventsd
+.Spotlight-V100
+.TemporaryItems
+.Trashes
+.VolumeIcon.icns
+.com.apple.timemachine.donotpresent
+# Directories potentially created on remote AFP share
+.AppleDB
+.AppleDesktop
+Network Trash Folder
+Temporary Items
+.apdisk
+
+
+### Windows ###
+# Windows thumbnail cache files
+Thumbs.db
+ehthumbs.db
+ehthumbs_vista.db
+
+# Folder config file
+Desktop.ini
+
+# Recycle Bin used on file shares
+$RECYCLE.BIN/
+
+# Windows Installer files
+*.cab
+*.msi
+*.msm
+*.msp
+
+# Windows shortcuts
+*.lnk
+
+# End of https://www.gitignore.io/api/node,grunt,sass,osx,windows

Gruntfile.js

@@ -0,0 +1,147 @@
+module.exports = function (grunt) {
+    grunt.initConfig({
+        pkg: grunt.file.readJSON('package.json'),
+        boostrap_sass_path: 'node_modules/bootstrap/scss',
+
+        copy: {
+
+            breakpoints: {
+                files: [
+                    {
+                        expand: true,
+                        cwd: '<%= boostrap_sass_path %>',
+                        src: [
+                            'mixins/_breakpoints.scss'
+                        ],
+                        dest: 'scss/breakpoints/'
+                    }
+                ]
+            },
+
+            align: {
+                files: [
+                    {
+                        expand: true,
+                        cwd: '<%= boostrap_sass_path %>',
+                        src: [
+                            'utilities/_align.scss'
+                        ],
+                        dest: 'scss/align/'
+                    }
+                ]
+            },
+
+            flex: {
+                files: [
+                    {
+                        expand: true,
+                        cwd: '<%= boostrap_sass_path %>',
+                        src: [
+                            'utilities/_flex.scss'
+                        ],
+                        dest: 'scss/flex/'
+                    }
+                ]
+            },
+
+            visibility: {
+                files: [
+                    {
+                        expand: true,
+                        cwd: '<%= boostrap_sass_path %>',
+                        src: [
+                            'utilities/_visibility.scss',
+                            'mixins/_visibility.scss'
+                        ],
+                        dest: 'scss/visibility/'
+                    }
+                ]
+            },
+
+            sizing: {
+                files: [
+                    {
+                        expand: true,
+                        cwd: '<%= boostrap_sass_path %>',
+                        src: [
+                            'utilities/_sizing.scss'
+                        ],
+                        dest: 'scss/sizing/'
+                    }
+                ]
+            },
+
+            grid: {
+                files: [
+                    {
+                        expand: true,
+                        cwd: '<%= boostrap_sass_path %>',
+                        src: [
+                            'bootstrap-grid.scss',
+                            'mixins/_clearfix.scss',
+                            'mixins/_breakpoints.scss',
+                            'mixins/_grid-framework.scss',
+                            'mixins/_grid.scss',
+                            '_variables.scss',
+                            '_custom.scss',
+                            '_grid.scss'
+                        ],
+                        dest: 'scss/grid/'
+                    }
+                ]
+            }
+        },
+
+        sass: {
+
+            dist: {
+                options: {
+                    style: 'compressed'
+                },
+                files: {
+                    'css/grid.min.css': 'scss/grid.scss'
+                }
+            },
+
+            dev: {
+                options: {
+                    style: 'expanded',
+                    sourcemap: 'none'
+                },
+                files: {
+                    'css/grid.css': 'scss/grid.scss'
+                }
+            }
+        },
+
+        postcss: {
+            options: {
+                map: true,
+                processors: [
+                    require('autoprefixer')
+                ]
+            },
+
+            dist: {
+                src: 'css/*.css'
+            }
+        }
+
+    });
+
+    grunt.loadNpmTasks('grunt-contrib-copy');
+    grunt.loadNpmTasks('grunt-contrib-sass');
+    grunt.loadNpmTasks('grunt-postcss');
+
+    grunt.registerTask('build', [
+        'copy',
+        'sass',
+        'postcss'
+    ]);
+
+    grunt.registerTask('browser', [
+        'postcss'
+    ]);
+
+    grunt.registerTask('default', ['build']);
+};

LICENSE

@@ -0,0 +1,22 @@
+The MIT License (MIT)
+
+Copyright (c) 2015 Code Lobster
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.
+

README.md

@@ -0,0 +1,88 @@
+# Bootstrap 4 Grid System (Flex)
+Bootstrap 4 layout grid system and responsive utilities.
+
+## Version
+Currently v4.0.0-alpha.6
+
+## What's Included / Docs
+
+* [Grid System](https://v4-alpha.getbootstrap.com/layout/grid/#content)
+* [Responsive Utilities](https://v4-alpha.getbootstrap.com/layout/responsive-utilities/#content)
+
+## Why?
+
+Here's what you get that Bootstrap 4 currently doesn't provide out of the box:
+
+* [Variable Width Content](https://v4-alpha.getbootstrap.com/layout/grid/#variable-width-content)
+* [Multi-Row](https://v4-alpha.getbootstrap.com/layout/grid/#equal-width-multi-row)
+* [Alignment](https://v4-alpha.getbootstrap.com/layout/grid/#alignment)
+* [Reordering](https://v4-alpha.getbootstrap.com/layout/grid/#reordering)
+* [Responsive Utilities](https://v4-alpha.getbootstrap.com/layout/responsive-utilities/#content)
+
+If you don't need any of the above, Bootstrap 4 already includes a grid only version with its
+[Bootstrap CSS and JS](https://v4-alpha.getbootstrap.com/getting-started/download/#bootstrap-css-and-js) bundle.
+
+## How to Use
+Sass and CSS files are ready to be used in your project.
+
+### CSS
+Pretty straightforward.
+Just get `css/bootstrap-grid.min.css` or `css/bootstrap-grid.css` and add it to your project.
+
+### Sass
+You will need to include the whole `scss` folder contents to your project.
+Then, just import `grid.scss` into your project's sass file.
+
+## Browser Support
+
+We use [autoprefixer](https://github.com/postcss/autoprefixer) to add prefixes to the `css` files.
+By default, the last 2 versions for each major browser is supported. To change this, follow the customization
+instructions bellow.
+
+__NOTE:__ Sass files do not include any browser specific prefixes. If you include them in your project,
+you will need to use your own post css tool to add prefixes for different browsers. If you are using latest
+[Angular CLI](https://github.com/angular/angular-cli) though, then `autoprefixer` is included by default
+and you don't need to worry.
+
+## Grid Settings
+
+The grid settings are located inside the `scss/grid.scss` file. If you are going to be using the sass files in
+your project, changing those will suffice. If you are going to be using the CSS file, then you will need to
+change the settings and then build the CSS file. For more details, see the customization instructions bellow.
+
+## Customization
+
+You can roll your own build and/or change browser support.
+
+### Requirements
+
+* [NodeJS](https://nodejs.org/en/)
+* [Grunt CLI](http://gruntjs.com/getting-started)
+* [Sass](http://sass-lang.com/install) (not required for changing browser support)
+
+Then install the dependencies:
+
+````
+npm install
+````
+
+### Change Browser Support
+
+To change the default browser support (last 2 versions currently), you will need to first change the query
+in the `browserlist` file, located at the root of this project. Read more about the
+[supported queries](https://github.com/ai/browserslist#queries).
+
+Then, run:
+
+````
+grunt browser
+````
+
+### Change Grid Settings
+
+Open `scss/grid.scss` and change the [default settings](https://v4-alpha.getbootstrap.com/layout/grid/#customizing-the-grid).
+Then, run:
+
+````
+grunt
+````