Add support for SASS/SCSS

Refactored less files to be more scss friendly
 * Ensured no variables are used before assignment
 * Removed interpolated variable usage with similar substitute

Added SCSS Grunt tasks
 * convert_less - Converts theme less files to scss
 * swatch_scss - Same as original swatch task, but using sass
 * compress_scss - Same as original compress task, but using sass

Added dependencies for SCSS

Updated _config.yml so jekyll includes theme _bootswatch.scss and _variables.scss files

Added .sass-cache dir to .gitignore

1 files changed, 10 insertions, 10 deletions

diff --git a/yeti/variables.less b/yeti/variables.less
index 61e43526..75b3cb19 100644
--- a/yeti/variables.less
+++ b/yeti/variables.less
@@ -416,15 +416,15 @@
 @nav-disabled-link-hover-color:             @gray-light;
 
 //== Tabs
-@nav-tabs-border-color:                     #ddd;
+@nav-tabs-border-color:                     @table-border-color;
 
 @nav-tabs-link-hover-border-color:          @gray-lighter;
 
 @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-border-color:   @table-border-color;
 
-@nav-tabs-justified-link-border-color:            #ddd;
+@nav-tabs-justified-link-border-color:            @table-border-color;
 @nav-tabs-justified-active-link-border-color:     @body-bg;
 
 //== Pills
@@ -660,7 +660,7 @@
 //** Background color on `.list-group-item`
 @list-group-bg:                 #fff;
 //** `.list-group-item` border color
-@list-group-border:             #ddd;
+@list-group-border:             @table-border-color;
 //** List group border radius
 @list-group-border-radius:      @border-radius-base;
 
@@ -698,11 +698,11 @@
 @panel-border-radius:         @border-radius-base;
 
 //** Border color for elements within panels
-@panel-inner-border:          #ddd;
+@panel-inner-border:          @table-border-color;
 @panel-footer-bg:             #f5f5f5;
 
 @panel-default-text:          @gray-dark;
-@panel-default-border:        #ddd;
+@panel-default-border:        @table-border-color;
 @panel-default-heading-bg:    #f5f5f5;
 
 @panel-primary-text:          #fff;
@@ -735,7 +735,7 @@
 //** Thumbnail background color
 @thumbnail-bg:                @body-bg;
 //** Thumbnail border color
-@thumbnail-border:            #ddd;
+@thumbnail-border:            @table-border-color;
 //** Thumbnail border radius
 @thumbnail-border-radius:     @border-radius-base;
 
@@ -847,10 +847,10 @@
 //** Blockquote font size
 @blockquote-font-size:        (@font-size-base * 1.25);
 //** Blockquote border color
-@blockquote-border-color:     @hr-border;
+@blockquote-border-color:     @table-border-color;
 //** Page header border color
-@page-header-border-color:    @hr-border;
+@page-header-border-color:    @table-border-color;
 //** Width of horizontal description list titles
 @dl-horizontal-offset:        @component-offset-horizontal;
 //** Horizontal line color.
-@hr-border:                   #ddd;
+@hr-border:                   @table-border-color;