Merge pull request #146 from hansspiess/ms-respond-important

Add parameter to ms-respond() to render all rules with !important

Author: scottkellum

stylesheets/modularscale/_respond.scss

@@ -9,21 +9,27 @@
 }
 
 // Main responsive mixin
-@mixin ms-respond($prop, $val, $map: $modularscale) {
+@mixin ms-respond($prop, $val, $map: $modularscale, $ms-important: false) {
   $base: $ms-base;
   $ratio: $ms-ratio;
 
   $first-write: true;
   $last-break: null;
 
+  $important: '';
+
+  @if $ms-important == true {
+    $important: ' !important';
+  }
+
   // loop through all settings with a breakpoint type value
   @each $v, $s in $map {
     @if type-of($v) == number {
       @if unit($v) != '' {
 
         // Write out the first value without a media query.
         @if $first-write {
-          #{$prop}: ms-function($val, $thread: $v, $settings: $map);
+          #{$prop}: ms-function($val, $thread: $v, $settings: $map)#{$important};
 
           // Not the first write anymore, reset to false to move on.
           $first-write: false;
@@ -35,7 +41,7 @@
           @media (min-width: $last-break) and (max-width: $v) {
             $val1: ms-function($val, $thread: $last-break, $settings: $map);
             $val2: ms-function($val, $thread: $v, $settings: $map);
-            #{$prop}: ms-fluid($val1,$val2,$last-break,$v);
+            #{$prop}: ms-fluid($val1,$val2,$last-break,$v)#{$important};
           }
           $last-break: $v;
         }
@@ -46,7 +52,7 @@
   // Write the last breakpoint.
   @if $last-break {
     @media (min-width: $last-break) {
-      #{$prop}: ms-function($val, $thread: $last-break, $settings: $map);
+      #{$prop}: ms-function($val, $thread: $last-break, $settings: $map)#{$important};
     }
   }
 }