From 776570b802fcfe317ca2d87b16e56ddce176524c Mon Sep 17 00:00:00 2001 From: CJ Patoilo Date: Sat, 26 Dec 2015 17:25:46 -0300 Subject: [PATCH 1/9] removed path --- test/.gitdirectory | 0 1 file changed, 0 insertions(+), 0 deletions(-) delete mode 100644 test/.gitdirectory diff --git a/test/.gitdirectory b/test/.gitdirectory deleted file mode 100644 index e69de29..0000000 From 4051000c662e68d883af23c4c6ac89679931234e Mon Sep 17 00:00:00 2001 From: CJ Patoilo Date: Sat, 26 Dec 2015 18:38:05 -0300 Subject: [PATCH 2/9] added editorconfig --- .editorconfig | 12 ++++++++++++ 1 file changed, 12 insertions(+) create mode 100644 .editorconfig diff --git a/.editorconfig b/.editorconfig new file mode 100644 index 0000000..a3341f5 --- /dev/null +++ b/.editorconfig @@ -0,0 +1,12 @@ +# editorconfig.org +root = true + +[*] +indent_style = tab +indent_size = 2 +charset = utf-8 +trim_trailing_whitespace = true +insert_final_newline = true + +[*.md] +trim_trailing_whitespace = false \ No newline at end of file From bfaaec5ac9b2d8f99b0168553d0445733249565b Mon Sep 17 00:00:00 2001 From: CJ Patoilo Date: Sat, 26 Dec 2015 18:38:44 -0300 Subject: [PATCH 3/9] updated gruntfile --- gruntfile.js | 48 +++++++++++++++++++++++++++++++++++------------- 1 file changed, 35 insertions(+), 13 deletions(-) diff --git a/gruntfile.js b/gruntfile.js index 560a981..ab55c41 100644 --- a/gruntfile.js +++ b/gruntfile.js @@ -10,12 +10,22 @@ module.exports = function ( grunt ) { // Define the configuration grunt.initConfig({ - // DEFAULT TASK - // ================================================================ - // Specifics of npm's package.json handling pkg: grunt.file.readJSON( 'package.json' ), + // Banner + banner: + '/*!\n'+ + ' * Milligram v<%= pkg.version %>\n'+ + ' * <%= pkg.homepage %>\n'+ + ' *\n'+ + ' * Copyright (c) 2015, CJ Patoilo\n'+ + ' * Licensed under the <%= pkg.license %> license\n'+ + '*/\n\n', + + // DEFAULT TASK + // ================================================================ + // Watch files and process the above tasks watch: { options: { @@ -31,7 +41,7 @@ module.exports = function ( grunt ) { }, sass: { files: [ - 'sass/**/*.sass' + 'src/**/*.sass' ], tasks: [ 'sass', @@ -52,39 +62,51 @@ module.exports = function ( grunt ) { sass: { minify: { options: { + banner: '<%= banner %>', noCache: true, sourcemap: 'none', style: 'compressed' }, files: { - 'dist/milligram.min.css': [ 'sass/**/*.sass', '!sass/**/_*.sass' ] + 'dist/milligram.min.css': [ 'src/**/*.sass', '!src/**/_*.sass' ] } }, default: { options: { + banner: '<%= banner %>', noCache: true, sourcemap: 'none', style: 'expanded' }, files: { - 'dist/milligram.css': [ 'sass/**/*.sass', '!sass/**/_*.sass' ] + 'dist/milligram.css': [ 'src/**/*.sass', '!src/**/_*.sass' ] } } }, // Parse CSS and add vendor-prefixed CSS properties using the Can I Use database. autoprefixer: { - all: { + minify: { options: { browsers: [ - 'last 2 versions', - 'ie 8', - 'ie 9' + 'last 1 versions' + ], + map: { + inline: false + } + }, + files: { + 'dist/milligram.min.css': 'dist/milligram.min.css' + } + }, + default: { + options: { + browsers: [ + 'last 1 versions' ], map: false }, files: { - 'dist/milligram.min.css': 'dist/milligram.min.css', 'dist/milligram.css': 'dist/milligram.css' } } @@ -97,13 +119,13 @@ module.exports = function ( grunt ) { // REGISTER TASKS // ================================================================ - // Default tasks + // Default task grunt.registerTask( 'default', [ 'build', 'watch' ]); - // Build tasks + // Build task grunt.registerTask( 'build', [ 'clean', 'sass', From 0c14bb32b90d141f7537cd82a5dc6cc6ba85b54c Mon Sep 17 00:00:00 2001 From: CJ Patoilo Date: Sat, 26 Dec 2015 18:39:05 -0300 Subject: [PATCH 4/9] updated demo path --- demo/.gitdirectory | 0 demo/index.html | 144 +++++++++++++++++++++++++++++++++++++++++++++ 2 files changed, 144 insertions(+) delete mode 100644 demo/.gitdirectory create mode 100644 demo/index.html diff --git a/demo/.gitdirectory b/demo/.gitdirectory deleted file mode 100644 index e69de29..0000000 diff --git a/demo/index.html b/demo/index.html new file mode 100644 index 0000000..4479371 --- /dev/null +++ b/demo/index.html @@ -0,0 +1,144 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + Milliigram | A minimalist CSS framework. + + + + + + + + + + + +
+ + + +
+
Examples
+

You can view more examples of using Milligram.

+

+

+

+
+ +
+
Contributing
+

Help improve these docs. Open an issue or submit a pull request.

+

+

    +
  1. Navigate to the main page of the repository
    2. +
  2. Fork it!
    3. +
  3. Create your feature branch: git checkout -b my-new-feature
    4. +
  4. Commit your changes: git commit -m 'Add some feature'
    5. +
  5. Push to the branch: git push origin my-new-feature
    6. +
  6. Submit a pull request =D
    7. +
+

