RubyGems - praxis - Versions diffs - 0.13.0 → 0.14.0 - Mend

praxis 0.13.0 → 0.14.0

Files changed (135) hide show

data/lib/api_browser/app/index.html CHANGED Viewed

@@ -10,9 +10,9 @@
   <!-- endbower -->
   <link rel="stylesheet" href="css/main.css">
 </head>
-<body ng-app="docBrowser">
+<body ng-app="DocBrowser">
   <div ui-view=""></div>
-  <!-- build:js scripts/vendor.js -->
+  <!-- build:js({.tmp,app}) scripts/praxis.js -->
   <!-- bower:js -->
   <script src="bower_components/jquery/dist/jquery.js"></script>
   <script src="bower_components/angular/angular.js"></script>
@@ -21,8 +21,6 @@
   <script src="bower_components/angular-ui-bootstrap-bower/ui-bootstrap-tpls.js"></script>
   <script src="bower_components/angular-sanitize/angular-sanitize.js"></script>
   <!-- endbower -->
-  <!-- endbuild -->
-  <!-- build:js({.tmp,app}) scripts/scripts.js -->
   <!-- fileblock:js scripts -->
   <script src="js/app.js"></script>
   <script src="js/filters/resource_name.js"></script>
@@ -47,5 +45,9 @@
   <script src="js/directives/request_parameters.js"></script>
   <!-- endfileblock -->
   <!-- endbuild -->
+  <!-- build:js({/,.tmp}) scripts/docs.js -->
+  <!-- fileblock:js userscripts -->
+  <!-- endfileblock -->
+  <!-- endbuild -->
 </body>
 </html>

data/lib/api_browser/app/js/app.js CHANGED Viewed

@@ -1,4 +1,4 @@
-var app = angular.module('docBrowser', ['ui.router', 'ui.bootstrap', 'ngSanitize']);
+var app = angular.module('PraxisDocBrowser', ['ui.router', 'ui.bootstrap', 'ngSanitize']);
 app.config(function ($stateProvider, $urlRouterProvider) {
   $urlRouterProvider
@@ -29,4 +29,3 @@ app.config(function ($stateProvider, $urlRouterProvider) {
       controller: 'ActionCtrl'
     });
 });

data/lib/api_browser/app/js/controllers/action.js CHANGED Viewed

@@ -1,4 +1,4 @@
-app.controller("ActionCtrl", function($scope, $stateParams, Documentation) {
+app.controller('ActionCtrl', function($scope, $stateParams, Documentation) {
   $scope.controllerName = $stateParams.controller;
   $scope.actionName = $stateParams.action;
   $scope.apiVersion = $stateParams.version;
@@ -29,21 +29,21 @@ app.controller("ActionCtrl", function($scope, $stateParams, Documentation) {
       response.name = name;
       response.options = {
         headers: response.headers
-      }
+      };
       $scope.responses.push(response);
       if(response.parts_like) {
         response.parts_like.isMultipart = true;
         response.parts_like.options = {
           headers: response.parts_like.headers
-        }
+        };
         $scope.responses.push(response.parts_like);
       }
     });
   }, function() {
     $scope.error = true;
-  })
+  });
   $scope.hasResponses = function() {
     return $scope.action ? _.any($scope.action.responses) : false;

data/lib/api_browser/app/js/controllers/controller.js CHANGED Viewed

@@ -6,5 +6,5 @@
     $scope.controller = response.data;
   }, function() {
     $scope.error = true;
-  })
+  });
 });

data/lib/api_browser/app/js/controllers/menu.js CHANGED Viewed

@@ -1,4 +1,4 @@
-app.controller("MenuCtrl", function($scope, $state, Documentation) {
+app.controller('MenuCtrl', function($scope, $state, Documentation) {
   $scope.versions = [];
   $scope.links = {};
@@ -30,7 +30,9 @@ app.controller("MenuCtrl", function($scope, $state, Documentation) {
         links.push(link);
       });
     });
-    $scope.selectedVersion = $state.params.version || $scope.versions[0];
+    var numeralVersions = _.filter($scope.versions, function(n) { return !isNaN(parseFloat(n)); })
+                           .sort(function(a,b) { return parseFloat(b) - parseFloat(a); });
+    $scope.selectedVersion = $state.params.version || numeralVersions[0] || $scope.versions[0];
   });
@@ -40,7 +42,7 @@ app.controller("MenuCtrl", function($scope, $state, Documentation) {
   $scope.availableLinks = function() {
     return $scope.links[$scope.selectedVersion];
-  }
+  };
   $scope.$on('$stateChangeSuccess', function(e, state, params) {
     if (params.version) $scope.selectedVersion = params.version;

data/lib/api_browser/app/js/controllers/type.js CHANGED Viewed

@@ -1,14 +1,14 @@
-app.controller("TypeCtrl", function ($scope, $stateParams, Documentation) {
-  $scope.typeName = $stateParams.type || $scope.controller.media_type;
+app.controller('TypeCtrl', function ($scope, $stateParams, Documentation) {
+  $scope.typeId = $stateParams.type || $scope.controller.media_type;
   $scope.apiVersion = $stateParams.version;
   $scope.controllers = [];
   $scope.views = [];
-  Documentation.getType($stateParams.version, $scope.typeName).then(function(response) {
+  Documentation.getType($stateParams.version, $scope.typeId).then(function(response) {
     $scope.type = response.data;
     $scope.views = _(response.data.views)
       .map(function(view, name) { return _.extend(view, { name: name }); })
-      .select(function(view) { return view.name != 'master'; })
+      .select(function(view) { return view.name !== 'master'; })
       .value();
     _.forEach($scope.type.attributes, function(attribute, name) {
@@ -20,7 +20,7 @@
     });
     Documentation.getIndex().success(function(response) {
-      $scope.controllers = _.select(response[$scope.apiVersion], function(item) { return item.controller && item.media_type == $scope.typeName; });
+      $scope.controllers = _.select(response[$scope.apiVersion], function(item) { return item.controller && item.media_type == $scope.type.name; });
     });
   }, function() {
     $scope.error = true;

data/lib/api_browser/app/js/directives/attribute_description.js CHANGED Viewed

@@ -11,7 +11,7 @@
       _.forEach(scope.attribute.options, function(option, name) {
         var templatePath = 'views/directives/attribute_description/_default.html';
         var skip_keys = ['reference','dsl_compiler','dsl_compiler_options'];
         switch (name) {
           case 'example':
             // expects string
@@ -29,18 +29,18 @@
           $http.get(templatePath, { cache: $templateCache }).success(function(template) {
             var row = $(template);
             var rowScope = scope.$new(true);
             rowScope.row = {
               name: name,
               value: option
             };
             $compile(row)(rowScope);
             list.append(row);
           });
         }
-      })
+      });
     }
   };
 });

data/lib/api_browser/app/js/directives/attribute_table.js CHANGED Viewed

@@ -7,7 +7,7 @@
       attributes: '=',
       showGroups: '='
     },
-    link: function(scope, element) {
+    link: function(scope) {
       // create attribute groups
       scope.groups = [{attributes: []}];

data/lib/api_browser/app/js/directives/attribute_table_row.js CHANGED Viewed

@@ -5,7 +5,7 @@ app.directive('rsAttributeTableRow', function($compile, TypeTemplates) {
       name: '=',
       attribute: '='
     },
-    link: function(scope, element, attrs) {
+    link: function(scope, element) {
       // use the attribute type name to find the template
       var name = (scope.attribute.type ? scope.attribute.type.name : null) || 'default';
@@ -13,5 +13,5 @@ app.directive('rsAttributeTableRow', function($compile, TypeTemplates) {
         element.replaceWith($compile(template)(scope));
       });
     }
-  }
+  };
 });

data/lib/api_browser/app/js/directives/no_container.js CHANGED Viewed

@@ -1,7 +1,7 @@
 app.directive('noContainer', function() {
 	return {
 		restrict: 'A',
-		link: function(scope, element, attrs){
+		link: function(scope, element){
 			element.replaceWith(element.children());
 		}
 	};

data/lib/api_browser/app/js/directives/request_body.js CHANGED Viewed

@@ -4,7 +4,7 @@ app.directive('rsRequestBody', function($compile, PayloadTemplates) {
     scope: {
       payload: '='
     },
-    link: function(scope, element, attrs) {
+    link: function(scope, element) {
       // use the attribute type name to find the template
       var alt, name = (scope.payload.type ? scope.payload.type.name : null) || 'default';
@@ -13,13 +13,13 @@ app.directive('rsRequestBody', function($compile, PayloadTemplates) {
       }
       if(name === 'Struct') {
-        name = 'PraxisBody',
-        alt = 'Struct'
+        name = 'PraxisBody';
+        alt = 'Struct';
       }
       PayloadTemplates.resolve(name, alt).then(function(template) {
         element.replaceWith($compile(template)(scope));
       });
     }
-  }
-});
+  };
+});

data/lib/api_browser/app/js/directives/request_headers.js CHANGED Viewed

@@ -4,10 +4,7 @@ app.directive('rsRequestHeaders', function($compile, PayloadTemplates) {
     scope: {
       headers: '='
     },
-    link: function(scope, element, attrs) {
-      // use the attribute type name to find the template
-      var name = (scope.headers.type ? scope.headers.type.name : null) || 'default';
+    link: function(scope, element) {
       if(scope.headers.type) {
         scope.attributes = scope.headers.type.attributes;
       }
@@ -16,5 +13,5 @@ app.directive('rsRequestHeaders', function($compile, PayloadTemplates) {
         element.replaceWith($compile(template)(scope));
       });
     }
-  }
-});
+  };
+});

data/lib/api_browser/app/js/directives/request_parameters.js CHANGED Viewed

@@ -4,10 +4,7 @@ app.directive('rsRequestParameters', function($compile, PayloadTemplates) {
     scope: {
       parameters: '='
     },
-    link: function(scope, element, attrs) {
-      // use the attribute type name to find the template
-      var name = (scope.parameters.type ? scope.parameters.type.name : null) || 'default';
+    link: function(scope, element) {
       if(scope.parameters.type) {
         scope.attributes = scope.parameters.type.attributes;
       }
@@ -16,5 +13,5 @@ app.directive('rsRequestParameters', function($compile, PayloadTemplates) {
         element.replaceWith($compile(template)(scope));
       });
     }
-  }
-});
+  };
+});

