Add max-width flush/hard utils

Author: rbrtsmith

README.md

@@ -1,6 +1,6 @@
 # Nebula CSS ![Travis-ci](https://travis-ci.org/rbrtsmith/nebula-css.svg?branch=master) [![npm version](https://badge.fury.io/js/nebula-css.svg)](https://badge.fury.io/js/nebula-css)
 
-* 6kb (gzip) with default settings.
+* 8kb (gzip) with default settings.
 * [View the demo](http://rbrtsmith.com/nebula-css/demo/)
 
 Super low-level mobile-first Sass framework using the [ITCSS](https://www.youtube.com/watch?v=1OKZOV-iLj4) architecture and the [BEMIT](http://csswizardry.com/2015/08/bemit-taking-the-bem-naming-convention-a-step-further/) naming convention.

demo/dist/main.css

@@ -61,5 +61,17 @@
         }
       }
     }
+    $max-key: 'max-' + $key;
+    @include nb-respond-to(#{$max-key}) {
+      .#{$nb-namespace}u-#{$action}\@#{$max-key} {
+        #{$property}: 0 !important;
+      }
+
+      @each $direction in $directions {
+        .#{$nb-namespace}u-#{$action}-#{$direction}\@#{$max-key} {
+          #{$property}-#{$direction}: 0 !important;
+        }
+      }
+    }
   }
 }

nebula-css/tools/_spacing.scss

@@ -1,11 +1,11 @@
 {
   "name": "nebula-css",
-  "version": "2.2.7",
+  "version": "2.2.8",
   "description": "ITCSS and BEMIT based framework that is ultra exensible and scales to any project size",
   "main": "index.js",
   "scripts": {
     "lint": "stylelint '*/**/*.scss' --syntax scss",
-    "sass": "node-sass --output-style compressed --include-path ./nebula-css/ -o demo/dist demo/scss/main.scss",
+    "sass": "node-sass --output-style --include-path ./nebula-css/ -o demo/dist demo/scss/main.scss",
     "autoprefixer": "postcss -u autoprefixer --autoprefixer.browsers 'last 2 versions' 'ie 9-11' -r demo/dist/main.css",
     "build": "npm run lint && npm run sass && npm run autoprefixer && ncp demo/assets/ demo/dist/assets",
     "start": "npm run build && onchange '*/**/*.scss' -- npm run build",