+
+ + + +
+ + + + + + \ No newline at end of file From 557c258c471551109bae1b64e0e7ec9eb22c15a8 Mon Sep 17 00:00:00 2001 From: CJ Patoilo Date: Sat, 26 Dec 2015 18:39:19 -0300 Subject: [PATCH 5/9] updated readme --- readme.md | 379 +++--------------------------------------------------- 1 file changed, 16 insertions(+), 363 deletions(-) diff --git a/readme.md b/readme.md index f5d1278..3322adf 100644 --- a/readme.md +++ b/readme.md @@ -8,383 +8,36 @@ Milligram provides a minimal setup of styles for a fast and clean starting point. Just it! **Only 2kb gzipped!** It's not about a UI framework. Specially designed for better performance and higher productivity with fewer properties to reset resulting in cleaner code. Hope you enjoy! -## Getting Started - -There are some ways to get started. First, see all download options available below, then choose the most suitable option for your need. Now you should add the main file of the Milligram and the CSS Reset in the header of your project. Just that! - +## Download **Install with Bower** -Milligram is available to install using Bower. - ```sh $ bower install milligram ``` **Install with npm** -Milligram is also available to install using npm. - ```sh $ npm install milligram ``` -**What's included** -Once downloaded, extract the compressed folder to see the main file in the uncompressed and minified version. - -```sh -milligram/ -├── .gitignore -├── bower.json -├── component.json -├── demo/ -├── dist/ -│ ├── milligram.css -│ └── milligram.min.css -├── gruntfile.js -├── license -├── package.json -├── readme.md -├── sass/ -└── test/ -``` - -**Usage** - -First, use any method mentioned above to download Milligram. Then, just add these tags in the head. Milligram is also available via [CDN](#). - -```html - - - - - - - - - - -``` -See more examples of **getting started** [here](http://milligram.github.io/getting-started.html). - - -## Typography - -CSS3 introduces a few new units, including the `rem` unit, which stands for *"root em"*. The rem unit is relative to the font-size of the root element ``. That means that we can define a single font size on the root element, and define all `rem` units to be a percentage of that. The typography has `font-size` defined in 1.6rem (16px) and `line-height` in 1.6 (24px). Milligram uses the `font-family` [Roboto](https://www.google.com/fonts/specimen/Roboto), created by Christian Robertson, and provided by Google. - -```html - -

The base type is 1.6rem (16px) over 1.6 line height (24px)

- - -Archor -Emphasis -Small -Strong -Underline - - -

Heading

-

Heading

-

Heading

-

Heading

-
Heading
-
Heading
- - -```` - -See more examples of **typography** [here](http://milligram.github.io/typography.html). - - -## Blockquotes - -The Blockquote represents a section that is quoted from another source. - -```html -
-

Yeah!! Milligram is amazing.

-
-``` - -See more examples of **blockquotes** [here](http://milligram.github.io/blockquotes.html). - - -## Buttons - -The Button, an essential part of any user experience. Buttons come in three basic styles in Milligram: The ` - - - - - -``` - -See more examples of **buttons** [here](http://milligram.github.io/buttons.html). - - -## Lists - -The List is a very versatile and common way to display items. Milligram has three types of lists: The unordered list use `
    ` element will be marked with a outline circles, the ordered list use `
      ` element and your items will be marked with numbers, the description list use `
      ` element and your items will not be marking, only spacings. - -```html - -
      -
      Description list title 1
      -
      Description list title 2
      -
      - - -
        -
      • Unordered list item 1
        • -
      • Unordered list item 2
        • -
      - - -
        -
      1. Ordered list item 1
        2. -
      2. Ordered list item 2
        3. -
      - - -``` - -See more examples of **lists** [here](http://milligram.github.io/lists.html). - - -## Forms - -The Form has never been exactly fun, and it can be downright painful on a mobile device with its on-screen keyboard. Milligram help to make this much easier with design focused on the user experience. - -```html -
      -
      - - - - -
      - - -
      - -
      -
      - - -``` - -See more examples of **forms** [here](http://milligram.github.io/forms.html). - - -## Tables - -The Table element represents data in two dimensions or more. We encourage the use of proper formatting with `` and `` to create a ``. The code becomes cleaner without disturbing understanding. - -```html -
      - - - - - - - - - - - - - - - - - - - - - - -
      NameAgeHeightLocation
      Stephen Curry271,91Akron, OH
      Klay Thompson252,01Los Angeles, CA
      - - -``` - -See more examples of **tables** [here](http://milligram.github.io/tables.html). - - -## Grids - -The Grid is a fluid system with a max width of `112.0rem` (1200px), that shrinks with the browser/device at smaller sizes. The max width can be changed with one line of CSS and all columns will resize accordingly. Milligram is different than most because of its use of the **CSS Flexible Box Layout Module standard**. The advantage is the simplicity, and we know that a functional code is very important for maintainability and scalability. Simply add columns you want in a row, and they'll evenly take up the available space. If you want three columns, add three columns, if you want five columns, add five columns. There is no restriction on number of columns, but we advise you to follow a design pattern of grid system. See more tips on best practices in the [tips](http://milligram.github.io/tips.html). - -```html - -
      - -
      -
      .column
      -
      .column
      -
      .column
      -
      .column
      -
      - -
      -
      .column
      -
      .column column-50 column-offset-25
      -
      - -
      - - -``` - -See more examples of **grids** [here](http://milligram.github.io/grids.html). - - -## Codes - -The Code element represents a fragment of computer code. Just wrap anything in a `` and it will appear like this. if you need a block, by default, enter the `` within the `
      ` element.
-
-```html
-
      
-.milligram {
-  color: #9b4dca;
-}
-
      
-```
-
-See more examples of **codes** [here](http://milligram.github.io/codes.html).
-
-
-## Utilities
-
-Milligram has some functional classes to improve the performance and productivity everyday.
-
-```html
-
-
-
-
      
-
-  
-  
      
-  
      
-
-
      
-```
-
-See more examples of **utilities** [here](http://milligram.github.io/utilities.html).
-
-
-## Tips
-
-Tips, techniques, and best practice on using Cascading Style Sheets.
-
-**Mobile First**
-
-The Mobile First is the design strategy that takes priority development for mobile devices like smartphones and tablets. It means all styles outside of a media queries apply to all devices, then larger screens are targeted for enhancement. This prevents small devices from having to parse tons of unused CSS. Milligram use some breakpoints like these:
-
-**Mobile**: 40.0rem (400px)
-**Tablet**: 80.0rem (800px)
-**Desktop**: 120.0rem (1200px)
-
-```css
-/* Mobile First Media Queries */
-
-/* Base style */
-{ ... }
-
-/* Larger than mobile screen */
-@media (min-width: 40.0rem) { ... }
-
-/* Larger than tablet screen */
-@media (min-width: 80.0rem) { ... }
-
-/* Larger than desktop screen */
-@media (min-width: 120.0rem) { ... }
-```
-
-See more examples of **tips** [here](http://milligram.github.io/tips.html).
-
-**Extending The Inheritances**
-
-The style of an element can be defined in several different locations, which interact in a complex way. It is form of interaction makes CSS powerful, but it can make it confusing and difficult to debug.
-
-```css
-/* Extending The Inheritances */
-
-/* Applying color variation */
-.button-black {
-  background-color: black;
-  border-color: black;
-}
-.button-black.button-outline {
-  color: black;
-}
-.button-black.button-clear {
-  color: black;
-}
-
-/* Applying size variation */
-.button-small {
-  font-size: .8rem;
-  height: 2.8rem;
-  line-height: 2.8rem;
-  padding: 0 1.5rem;
-}
-
-.button-large {
-  font-size: 1.4rem;
-  height: 4.5rem;
-  line-height: 4.5rem;
-  padding: 0 2rem;
-}
-```
-
-See more examples of **tips** [here](http://milligram.github.io/tips.html).
-
-
-## Browser Support
-
-While not designed for old browsers, Milligram has support for some old versions, but we recommend using the latest versions of their browsers.
-
-- Chrome latest
-- Firefox latest
-- IE latest
-- Opera latest
-- Safari latest
-
-
-
-See more examples of **browser support** [here](http://milligram.github.io/browser-support.html).
-
-
-## Examples
-
-You can view more examples of using Milligram.
-
-- [Getting Started](http://milligram.github.io/getting-started.html)
-- [Typography](http://milligram.github.io/typography.html)
-- [Blockquotes](http://milligram.github.io/blockquotes.html)
-- [Buttons](http://milligram.github.io/buttons.html)
-- [Lists](http://milligram.github.io/lists.html)
-- [Forms](http://milligram.github.io/forms.html)
-- [Tables](http://milligram.github.io/tables.html)
-- [Grids](http://milligram.github.io/grids.html)
-- [Codes](http://milligram.github.io/codes.html)
-- [Utilities](http://milligram.github.io/utilities.html)
-- [Tips](http://milligram.github.io/tips.html)
-- [Browser Support](http://milligram.github.io/browser-support.html)
-
-See more examples of **examples** [here](http://milligram.github.io/examples.html).
+## Table of Contents
+
+- [Getting Started](http://milligram.github.io/#getting-started)
+- [Typography](http://milligram.github.io/#typography)
+- [Blockquotes](http://milligram.github.io/#blockquotes)
+- [Buttons](http://milligram.github.io/#buttons)
+- [Lists](http://milligram.github.io/#lists)
+- [Forms](http://milligram.github.io/#forms)
+- [Tables](http://milligram.github.io/#tables)
+- [Grids](http://milligram.github.io/#grids)
+- [Codes](http://milligram.github.io/#codes)
+- [Utilities](http://milligram.github.io/#utilities)
+- [Tips](http://milligram.github.io/#tips)
+- [Browser Support](http://milligram.github.io/#browser-support)
+- [Examples](http://milligram.github.io/#examples)
 
 
 ## Contributing

From d9d4e3ce20016102a92cf23d09b6c63875023480 Mon Sep 17 00:00:00 2001
From: CJ Patoilo 
Date: Sat, 26 Dec 2015 18:40:55 -0300
Subject: [PATCH 6/9] changing the name of the source folder

---
 {sass => src}/_Base.sass       | 0
 {sass => src}/_Blockquote.sass | 0
 {sass => src}/_Button.sass     | 0
 {sass => src}/_Code.sass       | 0
 {sass => src}/_Color.sass      | 0
 {sass => src}/_Form.sass       | 0
 {sass => src}/_Grid.sass       | 0
 {sass => src}/_Link.sass       | 0
 {sass => src}/_List.sass       | 0
 {sass => src}/_Misc.sass       | 0
 {sass => src}/_Spacing.sass    | 0
 {sass => src}/_Table.sass      | 0
 {sass => src}/_Typography.sass | 0
 {sass => src}/_Utility.sass    | 0
 {sass => src}/milligram.sass   | 0
 15 files changed, 0 insertions(+), 0 deletions(-)
 rename {sass => src}/_Base.sass (100%)
 rename {sass => src}/_Blockquote.sass (100%)
 rename {sass => src}/_Button.sass (100%)
 rename {sass => src}/_Code.sass (100%)
 rename {sass => src}/_Color.sass (100%)
 rename {sass => src}/_Form.sass (100%)
 rename {sass => src}/_Grid.sass (100%)
 rename {sass => src}/_Link.sass (100%)
 rename {sass => src}/_List.sass (100%)
 rename {sass => src}/_Misc.sass (100%)
 rename {sass => src}/_Spacing.sass (100%)
 rename {sass => src}/_Table.sass (100%)
 rename {sass => src}/_Typography.sass (100%)
 rename {sass => src}/_Utility.sass (100%)
 rename {sass => src}/milligram.sass (100%)

diff --git a/sass/_Base.sass b/src/_Base.sass
similarity index 100%
rename from sass/_Base.sass
rename to src/_Base.sass
diff --git a/sass/_Blockquote.sass b/src/_Blockquote.sass
similarity index 100%
rename from sass/_Blockquote.sass
rename to src/_Blockquote.sass
diff --git a/sass/_Button.sass b/src/_Button.sass
similarity index 100%
rename from sass/_Button.sass
rename to src/_Button.sass
diff --git a/sass/_Code.sass b/src/_Code.sass
similarity index 100%
rename from sass/_Code.sass
rename to src/_Code.sass
diff --git a/sass/_Color.sass b/src/_Color.sass
similarity index 100%
rename from sass/_Color.sass
rename to src/_Color.sass
diff --git a/sass/_Form.sass b/src/_Form.sass
similarity index 100%
rename from sass/_Form.sass
rename to src/_Form.sass
diff --git a/sass/_Grid.sass b/src/_Grid.sass
similarity index 100%
rename from sass/_Grid.sass
rename to src/_Grid.sass
diff --git a/sass/_Link.sass b/src/_Link.sass
similarity index 100%
rename from sass/_Link.sass
rename to src/_Link.sass
diff --git a/sass/_List.sass b/src/_List.sass
similarity index 100%
rename from sass/_List.sass
rename to src/_List.sass
diff --git a/sass/_Misc.sass b/src/_Misc.sass
similarity index 100%
rename from sass/_Misc.sass
rename to src/_Misc.sass
diff --git a/sass/_Spacing.sass b/src/_Spacing.sass
similarity index 100%
rename from sass/_Spacing.sass
rename to src/_Spacing.sass
diff --git a/sass/_Table.sass b/src/_Table.sass
similarity index 100%
rename from sass/_Table.sass
rename to src/_Table.sass
diff --git a/sass/_Typography.sass b/src/_Typography.sass
similarity index 100%
rename from sass/_Typography.sass
rename to src/_Typography.sass
diff --git a/sass/_Utility.sass b/src/_Utility.sass
similarity index 100%
rename from sass/_Utility.sass
rename to src/_Utility.sass
diff --git a/sass/milligram.sass b/src/milligram.sass
similarity index 100%
rename from sass/milligram.sass
rename to src/milligram.sass

From b6019395e3e377fb805692ed81d25359f4343165 Mon Sep 17 00:00:00 2001
From: CJ Patoilo 
Date: Sat, 26 Dec 2015 18:41:42 -0300
Subject: [PATCH 7/9] added banner information and sourcemap support

---
 dist/milligram.css         | 103 ++++++++++++-------------------------
 dist/milligram.min.css     |  13 ++++-
 dist/milligram.min.css.map |   1 +
 3 files changed, 45 insertions(+), 72 deletions(-)
 create mode 100644 dist/milligram.min.css.map

diff --git a/dist/milligram.css b/dist/milligram.css
index 4d8d336..ceebe7e 100644
--- a/dist/milligram.css
+++ b/dist/milligram.css
@@ -1,3 +1,12 @@
+/*!
+ * Milligram v1.0.2
+ * http://milligram.github.io
+ *
+ * Copyright (c) 2015, CJ Patoilo
+ * Licensed under the MIT license
+*/
+
+
 html {
   box-sizing: border-box;
   font-size: 62.5%;
@@ -208,19 +217,13 @@ input[type='radio'] {
 }
 
 .row {
-  display: -webkit-flex;
-  display: -ms-flexbox;
   display: flex;
-  -webkit-flex-direction: column;
-      -ms-flex-direction: column;
-          flex-direction: column;
+  flex-direction: column;
   padding: 0;
   width: 100%;
 }
 .row .row-wrap {
-  -webkit-flex-wrap: wrap;
-      -ms-flex-wrap: wrap;
-          flex-wrap: wrap;
+  flex-wrap: wrap;
 }
 .row .row-no-padding {
   padding: 0;
@@ -229,53 +232,35 @@ input[type='radio'] {
   padding: 0;
 }
 .row .row-top {
-  -webkit-align-items: flex-start;
-      -ms-flex-align: start;
-          align-items: flex-start;
+  align-items: flex-start;
 }
 .row .row-bottom {
-  -webkit-align-items: flex-end;
-      -ms-flex-align: end;
-          align-items: flex-end;
+  align-items: flex-end;
 }
 .row .row-center {
-  -webkit-align-items: center;
-      -ms-flex-align: center;
-          align-items: center;
+  align-items: center;
 }
 .row .row-stretch {
-  -webkit-align-items: stretch;
-      -ms-flex-align: stretch;
-          align-items: stretch;
+  align-items: stretch;
 }
 .row .row-baseline {
-  -webkit-align-items: baseline;
-      -ms-flex-align: baseline;
-          align-items: baseline;
+  align-items: baseline;
 }
 .row .column {
   display: block;
-  -webkit-flex: 1;
-      -ms-flex: 1;
-          flex: 1;
+  flex: 1;
   margin-left: 0;
   max-width: 100%;
   width: 100%;
 }
 .row .column .col-top {
-  -webkit-align-self: flex-start;
-      -ms-flex-item-align: start;
-          align-self: flex-start;
+  align-self: flex-start;
 }
 .row .column .col-bottom {
-  -webkit-align-self: flex-end;
-      -ms-flex-item-align: end;
-          align-self: flex-end;
+  align-self: flex-end;
 }
 .row .column .col-center {
-  -webkit-align-self: center;
-      -ms-flex-item-align: center;
-          align-self: center;
+  align-self: center;
 }
 .row .column.column-offset-10 {
   margin-left: 10%;
@@ -305,77 +290,53 @@ input[type='radio'] {
   margin-left: 90%;
 }
 .row .column.column-10 {
-  -webkit-flex: 0 0 10%;
-      -ms-flex: 0 0 10%;
-          flex: 0 0 10%;
+  flex: 0 0 10%;
   max-width: 10%;
 }
 .row .column.column-20 {
-  -webkit-flex: 0 0 20%;
-      -ms-flex: 0 0 20%;
-          flex: 0 0 20%;
+  flex: 0 0 20%;
   max-width: 20%;
 }
 .row .column.column-25 {
-  -webkit-flex: 0 0 25%;
-      -ms-flex: 0 0 25%;
-          flex: 0 0 25%;
+  flex: 0 0 25%;
   max-width: 25%;
 }
 .row .column.column-33, .row .column.column-34 {
-  -webkit-flex: 0 0 33.3333%;
-      -ms-flex: 0 0 33.3333%;
-          flex: 0 0 33.3333%;
+  flex: 0 0 33.3333%;
   max-width: 33.3333%;
 }
 .row .column.column-40 {
-  -webkit-flex: 0 0 40%;
-      -ms-flex: 0 0 40%;
-          flex: 0 0 40%;
+  flex: 0 0 40%;
   max-width: 40%;
 }
 .row .column.column-50 {
-  -webkit-flex: 0 0 50%;
-      -ms-flex: 0 0 50%;
-          flex: 0 0 50%;
+  flex: 0 0 50%;
   max-width: 50%;
 }
 .row .column.column-60 {
-  -webkit-flex: 0 0 60%;
-      -ms-flex: 0 0 60%;
-          flex: 0 0 60%;
+  flex: 0 0 60%;
   max-width: 60%;
 }
 .row .column.column-66, .row .column.column-67 {
-  -webkit-flex: 0 0 66.6666%;
-      -ms-flex: 0 0 66.6666%;
-          flex: 0 0 66.6666%;
+  flex: 0 0 66.6666%;
   max-width: 66.6666%;
 }
 .row .column.column-75 {
-  -webkit-flex: 0 0 75%;
-      -ms-flex: 0 0 75%;
-          flex: 0 0 75%;
+  flex: 0 0 75%;
   max-width: 75%;
 }
 .row .column.column-80 {
-  -webkit-flex: 0 0 80%;
-      -ms-flex: 0 0 80%;
-          flex: 0 0 80%;
+  flex: 0 0 80%;
   max-width: 80%;
 }
 .row .column.column-90 {
-  -webkit-flex: 0 0 90%;
-      -ms-flex: 0 0 90%;
-          flex: 0 0 90%;
+  flex: 0 0 90%;
   max-width: 90%;
 }
 
 @media (min-width: 40rem) {
   .row {
-    -webkit-flex-direction: row;
-        -ms-flex-direction: row;
-            flex-direction: row;
+    flex-direction: row;
     margin-left: -1rem;
     width: calc(100% + 2.0rem);
   }
diff --git a/dist/milligram.min.css b/dist/milligram.min.css
index f3b068e..4a5e10f 100644
--- a/dist/milligram.min.css
+++ b/dist/milligram.min.css
@@ -1 +1,12 @@
-html{box-sizing:border-box;font-size:62.5%}body{color:#606c76;font-family:"Roboto","Helvetica Neue",Helvetica,Arial,sans-serif;font-size:1.6em;font-weight:300;letter-spacing:0.01em;line-height:1.6}*,*:after,*:before{box-sizing:border-box}.blockquote,blockquote{border-left:0.3rem solid #d1d1d1;margin-left:0;margin-right:0;padding:1rem 1.5rem}.blockquote *:last-child,blockquote *:last-child{margin:0}.button,button,input[type='submit'],input[type='reset'],input[type='button']{background-color:#9b4dca;border:0.1rem solid #9b4dca;border-radius:0.4rem;box-sizing:border-box;color:#fff;cursor:pointer;display:inline-block;font-size:1.1rem;font-weight:700;height:3.8rem;letter-spacing:0.1rem;line-height:3.8rem;padding:0 3rem;text-align:center;text-decoration:none;text-transform:uppercase;white-space:nowrap}.button:hover,.button:focus,button:hover,button:focus,input[type='submit']:hover,input[type='submit']:focus,input[type='reset']:hover,input[type='reset']:focus,input[type='button']:hover,input[type='button']:focus{background-color:#606c76;border-color:#606c76;color:#fff;outline:0}.button.button-outline,button.button-outline,input[type='submit'].button-outline,input[type='reset'].button-outline,input[type='button'].button-outline{color:#9b4dca;background-color:transparent}.button.button-outline:hover,.button.button-outline:focus,button.button-outline:hover,button.button-outline:focus,input[type='submit'].button-outline:hover,input[type='submit'].button-outline:focus,input[type='reset'].button-outline:hover,input[type='reset'].button-outline:focus,input[type='button'].button-outline:hover,input[type='button'].button-outline:focus{color:#606c76;background-color:transparent;border-color:#606c76}.button.button-clear,button.button-clear,input[type='submit'].button-clear,input[type='reset'].button-clear,input[type='button'].button-clear{color:#9b4dca;background-color:transparent;border-color:transparent}.button.button-clear:hover,.button.button-clear:focus,button.button-clear:hover,button.button-clear:focus,input[type='submit'].button-clear:hover,input[type='submit'].button-clear:focus,input[type='reset'].button-clear:hover,input[type='reset'].button-clear:focus,input[type='button'].button-clear:hover,input[type='button'].button-clear:focus{color:#606c76;background-color:transparent;border-color:transparent}pre{background:#f4f5f6;border-left:0.3rem solid #9b4dca;font-family:Menlo,Consolas,"Bitstream Vera Sans Mono","DejaVu Sans Mono",Monaco,monospace}code{background:#f4f5f6;border-radius:0.4rem;font-size:86%;padding:0.2rem 0.5rem;margin:0 0.2rem;white-space:nowrap}pre>code{background:transparent;border-radius:0;display:block;padding:1rem 1.5rem;white-space:pre}input[type='email'],input[type='number'],input[type='search'],input[type='text'],input[type='tel'],input[type='url'],input[type='password'],textarea,select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;border:0.1rem solid #d1d1d1;border-radius:0.4rem;box-shadow:none;box-sizing:border-box;height:3.8rem;padding:0.6rem 1rem;width:100%}input[type='email']:focus,input[type='number']:focus,input[type='search']:focus,input[type='text']:focus,input[type='tel']:focus,input[type='url']:focus,input[type='password']:focus,textarea:focus,select:focus{border:0.1rem solid #9b4dca;outline:0}textarea{padding-bottom:0.6rem;padding-top:0.6rem;min-height:6.5rem}label,legend{font-size:1.6rem;font-weight:700;display:block;margin-bottom:0.5rem}fieldset{border-width:0;padding:0}input[type='checkbox'],input[type='radio']{display:inline}.label-inline{font-weight:normal;display:inline-block;margin-left:0.5rem}.container{box-sizing:border-box;margin:0 auto;max-width:112rem;padding:0 2rem;position:relative;width:100%}.row{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;padding:0;width:100%}.row .row-wrap{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.row .row-no-padding{padding:0}.row .row-no-padding>.column{padding:0}.row .row-top{-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start}.row .row-bottom{-webkit-align-items:flex-end;-ms-flex-align:end;align-items:flex-end}.row .row-center{-webkit-align-items:center;-ms-flex-align:center;align-items:center}.row .row-stretch{-webkit-align-items:stretch;-ms-flex-align:stretch;align-items:stretch}.row .row-baseline{-webkit-align-items:baseline;-ms-flex-align:baseline;align-items:baseline}.row .column{display:block;-webkit-flex:1;-ms-flex:1;flex:1;margin-left:0;max-width:100%;width:100%}.row .column .col-top{-webkit-align-self:flex-start;-ms-flex-item-align:start;align-self:flex-start}.row .column .col-bottom{-webkit-align-self:flex-end;-ms-flex-item-align:end;align-self:flex-end}.row .column .col-center{-webkit-align-self:center;-ms-flex-item-align:center;align-self:center}.row .column.column-offset-10{margin-left:10%}.row .column.column-offset-20{margin-left:20%}.row .column.column-offset-25{margin-left:25%}.row .column.column-offset-33,.row .column.column-offset-34{margin-left:33.3333%}.row .column.column-offset-50{margin-left:50%}.row .column.column-offset-66,.row .column.column-offset-67{margin-left:66.6666%}.row .column.column-offset-75{margin-left:75%}.row .column.column-offset-80{margin-left:80%}.row .column.column-offset-90{margin-left:90%}.row .column.column-10{-webkit-flex:0 0 10%;-ms-flex:0 0 10%;flex:0 0 10%;max-width:10%}.row .column.column-20{-webkit-flex:0 0 20%;-ms-flex:0 0 20%;flex:0 0 20%;max-width:20%}.row .column.column-25{-webkit-flex:0 0 25%;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.row .column.column-33,.row .column.column-34{-webkit-flex:0 0 33.3333%;-ms-flex:0 0 33.3333%;flex:0 0 33.3333%;max-width:33.3333%}.row .column.column-40{-webkit-flex:0 0 40%;-ms-flex:0 0 40%;flex:0 0 40%;max-width:40%}.row .column.column-50{-webkit-flex:0 0 50%;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.row .column.column-60{-webkit-flex:0 0 60%;-ms-flex:0 0 60%;flex:0 0 60%;max-width:60%}.row .column.column-66,.row .column.column-67{-webkit-flex:0 0 66.6666%;-ms-flex:0 0 66.6666%;flex:0 0 66.6666%;max-width:66.6666%}.row .column.column-75{-webkit-flex:0 0 75%;-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.row .column.column-80{-webkit-flex:0 0 80%;-ms-flex:0 0 80%;flex:0 0 80%;max-width:80%}.row .column.column-90{-webkit-flex:0 0 90%;-ms-flex:0 0 90%;flex:0 0 90%;max-width:90%}@media (min-width: 40rem){.row{-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;margin-left:-1rem;width:calc(100% + 2.0rem)}.row .column{margin-bottom:inherit;padding:0 1rem}}a{color:#9b4dca;text-decoration:none}a:hover{color:#606c76}dl,ol,ul{margin-top:0;padding-left:0}dl ul,dl ol,ol ul,ol ol,ul ul,ul ol{font-size:90%;margin:1.5rem 0 1.5rem 3rem}dl{list-style:none}ul{list-style:circle inside}ol{list-style:decimal inside}dt,dd,li{margin-bottom:1rem}hr{border-top:0.1rem solid #f4f5f6;border-width:0;margin-bottom:3.5rem;margin-top:3rem}button,.button{margin-bottom:1rem}input,textarea,select,fieldset{margin-bottom:1.5rem}pre,blockquote,dl,figure,table,p,ul,ol,form{margin-bottom:2.5rem}table{width:100%}th,td{border-bottom:0.1rem solid #e1e1e1;padding:1.2rem 1.5rem;text-align:left}th:first-child,td:first-child{padding-left:0}th:last-child,td:last-child{padding-right:0}p{margin-top:0}h1,h2,h3,h4,h5,h6{font-weight:300;margin-bottom:2rem;margin-top:0}h1{font-size:4rem;letter-spacing:-0.1rem;line-height:1.2}h2{font-size:3.6rem;letter-spacing:-0.1rem;line-height:1.25}h3{font-size:3rem;letter-spacing:-0.1rem;line-height:1.3}h4{font-size:2.4rem;letter-spacing:-0.08rem;line-height:1.35}h5{font-size:1.8rem;letter-spacing:-0.05rem;line-height:1.5}h6{font-size:1.6rem;letter-spacing:0;line-height:1.4}@media (min-width: 40rem){h1{font-size:5rem}h2{font-size:4.2rem}h3{font-size:3.6rem}h4{font-size:3rem}h5{font-size:2.4rem}h6{font-size:1.5rem}}.float-right{float:right}.float-left{float:left}.clearfix{*zoom:1}.clearfix:after,.clearfix:before{content:"";display:table}.clearfix:after{clear:both}
+/*!
+ * Milligram v1.0.2
+ * http://milligram.github.io
+ *
+ * Copyright (c) 2015, CJ Patoilo
+ * Licensed under the MIT license
+*/
+
+
+html{box-sizing:border-box;font-size:62.5%}body{color:#606c76;font-family:"Roboto","Helvetica Neue",Helvetica,Arial,sans-serif;font-size:1.6em;font-weight:300;letter-spacing:0.01em;line-height:1.6}*,*:after,*:before{box-sizing:border-box}.blockquote,blockquote{border-left:0.3rem solid #d1d1d1;margin-left:0;margin-right:0;padding:1rem 1.5rem}.blockquote *:last-child,blockquote *:last-child{margin:0}.button,button,input[type='submit'],input[type='reset'],input[type='button']{background-color:#9b4dca;border:0.1rem solid #9b4dca;border-radius:0.4rem;box-sizing:border-box;color:#fff;cursor:pointer;display:inline-block;font-size:1.1rem;font-weight:700;height:3.8rem;letter-spacing:0.1rem;line-height:3.8rem;padding:0 3rem;text-align:center;text-decoration:none;text-transform:uppercase;white-space:nowrap}.button:hover,.button:focus,button:hover,button:focus,input[type='submit']:hover,input[type='submit']:focus,input[type='reset']:hover,input[type='reset']:focus,input[type='button']:hover,input[type='button']:focus{background-color:#606c76;border-color:#606c76;color:#fff;outline:0}.button.button-outline,button.button-outline,input[type='submit'].button-outline,input[type='reset'].button-outline,input[type='button'].button-outline{color:#9b4dca;background-color:transparent}.button.button-outline:hover,.button.button-outline:focus,button.button-outline:hover,button.button-outline:focus,input[type='submit'].button-outline:hover,input[type='submit'].button-outline:focus,input[type='reset'].button-outline:hover,input[type='reset'].button-outline:focus,input[type='button'].button-outline:hover,input[type='button'].button-outline:focus{color:#606c76;background-color:transparent;border-color:#606c76}.button.button-clear,button.button-clear,input[type='submit'].button-clear,input[type='reset'].button-clear,input[type='button'].button-clear{color:#9b4dca;background-color:transparent;border-color:transparent}.button.button-clear:hover,.button.button-clear:focus,button.button-clear:hover,button.button-clear:focus,input[type='submit'].button-clear:hover,input[type='submit'].button-clear:focus,input[type='reset'].button-clear:hover,input[type='reset'].button-clear:focus,input[type='button'].button-clear:hover,input[type='button'].button-clear:focus{color:#606c76;background-color:transparent;border-color:transparent}pre{background:#f4f5f6;border-left:0.3rem solid #9b4dca;font-family:Menlo,Consolas,"Bitstream Vera Sans Mono","DejaVu Sans Mono",Monaco,monospace}code{background:#f4f5f6;border-radius:0.4rem;font-size:86%;padding:0.2rem 0.5rem;margin:0 0.2rem;white-space:nowrap}pre>code{background:transparent;border-radius:0;display:block;padding:1rem 1.5rem;white-space:pre}input[type='email'],input[type='number'],input[type='search'],input[type='text'],input[type='tel'],input[type='url'],input[type='password'],textarea,select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;border:0.1rem solid #d1d1d1;border-radius:0.4rem;box-shadow:none;box-sizing:border-box;height:3.8rem;padding:0.6rem 1rem;width:100%}input[type='email']:focus,input[type='number']:focus,input[type='search']:focus,input[type='text']:focus,input[type='tel']:focus,input[type='url']:focus,input[type='password']:focus,textarea:focus,select:focus{border:0.1rem solid #9b4dca;outline:0}textarea{padding-bottom:0.6rem;padding-top:0.6rem;min-height:6.5rem}label,legend{font-size:1.6rem;font-weight:700;display:block;margin-bottom:0.5rem}fieldset{border-width:0;padding:0}input[type='checkbox'],input[type='radio']{display:inline}.label-inline{font-weight:normal;display:inline-block;margin-left:0.5rem}.container{box-sizing:border-box;margin:0 auto;max-width:112rem;padding:0 2rem;position:relative;width:100%}.row{display:flex;flex-direction:column;padding:0;width:100%}.row .row-wrap{flex-wrap:wrap}.row .row-no-padding{padding:0}.row .row-no-padding>.column{padding:0}.row .row-top{align-items:flex-start}.row .row-bottom{align-items:flex-end}.row .row-center{align-items:center}.row .row-stretch{align-items:stretch}.row .row-baseline{align-items:baseline}.row .column{display:block;flex:1;margin-left:0;max-width:100%;width:100%}.row .column .col-top{align-self:flex-start}.row .column .col-bottom{align-self:flex-end}.row .column .col-center{align-self:center}.row .column.column-offset-10{margin-left:10%}.row .column.column-offset-20{margin-left:20%}.row .column.column-offset-25{margin-left:25%}.row .column.column-offset-33,.row .column.column-offset-34{margin-left:33.3333%}.row .column.column-offset-50{margin-left:50%}.row .column.column-offset-66,.row .column.column-offset-67{margin-left:66.6666%}.row .column.column-offset-75{margin-left:75%}.row .column.column-offset-80{margin-left:80%}.row .column.column-offset-90{margin-left:90%}.row .column.column-10{flex:0 0 10%;max-width:10%}.row .column.column-20{flex:0 0 20%;max-width:20%}.row .column.column-25{flex:0 0 25%;max-width:25%}.row .column.column-33,.row .column.column-34{flex:0 0 33.3333%;max-width:33.3333%}.row .column.column-40{flex:0 0 40%;max-width:40%}.row .column.column-50{flex:0 0 50%;max-width:50%}.row .column.column-60{flex:0 0 60%;max-width:60%}.row .column.column-66,.row .column.column-67{flex:0 0 66.6666%;max-width:66.6666%}.row .column.column-75{flex:0 0 75%;max-width:75%}.row .column.column-80{flex:0 0 80%;max-width:80%}.row .column.column-90{flex:0 0 90%;max-width:90%}@media (min-width: 40rem){.row{flex-direction:row;margin-left:-1rem;width:calc(100% + 2.0rem)}.row .column{margin-bottom:inherit;padding:0 1rem}}a{color:#9b4dca;text-decoration:none}a:hover{color:#606c76}dl,ol,ul{margin-top:0;padding-left:0}dl ul,dl ol,ol ul,ol ol,ul ul,ul ol{font-size:90%;margin:1.5rem 0 1.5rem 3rem}dl{list-style:none}ul{list-style:circle inside}ol{list-style:decimal inside}dt,dd,li{margin-bottom:1rem}hr{border-top:0.1rem solid #f4f5f6;border-width:0;margin-bottom:3.5rem;margin-top:3rem}button,.button{margin-bottom:1rem}input,textarea,select,fieldset{margin-bottom:1.5rem}pre,blockquote,dl,figure,table,p,ul,ol,form{margin-bottom:2.5rem}table{width:100%}th,td{border-bottom:0.1rem solid #e1e1e1;padding:1.2rem 1.5rem;text-align:left}th:first-child,td:first-child{padding-left:0}th:last-child,td:last-child{padding-right:0}p{margin-top:0}h1,h2,h3,h4,h5,h6{font-weight:300;margin-bottom:2rem;margin-top:0}h1{font-size:4rem;letter-spacing:-0.1rem;line-height:1.2}h2{font-size:3.6rem;letter-spacing:-0.1rem;line-height:1.25}h3{font-size:3rem;letter-spacing:-0.1rem;line-height:1.3}h4{font-size:2.4rem;letter-spacing:-0.08rem;line-height:1.35}h5{font-size:1.8rem;letter-spacing:-0.05rem;line-height:1.5}h6{font-size:1.6rem;letter-spacing:0;line-height:1.4}@media (min-width: 40rem){h1{font-size:5rem}h2{font-size:4.2rem}h3{font-size:3.6rem}h4{font-size:3rem}h5{font-size:2.4rem}h6{font-size:1.5rem}}.float-right{float:right}.float-left{float:left}.clearfix{*zoom:1}.clearfix:after,.clearfix:before{content:"";display:table}.clearfix:after{clear:both}
+
+/*# sourceMappingURL=milligram.min.css.map */
\ No newline at end of file
diff --git a/dist/milligram.min.css.map b/dist/milligram.min.css.map
new file mode 100644
index 0000000..e161847
--- /dev/null
+++ b/dist/milligram.min.css.map
@@ -0,0 +1 @@
+{"version":3,"sources":["milligram.min.css"],"names":[],"mappings":"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","file":"milligram.min.css","sourcesContent":["/*!\n * Milligram v1.0.2\n * http://milligram.github.io\n *\n * Copyright (c) 2015, CJ Patoilo\n * Licensed under the MIT license\n*/\n\n\nhtml{box-sizing:border-box;font-size:62.5%}body{color:#606c76;font-family:\"Roboto\",\"Helvetica Neue\",Helvetica,Arial,sans-serif;font-size:1.6em;font-weight:300;letter-spacing:0.01em;line-height:1.6}*,*:after,*:before{box-sizing:border-box}.blockquote,blockquote{border-left:0.3rem solid #d1d1d1;margin-left:0;margin-right:0;padding:1rem 1.5rem}.blockquote *:last-child,blockquote *:last-child{margin:0}.button,button,input[type='submit'],input[type='reset'],input[type='button']{background-color:#9b4dca;border:0.1rem solid #9b4dca;border-radius:0.4rem;box-sizing:border-box;color:#fff;cursor:pointer;display:inline-block;font-size:1.1rem;font-weight:700;height:3.8rem;letter-spacing:0.1rem;line-height:3.8rem;padding:0 3rem;text-align:center;text-decoration:none;text-transform:uppercase;white-space:nowrap}.button:hover,.button:focus,button:hover,button:focus,input[type='submit']:hover,input[type='submit']:focus,input[type='reset']:hover,input[type='reset']:focus,input[type='button']:hover,input[type='button']:focus{background-color:#606c76;border-color:#606c76;color:#fff;outline:0}.button.button-outline,button.button-outline,input[type='submit'].button-outline,input[type='reset'].button-outline,input[type='button'].button-outline{color:#9b4dca;background-color:transparent}.button.button-outline:hover,.button.button-outline:focus,button.button-outline:hover,button.button-outline:focus,input[type='submit'].button-outline:hover,input[type='submit'].button-outline:focus,input[type='reset'].button-outline:hover,input[type='reset'].button-outline:focus,input[type='button'].button-outline:hover,input[type='button'].button-outline:focus{color:#606c76;background-color:transparent;border-color:#606c76}.button.button-clear,button.button-clear,input[type='submit'].button-clear,input[type='reset'].button-clear,input[type='button'].button-clear{color:#9b4dca;background-color:transparent;border-color:transparent}.button.button-clear:hover,.button.button-clear:focus,button.button-clear:hover,button.button-clear:focus,input[type='submit'].button-clear:hover,input[type='submit'].button-clear:focus,input[type='reset'].button-clear:hover,input[type='reset'].button-clear:focus,input[type='button'].button-clear:hover,input[type='button'].button-clear:focus{color:#606c76;background-color:transparent;border-color:transparent}pre{background:#f4f5f6;border-left:0.3rem solid #9b4dca;font-family:Menlo,Consolas,\"Bitstream Vera Sans Mono\",\"DejaVu Sans Mono\",Monaco,monospace}code{background:#f4f5f6;border-radius:0.4rem;font-size:86%;padding:0.2rem 0.5rem;margin:0 0.2rem;white-space:nowrap}pre>code{background:transparent;border-radius:0;display:block;padding:1rem 1.5rem;white-space:pre}input[type='email'],input[type='number'],input[type='search'],input[type='text'],input[type='tel'],input[type='url'],input[type='password'],textarea,select{appearance:none;background-color:transparent;border:0.1rem solid #d1d1d1;border-radius:0.4rem;box-shadow:none;box-sizing:border-box;height:3.8rem;padding:0.6rem 1rem;width:100%}input[type='email']:focus,input[type='number']:focus,input[type='search']:focus,input[type='text']:focus,input[type='tel']:focus,input[type='url']:focus,input[type='password']:focus,textarea:focus,select:focus{border:0.1rem solid #9b4dca;outline:0}textarea{padding-bottom:0.6rem;padding-top:0.6rem;min-height:6.5rem}label,legend{font-size:1.6rem;font-weight:700;display:block;margin-bottom:0.5rem}fieldset{border-width:0;padding:0}input[type='checkbox'],input[type='radio']{display:inline}.label-inline{font-weight:normal;display:inline-block;margin-left:0.5rem}.container{box-sizing:border-box;margin:0 auto;max-width:112rem;padding:0 2rem;position:relative;width:100%}.row{display:flex;flex-direction:column;padding:0;width:100%}.row .row-wrap{flex-wrap:wrap}.row .row-no-padding{padding:0}.row .row-no-padding>.column{padding:0}.row .row-top{align-items:flex-start}.row .row-bottom{align-items:flex-end}.row .row-center{align-items:center}.row .row-stretch{align-items:stretch}.row .row-baseline{align-items:baseline}.row .column{display:block;flex:1;margin-left:0;max-width:100%;width:100%}.row .column .col-top{align-self:flex-start}.row .column .col-bottom{align-self:flex-end}.row .column .col-center{align-self:center}.row .column.column-offset-10{margin-left:10%}.row .column.column-offset-20{margin-left:20%}.row .column.column-offset-25{margin-left:25%}.row .column.column-offset-33,.row .column.column-offset-34{margin-left:33.3333%}.row .column.column-offset-50{margin-left:50%}.row .column.column-offset-66,.row .column.column-offset-67{margin-left:66.6666%}.row .column.column-offset-75{margin-left:75%}.row .column.column-offset-80{margin-left:80%}.row .column.column-offset-90{margin-left:90%}.row .column.column-10{flex:0 0 10%;max-width:10%}.row .column.column-20{flex:0 0 20%;max-width:20%}.row .column.column-25{flex:0 0 25%;max-width:25%}.row .column.column-33,.row .column.column-34{flex:0 0 33.3333%;max-width:33.3333%}.row .column.column-40{flex:0 0 40%;max-width:40%}.row .column.column-50{flex:0 0 50%;max-width:50%}.row .column.column-60{flex:0 0 60%;max-width:60%}.row .column.column-66,.row .column.column-67{flex:0 0 66.6666%;max-width:66.6666%}.row .column.column-75{flex:0 0 75%;max-width:75%}.row .column.column-80{flex:0 0 80%;max-width:80%}.row .column.column-90{flex:0 0 90%;max-width:90%}@media (min-width: 40rem){.row{flex-direction:row;margin-left:-1rem;width:calc(100% + 2.0rem)}.row .column{margin-bottom:inherit;padding:0 1rem}}a{color:#9b4dca;text-decoration:none}a:hover{color:#606c76}dl,ol,ul{margin-top:0;padding-left:0}dl ul,dl ol,ol ul,ol ol,ul ul,ul ol{font-size:90%;margin:1.5rem 0 1.5rem 3rem}dl{list-style:none}ul{list-style:circle inside}ol{list-style:decimal inside}dt,dd,li{margin-bottom:1rem}hr{border-top:0.1rem solid #f4f5f6;border-width:0;margin-bottom:3.5rem;margin-top:3rem}button,.button{margin-bottom:1rem}input,textarea,select,fieldset{margin-bottom:1.5rem}pre,blockquote,dl,figure,table,p,ul,ol,form{margin-bottom:2.5rem}table{width:100%}th,td{border-bottom:0.1rem solid #e1e1e1;padding:1.2rem 1.5rem;text-align:left}th:first-child,td:first-child{padding-left:0}th:last-child,td:last-child{padding-right:0}p{margin-top:0}h1,h2,h3,h4,h5,h6{font-weight:300;margin-bottom:2rem;margin-top:0}h1{font-size:4rem;letter-spacing:-0.1rem;line-height:1.2}h2{font-size:3.6rem;letter-spacing:-0.1rem;line-height:1.25}h3{font-size:3rem;letter-spacing:-0.1rem;line-height:1.3}h4{font-size:2.4rem;letter-spacing:-0.08rem;line-height:1.35}h5{font-size:1.8rem;letter-spacing:-0.05rem;line-height:1.5}h6{font-size:1.6rem;letter-spacing:0;line-height:1.4}@media (min-width: 40rem){h1{font-size:5rem}h2{font-size:4.2rem}h3{font-size:3.6rem}h4{font-size:3rem}h5{font-size:2.4rem}h6{font-size:1.5rem}}.float-right{float:right}.float-left{float:left}.clearfix{*zoom:1}.clearfix:after,.clearfix:before{content:\"\";display:table}.clearfix:after{clear:both}\n"]}
\ No newline at end of file

From 2bfd9ea0707c598358d62039ea1017ed1e6bc614 Mon Sep 17 00:00:00 2001
From: CJ Patoilo 
Date: Sat, 26 Dec 2015 18:43:29 -0300
Subject: [PATCH 8/9] updated informations

---
 bower.json     | 57 +++++++++++++------------------------
 component.json | 52 ++++++++++++----------------------
 package.json   | 76 ++++++++++++++++++--------------------------------
 3 files changed, 65 insertions(+), 120 deletions(-)

diff --git a/bower.json b/bower.json
index f8bf33e..8d67d04 100644
--- a/bower.json
+++ b/bower.json
@@ -3,59 +3,42 @@
 	"version": "1.0.1",
 	"description": "A minimalist CSS framework.",
 	"homepage": "http://milligram.github.io",
-	"license": {
-		"type": "MIT",
-		"url": "https://cjpatoilo.mit-license.org"
-	},
-	"repository": {
-		"type": "git",
-		"url": "git+https://github.com/milligram/milligram.git"
-	},
-	"bugs": {
-		"url": "https://github.com/milligram/milligram/issues"
-	},
-	"author": {
-		"name": "CJ Patoilo",
-		"email": "cjpatoilo@gmail.com",
-		"url": "http://cjpatoilo.com"
-	},
-	"moduleType": "globals",
-	"main": "dist/milligram.min.css",
+	"repository": "milligram/milligram",
+	"license": "MIT",
+	"author": "CJ Patoilo ",
+	"main": "dist/milligram.css",
 	"keywords": [
-		"app",
 		"boilerplate",
-		"botstrap",
-		"build",
+		"bootstrap",
 		"css",
+		"css3",
 		"design",
-		"dev",
-		"development",
 		"front-end",
 		"framework",
 		"html",
+		"html5",
+		"kickstart",
 		"less",
 		"milligram",
 		"responsive",
 		"mobile",
 		"mobile-first",
+		"responsive",
 		"sass",
-		"stack",
 		"stylus",
 		"style",
-		"styles",
-		"stylesheet",
-		"stylesheets",
-		"tool",
-		"tooling",
-		"web",
-		"web-design"
+		"stylesheet"
+	],
+	"ignore": [
+		".editorconfig",
+		".gitignore",
+		".travis.yml",
+		"component.json",
+		"package.json",
+		"gruntfile.js",
+		"src"
 	],
 	"dependencies": {
 		"normalize.css": "latest"
-	},
-	"ignore": [
-		"**/.*",
-		"bower_components",
-		"node_modules"
-	]
+	}
 }
diff --git a/component.json b/component.json
index 766e7f7..4c4badf 100644
--- a/component.json
+++ b/component.json
@@ -3,57 +3,41 @@
 	"version": "1.0.1",
 	"description": "A minimalist CSS framework.",
 	"homepage": "http://milligram.github.io",
-	"license": {
-		"type": "MIT",
-		"url": "https://cjpatoilo.mit-license.org"
-	},
-	"repository": {
-		"type": "git",
-		"url": "git+https://github.com/milligram/milligram.git"
-	},
-	"bugs": {
-		"url": "https://github.com/milligram/milligram/issues"
-	},
-	"author": {
-		"name": "CJ Patoilo",
-		"email": "cjpatoilo@gmail.com",
-		"url": "http://cjpatoilo.com"
-	},
-	"main": "dist/milligram.min.css",
+	"repository": "milligram/milligram",
+	"license": "MIT",
+	"author": "CJ Patoilo ",
+	"main": "dist/milligram.css",
 	"keywords": [
-		"app",
 		"boilerplate",
-		"botstrap",
-		"build",
+		"bootstrap",
 		"css",
+		"css3",
 		"design",
-		"dev",
-		"development",
 		"front-end",
 		"framework",
 		"html",
+		"html5",
+		"kickstart",
 		"less",
 		"milligram",
 		"responsive",
 		"mobile",
 		"mobile-first",
+		"responsive",
 		"sass",
-		"stack",
 		"stylus",
 		"style",
-		"styles",
-		"stylesheet",
-		"stylesheets",
-		"tool",
-		"tooling",
-		"web",
-		"web-design"
+		"stylesheet"
 	],
 	"ignore": [
-		"**/.*",
-		"bower_components",
-		"node_modules"
+		".editorconfig",
+		".gitignore",
+		".travis.yml",
+		"bower.json",
+		"package.json",
+		"gruntfile.js",
+		"src"
 	],
 	"repo": "milligram/milligram",
-	"styles": ["dist/milligram.min.css"]
+	"styles": ["dist/milligram.css"]
 }
\ No newline at end of file
diff --git a/package.json b/package.json
index a997262..49393de 100644
--- a/package.json
+++ b/package.json
@@ -3,64 +3,40 @@
 	"version": "1.0.1",
 	"description": "A minimalist CSS framework.",
 	"homepage": "http://milligram.github.io",
-	"license": {
-		"type": "MIT",
-		"url": "https://cjpatoilo.mit-license.org"
-	},
-	"repository": {
-		"type": "git",
-		"url": "git+https://github.com/milligram/milligram.git"
-	},
-	"bugs": {
-		"url": "https://github.com/milligram/milligram/issues"
-	},
-	"author": {
-		"name": "CJ Patoilo",
-		"email": "cjpatoilo@gmail.com",
-		"url": "http://cjpatoilo.com"
-	},
-	"engines": {
-		"node": ">=0.12.0"
-	},
-	"scripts": {
-		"start": "grunt",
-		"build": "grunt build"
-	},
-	"files": [
-		"*.json",
-		"*.md",
-		".gitignore",
-		"license"
-	],
-	"main": "dist/milligram.min.css",
+	"repository": "milligram/milligram",
+	"license": "MIT",
+	"author": "CJ Patoilo ",
+	"main": "dist/milligram.css",
 	"keywords": [
-		"app",
 		"boilerplate",
-		"botstrap",
-		"build",
+		"bootstrap",
 		"css",
+		"css3",
 		"design",
-		"dev",
-		"development",
 		"front-end",
 		"framework",
 		"html",
+		"html5",
+		"kickstart",
 		"less",
 		"milligram",
 		"responsive",
 		"mobile",
 		"mobile-first",
+		"responsive",
 		"sass",
-		"stack",
 		"stylus",
 		"style",
-		"styles",
-		"stylesheet",
-		"stylesheets",
-		"tool",
-		"tooling",
-		"web",
-		"web-design"
+		"stylesheet"
+	],
+	"ignore": [
+		".editorconfig",
+		".gitignore",
+		".travis.yml",
+		"bower.json",
+		"component.json",
+		"gruntfile.js",
+		"src"
 	],
 	"dependencies": {
 		"normalize.css": "latest"
@@ -70,16 +46,18 @@
 		"grunt": "^0.4.5",
 		"grunt-autoprefixer": "^3.0.3",
 		"grunt-contrib-clean": "^0.7.0",
-		"grunt-contrib-sass": "^0.9.2",
+		"grunt-contrib-sass": "~0.8.1",
 		"grunt-contrib-watch": "^0.6.1",
 		"grunt-newer": "^1.1.1",
 		"grunt-notify": "^0.4.3",
 		"load-grunt-tasks": "^3.3.0",
 		"time-grunt": "^1.2.2"
 	},
-	"ignore": [
-		"**/.*",
-		"bower_components",
-		"node_modules"
-	]
+	"engines": {
+		"node": ">=0.12.0"
+	},
+	"scripts": {
+		"start": "grunt",
+		"test": "grunt build"
+	}
 }

From 70b3977a5abb0aa5bd624d5715ca55d5a09e3bd2 Mon Sep 17 00:00:00 2001
From: CJ Patoilo 
Date: Sat, 26 Dec 2015 18:46:07 -0300
Subject: [PATCH 9/9] New release v1.0.2

---
 bower.json     | 2 +-
 component.json | 2 +-
 package.json   | 2 +-
 3 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/bower.json b/bower.json
index 8d67d04..bc72eb2 100644
--- a/bower.json
+++ b/bower.json
@@ -1,6 +1,6 @@
 {
 	"name": "milligram",
-	"version": "1.0.1",
+	"version": "1.0.2",
 	"description": "A minimalist CSS framework.",
 	"homepage": "http://milligram.github.io",
 	"repository": "milligram/milligram",
diff --git a/component.json b/component.json
index 4c4badf..08e0079 100644
--- a/component.json
+++ b/component.json
@@ -1,6 +1,6 @@
 {
 	"name": "milligram",
-	"version": "1.0.1",
+	"version": "1.0.2",
 	"description": "A minimalist CSS framework.",
 	"homepage": "http://milligram.github.io",
 	"repository": "milligram/milligram",
diff --git a/package.json b/package.json
index 49393de..aa7b9fe 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
 	"name": "milligram",
-	"version": "1.0.1",
+	"version": "1.0.2",
 	"description": "A minimalist CSS framework.",
 	"homepage": "http://milligram.github.io",
 	"repository": "milligram/milligram",