data/lib/api_browser/app/js/directives/type_label.js CHANGED Viewed

@@ -1,4 +1,4 @@
-app.directive('rsTypeLabel', function($compile, $templateCache, $http) {
+app.directive('rsTypeLabel', function($compile) {
   var primitives = [
     'Boolean',
@@ -15,9 +15,9 @@
   var templates = {
     primitive: '<span>{{type.name}}</span>',
-    type: '<a ui-sref="root.type({version: apiVersion, type: type.name})">{{type.name | resourceName}}</a>',
+    type: '<a ui-sref="root.type({version: apiVersion, type: type.id})">{{type.name | resourceName}}</a>',
     primitiveCollection: '<span>Collection&nbsp;[&nbsp;{{type.member_attribute.type.name}}&nbsp;]</a>',
-    typeCollection: '<span>Collection&nbsp;[&nbsp;<a ui-sref="root.type({version: apiVersion, type: type.member_attribute.type.name})">{{type.member_attribute.type.name | resourceName}}</a>&nbsp;]</span>',
+    typeCollection: '<span>Collection&nbsp;[&nbsp;<a ui-sref="root.type({version: apiVersion, type: type.member_attribute.type.id})">{{type.member_attribute.type.name | resourceName}}</a>&nbsp;]</span>',
     link: '<span>Link&nbsp;[&nbsp;<a ui-sref="root.type({version: apiVersion, type: type.link_to})">{{type.link_to | resourceName}}</a>&nbsp;]</span>'
   };
@@ -27,12 +27,11 @@
       type: '='
     },
     link: function(scope, element) {
       var template = templates.type;
       if (_.contains(primitives, scope.type.name)) {
         template = templates.primitive;
       }
-      else if ( scope.type.member_attribute !== undefined ) {
+      else if ( scope.type.member_attribute !== undefined ) {
         if ( _.contains(primitives, scope.type.member_attribute.type.name)){
           template = templates.primitiveCollection;
         }else{

data/lib/api_browser/app/js/factories/Documentation.js CHANGED Viewed

@@ -1,16 +1,16 @@
 app.factory('Documentation', function($http) {
   return {
     getIndex: function() {
-      return $http.get('docs/index.json', { cache: true });
+      return $http.get('api/index.json', { cache: true });
     },
     getController: function(version, name) {
-      return $http.get('docs/' + version + '/resources/' + name + '.json', { cache: true });
+      return $http.get('api/' + version + '/resources/' + name + '.json', { cache: true });
     },
     getType: function(version, name) {
-      return $http.get('docs/' + version + '/types/' + name + '.json', { cache: true });
+      return $http.get('api/' + version + '/types/' + name + '.json', { cache: true });
     },
     getTemplates: function(version) {
-      return $http.get('docs/' + version + '/templates.json', { cache: true });
+      return $http.get('api/' + version + '/templates.json', { cache: true });
     }
   };
 });

data/lib/api_browser/app/js/factories/PayloadTemplates.js CHANGED Viewed

@@ -3,8 +3,8 @@ app.factory('PayloadTemplates', function($http, $templateCache, TemplateProvider
   var defaultTemplate = $http.get('views/directives/request_body/_default.html', { cache: $templateCache });
   var localTemplates = {
-    "Struct": $http.get('views/directives/request_body/_struct.html', { cache: $templateCache })
+    'Struct': $http.get('views/directives/request_body/_struct.html', { cache: $templateCache })
   };
-  return TemplateProvider(defaultTemplate, localTemplates, "standalone");
+  return TemplateProvider(defaultTemplate, localTemplates, 'standalone');
 });

data/lib/api_browser/app/js/factories/TypeTemplates.js CHANGED Viewed

@@ -3,9 +3,9 @@ app.factory('TypeTemplates', function($http, $templateCache, TemplateProvider) {
   var defaultTemplate = $http.get('views/directives/attribute_table_row/_default.html', { cache: $templateCache });
   var localTemplates = {
-    "Struct": $http.get('views/directives/attribute_table_row/_struct.html', { cache: $templateCache }),
-    "Links": $http.get('views/directives/attribute_table_row/_links.html', { cache: $templateCache })
+    'Struct': $http.get('views/directives/attribute_table_row/_struct.html', { cache: $templateCache }),
+    'Links': $http.get('views/directives/attribute_table_row/_links.html', { cache: $templateCache })
   };
-  return TemplateProvider(defaultTemplate, localTemplates, "embedded");
+  return TemplateProvider(defaultTemplate, localTemplates, 'embedded');
 });

data/lib/api_browser/app/js/filters/markdown.js ADDED Viewed

@@ -0,0 +1,6 @@
+app.filter('markdown', function() {
+  var converter = new Showdown.converter();
+  return _.memoize(function(input) {
+    return input ? converter.makeHtml(input) : '';
+  });
+});

data/lib/api_browser/app/js/filters/resource_name.js CHANGED Viewed

@@ -1,5 +1,5 @@
 app.filter('resourceName', function() {
   return function(input) {
-    return _.last(input.split("::"));
+    return _.last(input.split('::'));
   };
-});
+});

data/lib/api_browser/app/sass/modules/_header.scss CHANGED Viewed

@@ -4,12 +4,7 @@
 .header {
   .navbar-default {
-    background-image: -ms-linear-gradient(top, #fff 0%, $navbar-default-bg 100%);
-    background-image: -moz-linear-gradient(top, #fff 0%, $navbar-default-bg 100%);
-    background-image: -o-linear-gradient(top, #fff 0%, $navbar-default-bg 100%);
-    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FFFFFF), color-stop(1, $navbar-default-bg));
-    background-image: -webkit-linear-gradient(top, #fff 0%, $navbar-default-bg 100%);
-    background-image: linear-gradient(to bottom, #fff 0%, $navbar-default-bg 100%);
+    @include gradient-vertical($start-color: $navbar-default-gradient-start, $end-color: $navbar-default-gradient-end);
     box-shadow: 0 0 5px rgba(#000, 0.085);
   }
-}
+}

data/lib/api_browser/app/sass/{main.scss → praxis.scss} RENAMED Viewed

File without changes

data/lib/api_browser/app/sass/variables/_bootstrap-variables.scss CHANGED Viewed

@@ -3,760 +3,763 @@
 // Customize to fit your needs
 // ------------------------------
-$bootstrap-sass-asset-helper:                (twbs-font-path("") != unquote('twbs-font-path("")'));
+$bootstrap-sass-asset-helper:                (twbs-font-path("") != unquote('twbs-font-path("")')) !default;
 // Colors
 // gray colors
-$gray-darker:                                 lighten(#000, 13.5%); // #222
-$gray-dark:                                   lighten(#000, 20%);   // #333
-$gray:                                        lighten(#000, 33.5%); // #555
-$gray-light:                                  lighten(#000, 60%);   // #999
-$gray-lighter:                                lighten(#000, 93.5%); // #eee
+$gray-darker:                                 lighten(#000, 13.5%) !default; // #222
+$gray-dark:                                   lighten(#000, 20%) !default;   // #333
+$gray:                                        lighten(#000, 33.5%) !default; // #555
+$gray-light:                                  lighten(#000, 60%) !default;   // #999
+$gray-lighter:                                lighten(#000, 93.5%) !default; // #eee
 // brand colors
-$brand-primary:                               #0069CC;
-$brand-success:                               #5FB000;
-$brand-info:                                  #6E50A1;
-$brand-warning:                               #EB9722;
-$brand-danger:                                #D11313;
+$brand-primary:                               #0069CC !default;
+$brand-success:                               #5FB000 !default;
+$brand-info:                                  #6E50A1 !default;
+$brand-warning:                               #EB9722 !default;
+$brand-danger:                                #D11313 !default;
 // Scaffolding
 // background color
-$body-bg:                                     #fff;
+$body-bg:                                     #fff !default;
 // global text
-$text-color:                                  $gray-dark;
+$text-color:                                  $gray-dark !default;
 // link color.
-$link-color:                                  $brand-primary;
+$link-color:                                  $brand-primary !default;
 // link hover color
-$link-hover-color:                            darken($link-color, 15%);
+$link-hover-color:                            darken($link-color, 15%) !default;
 // Typography
-$font-family-sans-serif:                      Helvetica,arial,freesans,clean,sans-serif;
-$font-family-serif:                           Georgia, "Times New Roman", Times, serif;
-$font-family-monospace:                       Menlo, Monaco, Consolas, "Courier New", monospace;
-$font-family-base:                            $font-family-sans-serif;
+$font-family-sans-serif:                      Helvetica,arial,freesans,clean,sans-serif !default;
+$font-family-serif:                           Georgia, "Times New Roman", Times, serif !default;
+$font-family-monospace:                       Menlo, Monaco, Consolas, "Courier New", monospace !default;
+$font-family-base:                            $font-family-sans-serif !default;
-$font-size-base:                              13px;
-$font-size-large:                             ceil(($font-size-base * 1.25)); // ~18px
-$font-size-small:                             ceil(($font-size-base * 0.85)); // ~12px
+$font-size-base:                              13px !default;
+$font-size-large:                             ceil(($font-size-base * 1.25)) !default; // ~18px
+$font-size-small:                             ceil(($font-size-base * 0.85)) !default; // ~12px
-$font-size-h1:                                floor(($font-size-base * 2.6)); // ~36px
-$font-size-h2:                                floor(($font-size-base * 2.15)); // ~30px
-$font-size-h3:                                ceil(($font-size-base * 1.7)); // ~24px
-$font-size-h4:                                ceil(($font-size-base * 1.25)); // ~18px
-$font-size-h5:                                $font-size-base;
-$font-size-h6:                                ceil(($font-size-base * 0.85)); // ~12px
+$font-size-h1:                                floor(($font-size-base * 2.6)) !default; // ~36px
+$font-size-h2:                                floor(($font-size-base * 2.15)) !default; // ~30px
+$font-size-h3:                                ceil(($font-size-base * 1.7)) !default; // ~24px
+$font-size-h4:                                ceil(($font-size-base * 1.25)) !default; // ~18px
+$font-size-h5:                                $font-size-base !default;
+$font-size-h6:                                ceil(($font-size-base * 0.85)) !default; // ~12px
 // unit-less `line-height` for use in components like buttons
-$line-height-base:                            1.428571429; // 20/14
+$line-height-base:                            1.428571429 !default; // 20/14
 // computed "line-height" (`font-size` * `line-height`) for use with `margin`, `padding`, etc
-$line-height-computed:                        floor(($font-size-base * $line-height-base)); // ~20px
+$line-height-computed:                        floor(($font-size-base * $line-height-base)) !default; // ~20px
 // by default, this inherits from the `<body>`
-$headings-font-family:                        inherit;
-$headings-font-weight:                        500;
-$headings-line-height:                        1.1;
-$headings-color:                              inherit;
+$headings-font-family:                        inherit !default;
+$headings-font-weight:                        500 !default;
+$headings-line-height:                        1.1 !default;
+$headings-color:                              inherit !default;
 // Iconography
 // Location and filename
 // load fonts from this directory
-$icon-font-path:                              "bootstrap/";
+$icon-font-path:                              "bootstrap/" !default;
 // file name for all font files
-$icon-font-name:                              "glyphicons-halflings-regular";
+$icon-font-name:                              "glyphicons-halflings-regular" !default;
 // element ID within SVG icon file
-$icon-font-svg-id:                            "glyphicons_halflingsregular";
+$icon-font-svg-id:                            "glyphicons_halflingsregular" !default;
 // Components
 // define common padding and border radius sizes and more. Values based on 14px text and 1.428 line-height (~20px to start).
-$padding-base-vertical:                       6px;
-$padding-base-horizontal:                     12px;
+$padding-base-vertical:                       6px !default;
+$padding-base-horizontal:                     12px !default;
-$padding-large-vertical:                      10px;
-$padding-large-horizontal:                    16px;
+$padding-large-vertical:                      10px !default;
+$padding-large-horizontal:                    16px !default;
-$padding-small-vertical:                      5px;
-$padding-small-horizontal:                    10px;
+$padding-small-vertical:                      5px !default;
+$padding-small-horizontal:                    10px !default;
-$padding-xs-vertical:                         1px;
-$padding-xs-horizontal:                       5px;
+$padding-xs-vertical:                         1px !default;
+$padding-xs-horizontal:                       5px !default;
-$line-height-large:                           1.33;
-$line-height-small:                           1.5;
+$line-height-large:                           1.33 !default;
+$line-height-small:                           1.5 !default;
-$border-radius-base:                          4px;
-$border-radius-large:                         6px;
-$border-radius-small:                         3px;
+$border-radius-base:                          4px !default;
+$border-radius-large:                         6px !default;
+$border-radius-small:                         3px !default;
 // global color for active items (e.g., navs or dropdowns)
-$component-active-color:                      #fff;
+$component-active-color:                      #fff !default;
 // global background color for active items (e.g., navs or dropdowns)
-$component-active-bg:                         $brand-primary;
+$component-active-bg:                         $brand-primary !default;
 // width of the `border` for generating carets that indicator dropdowns
-$caret-width-base:                            4px;
+$caret-width-base:                            4px !default;
 // carets increase slightly in size for larger components
-$caret-width-large:                           5px;
+$caret-width-large:                           5px !default;
 // Tables
 // customizes the `.table` component with basic values, each used across all table variations
 // padding for `<th>`s and `<td>`s
-$table-cell-padding:                          8px;
+$table-cell-padding:                          8px !default;
 // padding for cells in `.table-condensed`
-$table-condensed-cell-padding:                5px;
+$table-condensed-cell-padding:                5px !default;
 // default background color used for all tables.
-$table-bg:                                    transparent;
+$table-bg:                                    transparent !default;
 // background color used for `.table-striped`
-$table-bg-accent:                             #f9f9f9;
+$table-bg-accent:                             #f9f9f9 !default;
 // background color used for `.table-hover`
-$table-bg-hover:                              #f5f5f5;
-$table-bg-active:                             $table-bg-hover;
+$table-bg-hover:                              #f5f5f5 !default;
+$table-bg-active:                             $table-bg-hover !default;
 // border color for table and cell borders
-$table-border-color:                          #ddd;
+$table-border-color:                          #ddd !default;
 // Buttons
 // for each of Bootstrap's buttons, define text, background and border color
-$btn-font-weight:                             normal;
+$btn-font-weight:                             normal !default;
-$btn-default-color:                           #333;
-$btn-default-bg:                              #fff;
-$btn-default-border:                          #ccc;
+$btn-default-color:                           #333 !default;
+$btn-default-bg:                              #fff !default;
+$btn-default-border:                          #ccc !default;
-$btn-primary-color:                           #fff;
-$btn-primary-bg:                              $brand-primary;
-$btn-primary-border:                          darken($btn-primary-bg, 5%);
+$btn-primary-color:                           #fff !default;
+$btn-primary-bg:                              $brand-primary !default;
+$btn-primary-border:                          darken($btn-primary-bg, 5%) !default;
-$btn-success-color:                           #fff;
-$btn-success-bg:                              $brand-success;
-$btn-success-border:                          darken($btn-success-bg, 5%);
+$btn-success-color:                           #fff !default;
+$btn-success-bg:                              $brand-success !default;
+$btn-success-border:                          darken($btn-success-bg, 5%) !default;
-$btn-info-color:                              #fff;
-$btn-info-bg:                                 $brand-info;
-$btn-info-border:                             darken($btn-info-bg, 5%);
+$btn-info-color:                              #fff !default;
+$btn-info-bg:                                 $brand-info !default;
+$btn-info-border:                             darken($btn-info-bg, 5%) !default;
-$btn-warning-color:                           #fff;
-$btn-warning-bg:                              $brand-warning;
-$btn-warning-border:                          darken($btn-warning-bg, 5%);
+$btn-warning-color:                           #fff !default;
+$btn-warning-bg:                              $brand-warning !default;
+$btn-warning-border:                          darken($btn-warning-bg, 5%) !default;
-$btn-danger-color:                            #fff;
-$btn-danger-bg:                               $brand-danger;
-$btn-danger-border:                           darken($btn-danger-bg, 5%);
+$btn-danger-color:                            #fff !default;
+$btn-danger-bg:                               $brand-danger !default;
+$btn-danger-border:                           darken($btn-danger-bg, 5%) !default;
-$btn-link-disabled-color:                     $gray-light;
+$btn-link-disabled-color:                     $gray-light !default;
 // Forms
 // input background color
-$input-bg:                                    #fff;
+$input-bg:                                    #fff !default;
 // input disabled background color
-$input-bg-disabled:                           $gray-lighter;
+$input-bg-disabled:                           $gray-lighter !default;
 // text color for input
-$input-color:                                 $gray;
+$input-color:                                 $gray !default;
 // input border color
-$input-border:                                #ccc;
+$input-border:                                #ccc !default;
 // input border radius
-$input-border-radius:                         $border-radius-base;
+$input-border-radius:                         $border-radius-base !default;
 // border color for inputs on focus
-$input-border-focus:                          #66afe9;
+$input-border-focus:                          #66afe9 !default;
 // placeholder text color
-$input-color-placeholder:                     $gray-light;
+$input-color-placeholder:                     $gray-light !default;
 // default `.form-control` height
-$input-height-base:                           ($line-height-computed + ($padding-base-vertical * 2) + 2);
+$input-height-base:                           ($line-height-computed + ($padding-base-vertical * 2) + 2) !default;
 // large `.form-control` height
-$input-height-large:                          (ceil($font-size-large * $line-height-large) + ($padding-large-vertical * 2) + 2);
+$input-height-large:                          (ceil($font-size-large * $line-height-large) + ($padding-large-vertical * 2) + 2) !default;
 //** Small `.form-control` height
-$input-height-small:                          (floor($font-size-small * $line-height-small) + ($padding-small-vertical * 2) + 2);
+$input-height-small:                          (floor($font-size-small * $line-height-small) + ($padding-small-vertical * 2) + 2) !default;
-$legend-color:                                $gray-dark;
-$legend-border-color:                         #e5e5e5;
+$legend-color:                                $gray-dark !default;
+$legend-border-color:                         #e5e5e5 !default;
 // background color for textual input addons
-$input-group-addon-bg:                        $gray-lighter;
+$input-group-addon-bg:                        $gray-lighter !default;
 // border color for textual input addons
-$input-group-addon-border-color:              $input-border;
+$input-group-addon-border-color:              $input-border !default;
 // Dropdowns
 // dropdown menu container and contents
 // background for the dropdown menu
-$dropdown-bg:                                 #fff;
+$dropdown-bg:                                 #fff !default;
 // dropdown menu `border-color`
-$dropdown-border:                             rgba(0,0,0,.15);
+$dropdown-border:                             rgba(0,0,0,.15) !default;
 // dropdown menu `border-color` **for IE8**
-$dropdown-fallback-border:                    #ccc;
+$dropdown-fallback-border:                    #ccc !default;
 // divider color for between dropdown items
-$dropdown-divider-bg:                         #e5e5e5;
+$dropdown-divider-bg:                         #e5e5e5 !default;
 // dropdown link text color
-$dropdown-link-color:                         $gray-dark;
+$dropdown-link-color:                         $gray-dark !default;
 // hover color for dropdown links
-$dropdown-link-hover-color:                   darken($gray-dark, 5%);
+$dropdown-link-hover-color:                   darken($gray-dark, 5%) !default;
 // hover background for dropdown links
-$dropdown-link-hover-bg:                      #f5f5f5;
+$dropdown-link-hover-bg:                      #f5f5f5 !default;
 // active dropdown menu item text color
-$dropdown-link-active-color:                  $component-active-color;
+$dropdown-link-active-color:                  $component-active-color !default;
 // active dropdown menu item background color.
-$dropdown-link-active-bg:                     $component-active-bg;
+$dropdown-link-active-bg:                     $component-active-bg !default;
 // disabled dropdown menu item background color
-$dropdown-link-disabled-color:                $gray-light;
+$dropdown-link-disabled-color:                $gray-light !default;
 // text color for headers within dropdown menus.
-$dropdown-header-color:                       $gray-light;
+$dropdown-header-color:                       $gray-light !default;
 // deprecated `$dropdown-caret-color` as of v3.1.0
-$dropdown-caret-color:                        #000;
+$dropdown-caret-color:                        #000 !default;
 // Z-index master list
 // Warning: Avoid customizing these values. They're used for a bird's eye view
 // of components dependent on the z-axis and are designed to all work together
-$zindex-navbar:                               1000;
-$zindex-dropdown:                             1000;
-$zindex-popover:                              1060;
-$zindex-tooltip:                              1070;
-$zindex-navbar-fixed:                         1030;
-$zindex-modal-background:                     1040;
-$zindex-modal:                                1050;
+$zindex-navbar:                               1000 !default;
+$zindex-dropdown:                             1000 !default;
+$zindex-popover:                              1060 !default;
+$zindex-tooltip:                              1070 !default;
+$zindex-navbar-fixed:                         1030 !default;
+$zindex-modal-background:                     1040 !default;
+$zindex-modal:                                1050 !default;
 // Media queries breakpoints
 // define the breakpoints at which your layout will change, adapting to different screen sizes
 // Small screen / tablet
-$screen-sm-min:                               768px;
+$screen-sm-min:                               768px !default;
 // Medium screen / desktop
-$screen-md-min:                               992px;
+$screen-md-min:                               992px !default;
 // Large screen / wide desktop
-$screen-lg-min:                               1200px;
+$screen-lg-min:                               1200px !default;
 // So media queries don't overlap when required, provide a maximum
-$screen-xs-max:                               ($screen-sm-min - 1);
-$screen-sm-max:                               ($screen-md-min - 1);
-$screen-md-max:                               ($screen-lg-min - 1);
+$screen-xs-max:                               ($screen-sm-min - 1) !default;
+$screen-sm-max:                               ($screen-md-min - 1) !default;
+$screen-md-max:                               ($screen-lg-min - 1) !default;
 // Grid system
 // define your custom responsive grid
 // number of columns in the grid
-$grid-columns:                                12;
+$grid-columns:                                12 !default;
 // padding between columns (gets divided in half for the left and right)
-$grid-gutter-width:                           30px;
+$grid-gutter-width:                           30px !default;
 // navbar collapse
-$grid-float-breakpoint:                       $screen-sm-min;
+$grid-float-breakpoint:                       $screen-sm-min !default;
 // point at which the navbar begins collapsing
-$grid-float-breakpoint-max:                   ($grid-float-breakpoint - 1);
+$grid-float-breakpoint-max:                   ($grid-float-breakpoint - 1) !default;
 // Container sizes
 // define the maximum width of `.container` for different screen sizes.
 // small screen / tablet
-$container-tablet:                            ((720px + $grid-gutter-width));
+$container-tablet:                            ((720px + $grid-gutter-width)) !default;
 // for `$screen-sm-min` and up
-$container-sm:                                $container-tablet;
+$container-sm:                                $container-tablet !default;
 // medium screen / desktop
-$container-desktop:                           ((940px + $grid-gutter-width));
+$container-desktop:                           ((940px + $grid-gutter-width)) !default;
 // for `$screen-md-min` and up.
-$container-md:                                $container-desktop;
+$container-md:                                $container-desktop !default;
 // large screen / wide desktop
-$container-large-desktop:                     ((1140px + $grid-gutter-width));
+$container-large-desktop:                     ((1140px + $grid-gutter-width)) !default;
 // for `$screen-lg-min` and up
-$container-lg:                                $container-large-desktop;
+$container-lg:                                $container-large-desktop !default;
 // Navbar
 // navbar basics
-$navbar-height:                               40px;
-$navbar-margin-bottom:                        $line-height-computed;
-$navbar-border-radius:                        $border-radius-base;
-$navbar-padding-horizontal:                   floor(($grid-gutter-width / 2));
-$navbar-padding-vertical:                     (($navbar-height - $line-height-computed) / 2);
-$navbar-collapse-max-height:                  340px;
+$navbar-height:                               40px !default;
+$navbar-margin-bottom:                        $line-height-computed !default;
+$navbar-border-radius:                        $border-radius-base !default;
+$navbar-padding-horizontal:                   floor(($grid-gutter-width / 2)) !default;
+$navbar-padding-vertical:                     (($navbar-height - $line-height-computed) / 2) !default;
+$navbar-collapse-max-height:                  340px !default;
-$navbar-default-color:                        #777;
-$navbar-default-bg:                           #f3f3f3;
-$navbar-default-border:                       darken($navbar-default-bg, 6.5%);
+$navbar-default-color:                        #777 !default;
+$navbar-default-bg:                           #f3f3f3 !default;
+$navbar-default-border:                       darken($navbar-default-bg, 6.5%) !default;
+$navbar-default-gradient-start:               #fff !default;
+$navbar-default-gradient-end:                 $navbar-default-bg !default;
 // navbar links
-$navbar-default-link-color:                   $text-color;
-$navbar-default-link-hover-color:             $brand-primary;
-$navbar-default-link-hover-bg:                transparent;
-$navbar-default-link-active-color:            #555;
-$navbar-default-link-active-bg:               darken($navbar-default-bg, 10);
-$navbar-default-link-disabled-color:          #ccc;
-$navbar-default-link-disabled-bg:             transparent;
+$navbar-default-link-color:                   $text-color !default;
+$navbar-default-link-hover-color:             $brand-primary !default;
+$navbar-default-link-hover-bg:                transparent !default;
+$navbar-default-link-active-color:            #555 !default;
+$navbar-default-link-active-bg:               darken($navbar-default-bg, 10) !default;
+$navbar-default-link-disabled-color:          #ccc !default;
+$navbar-default-link-disabled-bg:             transparent !default;
 // navbar brand
-$navbar-default-brand-color:                  $navbar-default-link-color;
-$navbar-default-brand-hover-color:            darken($navbar-default-brand-color, 10%);
-$navbar-default-brand-hover-bg:               transparent;
+$navbar-default-brand-color:                  $navbar-default-link-color !default;
+$navbar-default-brand-hover-color:            darken($navbar-default-brand-color, 10%) !default;
+$navbar-default-brand-hover-bg:               transparent !default;
 // navbar toggle
-$navbar-default-toggle-hover-bg:              #ddd;
-$navbar-default-toggle-icon-bar-bg:           #888;
-$navbar-default-toggle-border-color:          #ddd;
+$navbar-default-toggle-hover-bg:              #ddd !default;
+$navbar-default-toggle-icon-bar-bg:           #888 !default;
+$navbar-default-toggle-border-color:          #ddd !default;
 // inverted navbar
-$navbar-inverse-color:                        $gray-light;
-$navbar-inverse-bg:                           #222;
-$navbar-inverse-border:                       darken($navbar-inverse-bg, 10%);
+$navbar-inverse-color:                        $gray-light !default;
+$navbar-inverse-bg:                           #222 !default;
+$navbar-inverse-border:                       darken($navbar-inverse-bg, 10%) !default;
 // inverted navbar links
-$navbar-inverse-link-color:                   $gray-light;
-$navbar-inverse-link-hover-color:             #fff;
-$navbar-inverse-link-hover-bg:                transparent;
-$navbar-inverse-link-active-color:            $navbar-inverse-link-hover-color;
-$navbar-inverse-link-active-bg:               darken($navbar-inverse-bg, 10%);
-$navbar-inverse-link-disabled-color:          #444;
-$navbar-inverse-link-disabled-bg:             transparent;
+$navbar-inverse-link-color:                   $gray-light !default;
+$navbar-inverse-link-hover-color:             #fff !default;
+$navbar-inverse-link-hover-bg:                transparent !default;
+$navbar-inverse-link-active-color:            $navbar-inverse-link-hover-color !default;
+$navbar-inverse-link-active-bg:               darken($navbar-inverse-bg, 10%) !default;
+$navbar-inverse-link-disabled-color:          #444 !default;
+$navbar-inverse-link-disabled-bg:             transparent !default;
 // inverted navbar brand label
-$navbar-inverse-brand-color:                  $navbar-inverse-link-color;
-$navbar-inverse-brand-hover-color:            #fff;
-$navbar-inverse-brand-hover-bg:               transparent;
+$navbar-inverse-brand-color:                  $navbar-inverse-link-color !default;
+$navbar-inverse-brand-hover-color:            #fff !default;
+$navbar-inverse-brand-hover-bg:               transparent !default;
 // inverted navbar toggle
-$navbar-inverse-toggle-hover-bg:              #333;
-$navbar-inverse-toggle-icon-bar-bg:           #fff;
-$navbar-inverse-toggle-border-color:          #333;
+$navbar-inverse-toggle-hover-bg:              #333 !default;
+$navbar-inverse-toggle-icon-bar-bg:           #fff !default;
+$navbar-inverse-toggle-border-color:          #333 !default;
 // Navs
 // shared nav styles
-$nav-link-padding:                            10px 15px;
-$nav-link-hover-bg:                           $gray-lighter;
+$nav-link-padding:                            10px 15px !default;
+$nav-link-hover-bg:                           $gray-lighter !default;
-$nav-disabled-link-color:                     $gray-light;
-$nav-disabled-link-hover-color:               $gray-light;
+$nav-disabled-link-color:                     $gray-light !default;
+$nav-disabled-link-hover-color:               $gray-light !default;
-$nav-open-link-hover-color:                   #fff;
+$nav-open-link-hover-color:                   #fff !default;
 // tabs
-$nav-tabs-border-color:                       #ddd;
+$nav-tabs-border-color:                       #ddd !default;
-$nav-tabs-link-hover-border-color:            $gray-lighter;
+$nav-tabs-link-hover-border-color:            $gray-lighter !default;
-$nav-tabs-active-link-hover-bg:               $body-bg;
-$nav-tabs-active-link-hover-color:            $gray;
-$nav-tabs-active-link-hover-border-color:     #ddd;
+$nav-tabs-active-link-hover-bg:               $body-bg !default;
+$nav-tabs-active-link-hover-color:            $gray !default;
+$nav-tabs-active-link-hover-border-color:     #ddd !default;
-$nav-tabs-justified-link-border-color:        #ddd;
-$nav-tabs-justified-active-link-border-color: $body-bg;
+$nav-tabs-justified-link-border-color:        #ddd !default;
+$nav-tabs-justified-active-link-border-color: $body-bg !default;
 // pills
-$nav-pills-border-radius:                     $border-radius-base;
-$nav-pills-active-link-hover-bg:              $component-active-bg;
-$nav-pills-active-link-hover-color:           $component-active-color;
+$nav-pills-border-radius:                     $border-radius-base !default;
+$nav-pills-active-link-hover-bg:              $component-active-bg !default;
+$nav-pills-active-link-hover-color:           $component-active-color !default;
 // Pagination
-$pagination-color:                            $link-color;
-$pagination-bg:                               #fff;
-$pagination-border:                           #ddd;
+$pagination-color:                            $link-color !default;
+$pagination-bg:                               #fff !default;
+$pagination-border:                           #ddd !default;
-$pagination-hover-color:                      $link-hover-color;
-$pagination-hover-bg:                         $gray-lighter;
-$pagination-hover-border:                     #ddd;
+$pagination-hover-color:                      $link-hover-color !default;
+$pagination-hover-bg:                         $gray-lighter !default;
+$pagination-hover-border:                     #ddd !default;
-$pagination-active-color:                     #fff;
-$pagination-active-bg:                        $brand-primary;
-$pagination-active-border:                    $brand-primary;
+$pagination-active-color:                     #fff !default;
+$pagination-active-bg:                        $brand-primary !default;
+$pagination-active-border:                    $brand-primary !default;
-$pagination-disabled-color:                   $gray-light;
-$pagination-disabled-bg:                      #fff;
-$pagination-disabled-border:                  #ddd;
+$pagination-disabled-color:                   $gray-light !default;
+$pagination-disabled-bg:                      #fff !default;
+$pagination-disabled-border:                  #ddd !default;
 // Pager
-$pager-bg:                                    $pagination-bg;
-$pager-border:                                $pagination-border;
-$pager-border-radius:                         15px;
+$pager-bg:                                    $pagination-bg !default;
+$pager-border:                                $pagination-border !default;
+$pager-border-radius:                         15px !default;
-$pager-hover-bg:                              $pagination-hover-bg;
+$pager-hover-bg:                              $pagination-hover-bg !default;
-$pager-active-bg:                             $pagination-active-bg;
-$pager-active-color:                          $pagination-active-color;
+$pager-active-bg:                             $pagination-active-bg !default;
+$pager-active-color:                          $pagination-active-color !default;
-$pager-disabled-color:                        $pagination-disabled-color;
+$pager-disabled-color:                        $pagination-disabled-color !default;
 // Jumbotron
-$jumbotron-padding:                           30px;
-$jumbotron-color:                             inherit;
-$jumbotron-bg:                                $gray-lighter;
-$jumbotron-heading-color:                     inherit;
-$jumbotron-font-size:                         ceil(($font-size-base * 1.5));
+$jumbotron-padding:                           30px !default;
+$jumbotron-color:                             inherit !default;
+$jumbotron-bg:                                $gray-lighter !default;
+$jumbotron-heading-color:                     inherit !default;
+$jumbotron-font-size:                         ceil(($font-size-base * 1.5)) !default;
 // Form states and alerts
-$state-success-text:                          #3c763d;
-$state-success-bg:                            #dff0d8;
-$state-success-border:                        darken(adjust-hue($state-success-bg, -10), 5%);
+$state-success-text:                          #3c763d !default;
+$state-success-bg:                            #dff0d8 !default;
+$state-success-border:                        darken(adjust-hue($state-success-bg, -10), 5%) !default;
-$state-info-text:                             #31708f;
-$state-info-bg:                               #d9edf7;
-$state-info-border:                           darken(adjust-hue($state-info-bg, -10), 7%);
+$state-info-text:                             #31708f !default;
+$state-info-bg:                               #d9edf7 !default;
+$state-info-border:                           darken(adjust-hue($state-info-bg, -10), 7%) !default;
-$state-warning-text:                          #8a6d3b;
-$state-warning-bg:                            #fcf8e3;
-$state-warning-border:                        darken(adjust-hue($state-warning-bg, -10), 5%);
+$state-warning-text:                          #8a6d3b !default;
+$state-warning-bg:                            #fcf8e3 !default;
+$state-warning-border:                        darken(adjust-hue($state-warning-bg, -10), 5%) !default;
-$state-danger-text:                           #a94442;
-$state-danger-bg:                             #f2dede;
-$state-danger-border:                         darken(adjust-hue($state-danger-bg, -10), 5%);
+$state-danger-text:                           #a94442 !default;
+$state-danger-bg:                             #f2dede !default;
+$state-danger-border:                         darken(adjust-hue($state-danger-bg, -10), 5%) !default;
 // Tooltips
 // tooltip max width
-$tooltip-max-width:                           200px;
+$tooltip-max-width:                           200px !default;
 // tooltip text color
-$tooltip-color:                               #fff;
+$tooltip-color:                               #fff !default;
 // tooltip background color
-$tooltip-bg:                                  #000;
-$tooltip-opacity:                             0.9;
+$tooltip-bg:                                  #000 !default;
+$tooltip-opacity:                             0.9 !default;
 // tooltip arrow width
-$tooltip-arrow-width:                         5px;
+$tooltip-arrow-width:                         5px !default;
 // tooltip arrow color
-$tooltip-arrow-color:                         $tooltip-bg;
+$tooltip-arrow-color:                         $tooltip-bg !default;
 // Popovers
 // popover body background color
-$popover-bg:                                  #fff;
+$popover-bg:                                  #fff !default;
 // popover maximum width
-$popover-max-width:                           276px;
+$popover-max-width:                           276px !default;
 // popover border color
-$popover-border-color:                        rgba(0,0,0,.2);
+$popover-border-color:                        rgba(0,0,0,.2) !default;
 // popover fallback border color
-$popover-fallback-border-color:               #ccc;
+$popover-fallback-border-color:               #ccc !default;
 // popover title background color
-$popover-title-bg:                            darken($popover-bg, 3%);
+$popover-title-bg:                            darken($popover-bg, 3%) !default;
 // popover arrow width
-$popover-arrow-width:                         10px;
+$popover-arrow-width:                         10px !default;
 // popover arrow color
-$popover-arrow-color:                         #fff;
+$popover-arrow-color:                         #fff !default;
 // popover outer arrow width
-$popover-arrow-outer-width:                   ($popover-arrow-width + 1);
+$popover-arrow-outer-width:                   ($popover-arrow-width + 1) !default;
 // popover outer arrow color
-$popover-arrow-outer-color:                   fade_in($popover-border-color, 0.05);
+$popover-arrow-outer-color:                   fade_in($popover-border-color, 0.05) !default;
 // popover outer arrow fallback color
-$popover-arrow-outer-fallback-color:          darken($popover-fallback-border-color, 20%);
+$popover-arrow-outer-fallback-color:          darken($popover-fallback-border-color, 20%) !default;
 // Labels
 // default label background color
-$label-default-bg:                            $gray-light;
+$label-default-bg:                            $gray-light !default;
 // primary label background color
-$label-primary-bg:                            $brand-primary;
+$label-primary-bg:                            $brand-primary !default;
 // success label background color
-$label-success-bg:                            $brand-success;
+$label-success-bg:                            $brand-success !default;
 // info label background color
-$label-info-bg:                               $brand-info;
+$label-info-bg:                               $brand-info !default;
 // warning label background color
-$label-warning-bg:                            $brand-warning;
+$label-warning-bg:                            $brand-warning !default;
 // danger label background color
-$label-danger-bg:                             $brand-danger;
+$label-danger-bg:                             $brand-danger !default;
 // default label text color
-$label-color:                                 #fff;
+$label-color:                                 #fff !default;
 // default text color of a linked label
-$label-link-hover-color:                      #fff;
+$label-link-hover-color:                      #fff !default;
 // Modals
 // padding applied to the modal body
-$modal-inner-padding:                         15px;
+$modal-inner-padding:                         15px !default;
 // padding applied to the modal title
-$modal-title-padding:                         15px;
+$modal-title-padding:                         15px !default;
 // modal title line-height
-$modal-title-line-height:                     $line-height-base;
+$modal-title-line-height:                     $line-height-base !default;
 // background color of modal content area
-$modal-content-bg:                            #fff;
+$modal-content-bg:                            #fff !default;
 // modal content border color
-$modal-content-border-color:                  rgba(0,0,0,.2);
+$modal-content-border-color:                  rgba(0,0,0,.2) !default;
 // modal content border color **for IE8**
-$modal-content-fallback-border-color:         #999;
+$modal-content-fallback-border-color:         #999 !default;
 // modal backdrop background color
-$modal-backdrop-bg:                           #000;
+$modal-backdrop-bg:                           #000 !default;
 // modal backdrop opacity
-$modal-backdrop-opacity:                      0.5;
+$modal-backdrop-opacity:                      0.5 !default;
 // modal header border color
-$modal-header-border-color:                   #e5e5e5;
+$modal-header-border-color:                   #e5e5e5 !default;
 // modal footer border color
-$modal-footer-border-color:                   $modal-header-border-color;
+$modal-footer-border-color:                   $modal-header-border-color !default;
-$modal-lg:                                    900px;
-$modal-md:                                    600px;
-$modal-sm:                                    300px;
+$modal-lg:                                    900px !default;
+$modal-md:                                    600px !default;
+$modal-sm:                                    300px !default;
 // Alerts
-$alert-padding:                               15px;
-$alert-border-radius:                         $border-radius-base;
-$alert-link-font-weight:                      bold;
+$alert-padding:                               15px !default;
+$alert-border-radius:                         $border-radius-base !default;
+$alert-link-font-weight:                      bold !default;
-$alert-success-bg:                            $state-success-bg;
-$alert-success-text:                          $state-success-text;
-$alert-success-border:                        $state-success-border;
+$alert-success-bg:                            $state-success-bg !default;
+$alert-success-text:                          $state-success-text !default;
+$alert-success-border:                        $state-success-border !default;
-$alert-info-bg:                               $state-info-bg;
-$alert-info-text:                             $state-info-text;
-$alert-info-border:                           $state-info-border;
+$alert-info-bg:                               $state-info-bg !default;
+$alert-info-text:                             $state-info-text !default;
+$alert-info-border:                           $state-info-border !default;
-$alert-warning-bg:                            $state-warning-bg;
-$alert-warning-text:                          $state-warning-text;
-$alert-warning-border:                        $state-warning-border;
+$alert-warning-bg:                            $state-warning-bg !default;
+$alert-warning-text:                          $state-warning-text !default;
+$alert-warning-border:                        $state-warning-border !default;
-$alert-danger-bg:                             $state-danger-bg;
-$alert-danger-text:                           $state-danger-text;
-$alert-danger-border:                         $state-danger-border;
+$alert-danger-bg:                             $state-danger-bg !default;
+$alert-danger-text:                           $state-danger-text !default;
+$alert-danger-border:                         $state-danger-border !default;
 // Progress bars
 // background color of the whole progress component
-$progress-bg:                                 #f5f5f5;
+$progress-bg:                                 #f5f5f5 !default;
 // progress bar text color
-$progress-bar-color:                          #fff;
+$progress-bar-color:                          #fff !default;
 // default progress bar color
-$progress-bar-bg:                             $brand-primary;
+$progress-bar-bg:                             $brand-primary !default;
 // success progress bar color
-$progress-bar-success-bg:                     $brand-success;
+$progress-bar-success-bg:                     $brand-success !default;
 // warning progress bar color
-$progress-bar-warning-bg:                     $brand-warning;
+$progress-bar-warning-bg:                     $brand-warning !default;
 // danger progress bar color
-$progress-bar-danger-bg:                      $brand-danger;
+$progress-bar-danger-bg:                      $brand-danger !default;
 // info progress bar color
-$progress-bar-info-bg:                        $brand-info;
+$progress-bar-info-bg:                        $brand-info !default;
 // List group
 // background color on `.list-group-item`
-$list-group-bg:                                #fff;
+$list-group-bg:                                #fff !default;
 // `.list-group-item` border color
-$list-group-border:                            #ddd;
+$list-group-border:                            #ddd !default;
 // list group border radius
-$list-group-border-radius:                     $border-radius-base;
+$list-group-border-radius:                     $border-radius-base !default;
 // background color of single list items on hover
-$list-group-hover-bg:                          #f5f5f5;
+$list-group-hover-bg:                          #f5f5f5 !default;
 // text color of active list items
-$list-group-active-color:                      $component-active-color;
+$list-group-active-color:                      $component-active-color !default;
 // background color of active list items
-$list-group-active-bg:                         $component-active-bg;
+$list-group-active-bg:                         $component-active-bg !default;
 // border color of active list elements
-$list-group-active-border:                     $list-group-active-bg;
+$list-group-active-border:                     $list-group-active-bg !default;
 // text color for content within active list items
-$list-group-active-text-color:                 lighten($list-group-active-bg, 40%);
+$list-group-active-text-color:                 lighten($list-group-active-bg, 40%) !default;
 // text color of disabled list items
-$list-group-disabled-color:                    $gray-light;
+$list-group-disabled-color:                    $gray-light !default;
 // background color of disabled list items
-$list-group-disabled-bg:                       $gray-lighter;
+$list-group-disabled-bg:                       $gray-lighter !default;
 // text color for content within disabled list items
-$list-group-disabled-text-color:               $list-group-disabled-color;
+$list-group-disabled-text-color:               $list-group-disabled-color !default;
-$list-group-link-color:                        #555;
-$list-group-link-hover-color:                  $list-group-link-color;
-$list-group-link-heading-color:                #333;
+$list-group-link-color:                        #555 !default;
+$list-group-link-hover-color:                  $list-group-link-color !default;
+$list-group-link-heading-color:                #333 !default;
 // Panels
-$panel-bg:                                     #fff;
-$panel-body-padding:                           15px;
-$panel-heading-padding:                        10px 15px;
-$panel-footer-padding:                         $panel-heading-padding;
-$panel-border-radius:                          $border-radius-base;
+$panel-bg:                                     #fff !default;
+$panel-body-padding:                           15px !default;
+$panel-heading-padding:                        10px 15px !default;
+$panel-footer-padding:                         $panel-heading-padding !default;
+$panel-border-radius:                          $border-radius-base !default;
 // border color for elements within panels
-$panel-inner-border:                           #ddd;
-$panel-footer-bg:                              #f5f5f5;
+$panel-inner-border:                           #ddd !default;
+$panel-footer-bg:                              #f5f5f5 !default;
-$panel-default-text:                           $gray-dark;
-$panel-default-border:                         #ddd;
-$panel-default-heading-bg:                     #f5f5f5;
+$panel-default-text:                           $gray-dark !default;
+$panel-default-border:                         #ddd !default;
+$panel-default-heading-bg:                     #f5f5f5 !default;
-$panel-primary-text:                           #fff;
-$panel-primary-border:                         $brand-primary;
-$panel-primary-heading-bg:                     $brand-primary;
+$panel-primary-text:                           #fff !default;
+$panel-primary-border:                         $brand-primary !default;
+$panel-primary-heading-bg:                     $brand-primary !default;
-$panel-success-text:                           $state-success-text;
-$panel-success-border:                         $state-success-border;
-$panel-success-heading-bg:                     $state-success-bg;
+$panel-success-text:                           $state-success-text !default;
+$panel-success-border:                         $state-success-border !default;
+$panel-success-heading-bg:                     $state-success-bg !default;
-$panel-info-text:                              $state-info-text;
-$panel-info-border:                            $state-info-border;
-$panel-info-heading-bg:                        $state-info-bg;
+$panel-info-text:                              $state-info-text !default;
+$panel-info-border:                            $state-info-border !default;
+$panel-info-heading-bg:                        $state-info-bg !default;
-$panel-warning-text:                           $state-warning-text;
-$panel-warning-border:                         $state-warning-border;
-$panel-warning-heading-bg:                     $state-warning-bg;
+$panel-warning-text:                           $state-warning-text !default;
+$panel-warning-border:                         $state-warning-border !default;
+$panel-warning-heading-bg:                     $state-warning-bg !default;
-$panel-danger-text:                            $state-danger-text;
-$panel-danger-border:                          $state-danger-border;
-$panel-danger-heading-bg:                      $state-danger-bg;
+$panel-danger-text:                            $state-danger-text !default;
+$panel-danger-border:                          $state-danger-border !default;
+$panel-danger-heading-bg:                      $state-danger-bg !default;
 //== Thumbnails
 // padding around the thumbnail image
-$thumbnail-padding:                            4px;
+$thumbnail-padding:                            4px !default;
 // thumbnail background color
-$thumbnail-bg:                                 $body-bg;
+$thumbnail-bg:                                 $body-bg !default;
 // thumbnail border color
-$thumbnail-border:                             #ddd;
+$thumbnail-border:                             #ddd !default;
 // thumbnail border radius
-$thumbnail-border-radius:                      $border-radius-base;
+$thumbnail-border-radius:                      $border-radius-base !default;
 // custom text color for thumbnail captions
-$thumbnail-caption-color:                      $text-color;
+$thumbnail-caption-color:                      $text-color !default;
 // padding around the thumbnail caption
-$thumbnail-caption-padding:                    9px;
+$thumbnail-caption-padding:                    9px !default;
 // Wells
-$well-bg:                                      #f5f5f5;
-$well-border:                                  darken($well-bg, 7%);
+$well-bg:                                      #f5f5f5 !default;
+$well-border:                                  darken($well-bg, 7%) !default;
 // Badges
-$badge-color:                                  #fff;
+$badge-color:                                  #fff !default;
 // linked badge text color on hover
-$badge-link-hover-color:                       #fff;
-$badge-bg:                                     $gray-light;
+$badge-link-hover-color:                       #fff !default;
+$badge-bg:                                     $gray-light !default;
 // badge text color in active nav link
-$badge-active-color:                           $link-color;
+$badge-active-color:                           $link-color !default;
 // badge background color in active nav link
-$badge-active-bg:                              #fff;
+$badge-active-bg:                              #fff !default;
-$badge-font-weight:                            bold;
-$badge-line-height:                            1;
-$badge-border-radius:                          10px;
+$badge-font-weight:                            bold !default;
+$badge-line-height:                            1 !default;
+$badge-border-radius:                          10px !default;
 // Breadcrumbs
-$breadcrumb-padding-vertical:                  8px;
-$breadcrumb-padding-horizontal:                15px;
+$breadcrumb-padding-vertical:                  8px !default;
+$breadcrumb-padding-horizontal:                15px !default;
 // breadcrumb background color
-$breadcrumb-bg:                                #f5f5f5;
+$breadcrumb-bg:                                #f5f5f5 !default;
 // breadcrumb text color
-$breadcrumb-color:                             #ccc;
+$breadcrumb-color:                             #ccc !default;
 // current page
-$breadcrumb-active-color:                     $gray-light;
+$breadcrumb-active-color:                     $gray-light !default;
 // textual separator for between breadcrumb elements
-$breadcrumb-separator:                        "/";
+$breadcrumb-separator:                        "/" !default;
 // Carousel
-$carousel-text-shadow:                        0 1px 2px rgba(0,0,0,.6);
+$carousel-text-shadow:                        0 1px 2px rgba(0,0,0,.6) !default;
-$carousel-control-color:                      #fff;
-$carousel-control-width:                      15%;
-$carousel-control-opacity:                    .5;
-$carousel-control-font-size:                  20px;
+$carousel-control-color:                      #fff !default;
+$carousel-control-width:                      15% !default;
+$carousel-control-opacity:                    .5 !default;
+$carousel-control-font-size:                  20px !default;
-$carousel-indicator-active-bg:                #fff;
-$carousel-indicator-border-color:             #fff;
+$carousel-indicator-active-bg:                #fff !default;
+$carousel-indicator-border-color:             #fff !default;
-$carousel-caption-color:                      #fff;
+$carousel-caption-color:                      #fff !default;
 // Close
-$close-font-weight:                           bold;
-$close-color:                                 #000;
-$close-text-shadow:                           0 1px 0 #fff;
+$close-font-weight:                           bold !default;
+$close-color:                                 #000 !default;
+$close-text-shadow:                           0 1px 0 #fff !default;
 // Code
-$code-color:                                  #c7254e;
-$code-bg:                                     #f9f2f4;
+$code-color:                                  #c7254e !default;
+$code-bg:                                     #f9f2f4 !default;
-$kbd-color:                                   #fff;
-$kbd-bg:                                      #333;
+$kbd-color:                                   #fff !default;
+$kbd-bg:                                      #333 !default;
-$pre-bg:                                      #f5f5f5;
-$pre-color:                                   $gray-dark;
-$pre-border-color:                            #ccc;
-$pre-scrollable-max-height:                   340px;
+$pre-bg:                                      #f5f5f5 !default;
+$pre-color:                                   $gray-dark !default;
+$pre-border-color:                            #ccc !default;
+$pre-scrollable-max-height:                   340px !default;
 // Type
 // text muted color
-$text-muted:                                  $gray-light;
+$text-muted:                                  $gray-light !default;
 // abbreviations and acronyms border color
-$abbr-border-color:                           $gray-light;
+$abbr-border-color:                           $gray-light !default;
 // headings small color
-$headings-small-color:                        $gray-light;
+$headings-small-color:                        $gray-light !default;
 // blockquote small color
-$blockquote-small-color:                      $gray-light;
+$blockquote-small-color:                      $gray-light !default;
 // blockquote font size
-$blockquote-font-size:                        ($font-size-base * 1.25);
+$blockquote-font-size:                        ($font-size-base * 1.25) !default;
 // blockquote border color
-$blockquote-border-color:                     $gray-lighter;
+$blockquote-border-color:                     $gray-lighter !default;
 // page header border color
-$page-header-border-color:                    $gray-lighter;
+$page-header-border-color:                    $gray-lighter !default;
 // Miscellaneous
 // horizontal line color.
-$hr-border:                                   $gray-lighter;
+$hr-border:                                   $gray-lighter !default;
 // horizontal offset for forms and lists.
-$component-offset-horizontal:                 180px;
+$component-offset-horizontal:                 180px !default;