compass-aurora 3.0.0.alpha.3 → 3.0.0.alpha.4

data/lib/aurora.rb

@@ -7,6 +7,6 @@ extension_path = File.expand_path(File.join(File.dirname(__FILE__), ".."))
 Compass::Frameworks.register('aurora', :path => extension_path)
 
 module Aurora
-  VERSION = "3.0.0.alpha.3"
-  DATE = "2013-04-30"
+  VERSION = "3.0.0.alpha.4"
+  DATE = "2013-05-03"
 end

data/templates/corona/manifest.rb

@@ -1,47 +1,35 @@
 description "Aurora Base Theme"
 no_configuration_file!
 
+# Add in custom config file.
+file '../shared/config.rb.erb', :to => "config.rb", :erb => true
+
+# Add in README
+file '../shared/README-Sass.md',  :like => :stylesheet, :to => 'README.md'
+file '../shared/README-Partials.md',  :like => :stylesheet, :to => 'partials/README.md'
+file '../shared/README-templates.md', :to => "templates/README.md"
+
 # ERB ALL the Drupal files!
 file '../shared/aurora.info.erb', :to => "#{options[:project_name] || File.basename(Compass.configuration.project_path)}.info", :erb => true
 
 file '../shared/template.php.erb', :to => "template.php", :erb => true
 
-# Add in custom config file.
-file '../shared/config.rb.erb', :to => "config.rb", :erb => true
-
 # Stylesheets
-file 'style.scss',  :like => :stylesheet, :media => 'screen, projection', :to => 'style.scss'
-file 'maintenance.scss',  :like => :stylesheet, :media => 'screen, projection', :to => 'maintenance.scss'
-file 'print.scss',  :like => :stylesheet, :media => 'print', :to => 'print.scss'
+discover :stylesheets
 
-# Base partials: Settings and the like.
-file '_base.scss',  :like => :stylesheet, :to => 'partials/base/_base.scss'
-file '_variables.scss', :like => :stylesheet, :to => 'partials/base/_variables.scss'
 file '../shared/_functions.scss', :like => :stylesheet, :to => 'partials/base/_functions.scss'
 file '../shared/_mixins.scss', :like => :stylesheet, :to => 'partials/base/_mixins.scss'
 
-# Global partials: Form elements, typeface, etc.
-file '_global.scss',  :like => :stylesheet, :to => 'partials/global/_global.scss'
-file '_defaults.scss',  :like => :stylesheet, :to => 'partials/global/_defaults.scss'
-file '_forms.scss',  :like => :stylesheet, :to => 'partials/global/_forms.scss'
-file '_type.scss',  :like => :stylesheet, :to => 'partials/global/_type.scss'
 file '../shared/_extendables.scss', :like => :stylesheet, :to => 'partials/global/_extendables.scss'
 
-# Design partial: Just a place for design elements to be put in.
-file '_design.scss', :like => :stylesheet, :to => 'partials/design/_design.scss'
-
-# Add in READMEs for n00bs.
-file '../shared/README-Sass.md',  :like => :stylesheet, :to => 'README.md'
-file '../shared/README-Partials.md',  :like => :stylesheet, :to => 'partials/README.md'
-file '../shared/README-templates.md', :to => "tpl/README.md", :erb => true
-
-# Template file folder
-file '../shared/README-templates.md', :to => "tpl/README.md", :erb => true
-
-# Bower Awesomesauce
+# Bower's for the Birds
 file '../shared/bowerrc.txt', :to => '.bowerrc'
 file '../shared/component.json.erb', :to => 'component.json', :erb => true
 
+# Grunt's for the Boars
+file '../shared/Gruntfile.js', :to => 'Gruntfile.js'
+file '../shared/package.json.erb', :to => 'package.json', :erb => true
+
 # Developer Consistency
 file '../shared/Gemfile.txt', :to => 'Gemfile'
 file '../shared/editorconfig.txt', :to => '.editorconfig'
@@ -56,8 +44,12 @@ help %Q{
 welcome_message %Q{
   Corona based Aurora Subtheme.
 
-  Please run `bundle install` from inside your new subtheme to isntall the required dependenecies. This will create a Gemfile.lock file, add this to your version control.
+  See http://snugug.github.io/Aurora/ for full documentation.
+
+  Please run `bundle install` from inside your new subtheme to install the required dependencies. This will create a Gemfile.lock file, add this to your version control.
 
   When you are ready start compiling, run `bundle exec compass watch` instead of simply `compass watch` to ensure you are compiling using your dependent Compass extensions.
+
+  Alternatively, if you are using Grunt, simply run `grunt watch` to compile and start LiveReload.
 }
 

data/templates/corona/{_design.scss → partials/design/_design.scss}

@@ -3,4 +3,3 @@
  */
 
 // @import 'defaults';
-

data/templates/corona/{_defaults.scss → partials/global/_defaults.scss}

@@ -1,5 +1,3 @@
 /**
  * Defaults: For any general elements to apply to the whole page.
  */
-
-

data/templates/corona/{_forms.scss → partials/global/_forms.scss}

@@ -38,11 +38,11 @@ input[type="button"] {
 
 
   &:hover {
-    
+
   }
 
   &:active {
-    
+
   }
 }
 
@@ -53,10 +53,10 @@ textarea,
 select {
 
   &:focus {
-    
+
   }
 }
 
 input[type="checkbox"] {
-  
+
 }

data/templates/corona/style.scss

@@ -1,9 +1,7 @@
 ////////////////////////
 // Style File
 //
-// This file gets turned into style.css. This file should really
-//  hold nothing except for imports of your base, layout, and design
-//  partials, plus the mixins required to kickstart Aura and Style Guide.
+// This file gets turned into style.css. This file should really hold nothing except for imports of your base, global, and design partials.
 ////////////////////////
 
 ////////////////////////

data/templates/{singularity → polaris}/manifest.rb

@@ -15,26 +15,21 @@ file '../shared/aurora.info.erb', :to => "#{options[:project_name] || File.basen
 file '../shared/template.php.erb', :to => "template.php", :erb => true
 
 # Stylesheets
-file '../shared/style.scss',  :like => :stylesheet, :media => 'all', :to => 'style.scss'
+discover :stylesheets
 
-file '_base.scss',  :like => :stylesheet, :to => 'partials/global/_base.scss'
 file '../shared/_variables.scss', :like => :stylesheet, :to => 'partials/global/_variables.scss'
 file '../shared/_functions.scss', :like => :stylesheet, :to => 'partials/global/_functions.scss'
 file '../shared/_mixins.scss', :like => :stylesheet, :to => 'partials/global/_mixins.scss'
 file '../shared/_extendables.scss', :like => :stylesheet, :to => 'partials/global/_extendables.scss'
 
-file '../shared/_style-guide.scss', :like => :stylesheet, :to => 'partials/styleguide/_style-guide.scss'
-
-file '../shared/_layout.scss', :like => :stylesheet, :to => 'partials/layout/_layout.scss'
-
-file '../shared/_design.scss', :like => :stylesheet, :to => 'partials/design/_design.scss'
-
-file '../shared/print.scss',  :like => :stylesheet, :to => 'print.scss'
-
-# Bower Awesomesauce
+# Bower's for the Birds
 file '../shared/bowerrc.txt', :to => '.bowerrc'
 file '../shared/component.json.erb', :to => 'component.json', :erb => true
 
+# Grunt's for the Boars
+file '../shared/Gruntfile.js', :to => 'Gruntfile.js'
+file '../shared/package.json.erb', :to => 'package.json', :erb => true
+
 # Developer Consistency
 file '../shared/Gemfile.txt', :to => 'Gemfile'
 file '../shared/editorconfig.txt', :to => '.editorconfig'
@@ -47,9 +42,13 @@ help %Q{
 }
 
 welcome_message %Q{
-  Singularity based Aurora Subtheme.
+  Polaris based Aurora Subtheme.
+
+  See http://snugug.github.io/Aurora/ for full documentation.
 
-  Please run `bundle install` from inside your new subtheme to isntall the required dependenecies. This will create a Gemfile.lock file, add this to your version control.
+  Please run `bundle install` from inside your new subtheme to install the required dependencies. This will create a Gemfile.lock file, add this to your version control.
 
   When you are ready start compiling, run `bundle exec compass watch` instead of simply `compass watch` to ensure you are compiling using your dependent Compass extensions.
+
+  Alternatively, if you are using Grunt, simply run `grunt watch` to compile and start LiveReload
 }

data/templates/{singularity → polaris/partials/global}/_base.scss

@@ -8,16 +8,6 @@
 // Toolkit imports all of Compass, so there is no need to import it separately.
 ////////////////////////
 
-//////////////////////////////
-// CSS Resets
-//
-// Choose your CSS Reset method:
-//  If you'd like a hard reset, uncomment `compass/reset`.
-//  If you'd prefer a soft reset, uncomment `compass-normalize`
-//////////////////////////////
-// @import 'compass/rest';
-// @import 'compass-normalize';
-
 ////////////////////////
 // Compass Extensions
 ////////////////////////

data/templates/polaris/partials/layouts/_layouts.scss

@@ -0,0 +1,6 @@
+////////////////////////
+// Layouts Partials
+//
+// Your SMACSS Layouts go here
+// Build sub folders and partials in this folder, with everything being imported, in cascading order, into this file.
+////////////////////////

data/templates/polaris/partials/modules/_modules.scss

@@ -0,0 +1,6 @@
+////////////////////////
+// Module Partials
+//
+// Your SMACSS Modules go here
+// Build sub folders and partials in this folder, with everything being imported, in cascading order, into this file.
+////////////////////////

data/templates/polaris/partials/states/_state.scss

@@ -0,0 +1,6 @@
+////////////////////////
+// States Partials
+//
+// Your SMACSS States go here
+// Build sub folders and partials in this folder, with everything being imported, in cascading order, into this file.
+////////////////////////

data/templates/polaris/partials/styleguide/_styleguide.scss

@@ -0,0 +1,19 @@
+////////////////////////
+// Style Guide Partials
+//
+// Your Style Guide
+// Build sub folders and partials in this folder, with everything being imported, in cascading order, into this file.
+//
+// All Style Guide selectors should go in here, regardless of layout or design (but separating the two in here is a good idea).
+////////////////////////
+
+
+//////////////////////////////
+// CSS Resets
+//
+// Choose your CSS Reset method:
+//  If you'd like a hard reset, uncomment `compass/reset`.
+//  If you'd prefer a soft reset, uncomment `compass-normalize`
+//////////////////////////////
+// @import 'compass/rest';
+// @import 'compass-normalize';

data/templates/polaris/print.scss

@@ -0,0 +1,16 @@
+////////////////////////
+// Print File
+//
+// This file gets turned into print.css.
+// This file is styles specific to Printed files.
+////////////////////////
+
+////////////////////////
+// Base Import
+////////////////////////
+@import 'partials/global/base';
+
+
+////////////////////////
+// Custom Code
+////////////////////////

data/templates/polaris/style.scss

@@ -0,0 +1,39 @@
+////////////////////////
+// Style File
+//
+// This file gets turned into style.css. This file should really hold nothing except for imports of your base, style guide, layouts, modules, and states partials.
+////////////////////////
+
+//////////////////////////////
+// Legacy Support Setup
+//////////////////////////////
+$legacy-support-for-ie6: false;
+$legacy-support-for-ie7: false;
+$legacy-support-for-ie8: true;
+
+$legacy-support-for-mozilla: false;
+
+////////////////////////
+// Base Import
+////////////////////////
+@import 'partials/global/base';
+
+////////////////////////
+// Import Style Guide
+////////////////////////
+@import 'partials/styleguide/style-guide';
+
+////////////////////////
+// Import Layouts
+////////////////////////
+@import 'partials/layouts/layouts';
+
+////////////////////////
+// Import Modules
+////////////////////////
+@import 'partials/modules/modules';
+
+////////////////////////
+// Import States
+////////////////////////
+@import 'partials/states/states';

data/templates/project/manifest.rb

@@ -15,26 +15,21 @@ file '../shared/aurora.info.erb', :to => "#{options[:project_name] || File.basen
 file '../shared/template.php.erb', :to => "template.php", :erb => true
 
 # Stylesheets
-file '../shared/style.scss',  :like => :stylesheet, :media => 'all', :to => 'style.scss'
+discover :stylesheets
 
-file '_base.scss',  :like => :stylesheet, :to => 'partials/global/_base.scss'
 file '../shared/_variables.scss', :like => :stylesheet, :to => 'partials/global/_variables.scss'
 file '../shared/_functions.scss', :like => :stylesheet, :to => 'partials/global/_functions.scss'
 file '../shared/_mixins.scss', :like => :stylesheet, :to => 'partials/global/_mixins.scss'
 file '../shared/_extendables.scss', :like => :stylesheet, :to => 'partials/global/_extendables.scss'
 
-file '../shared/_style-guide.scss', :like => :stylesheet, :to => 'partials/styleguide/_style-guide.scss'
-
-file '../shared/_layout.scss', :like => :stylesheet, :to => 'partials/layout/_layout.scss'
-
-file '../shared/_design.scss', :like => :stylesheet, :to => 'partials/design/_design.scss'
-
-file '../shared/print.scss',  :like => :stylesheet, :to => 'print.scss'
-
-# Bower Awesomesauce
+# Bower's for the Birds
 file '../shared/bowerrc.txt', :to => '.bowerrc'
 file '../shared/component.json.erb', :to => 'component.json', :erb => true
 
+# Grunt's for the Boars
+file '../shared/Gruntfile.js', :to => 'Gruntfile.js'
+file '../shared/package.json.erb', :to => 'package.json', :erb => true
+
 # Developer Consistency
 file '../shared/Gemfile.txt', :to => 'Gemfile'
 file '../shared/editorconfig.txt', :to => '.editorconfig'
@@ -49,7 +44,11 @@ help %Q{
 welcome_message %Q{
   Aurora Subtheme.
 
-  Please run `bundle install` from inside your new subtheme to isntall the required dependenecies. This will create a Gemfile.lock file, add this to your version control.
+  See http://snugug.github.io/Aurora/ for full documentation.
+
+  Please run `bundle install` from inside your new subtheme to install the required dependencies. This will create a Gemfile.lock file, add this to your version control.
 
   When you are ready start compiling, run `bundle exec compass watch` instead of simply `compass watch` to ensure you are compiling using your dependent Compass extensions.
+
+  Alternatively, if you are using Grunt, simply run `grunt watch` to compile and start LiveReload.
 }

data/templates/project/partials/design/_design.scss

@@ -0,0 +1,8 @@
+////////////////////////
+// Design Partials
+//
+// Separate your Layout from Design
+// Build sub folders and partials in this folder, with everything being imported, in cascading order, into this file.
+//
+// All styling, non box model properties go here
+////////////////////////

data/templates/project/partials/global/_base.scss

@@ -0,0 +1,22 @@
+////////////////////////
+// Base Partials
+//
+// These files will be shared across all three of your output CSS files. Generally included here are only Compass Extension imports and imports for variables, functions, mixins, and extendables.
+//
+// Toolkit imports all of Compass, so there is no need to import it separately.
+////////////////////////
+
+////////////////////////
+// Compass Extensions
+////////////////////////
+@import 'singularitygs';
+@import 'toolkit';
+@import 'sassy-buttons';
+
+////////////////////////
+// Private Imports
+////////////////////////
+@import 'variables';
+@import 'functions';
+@import 'mixins';
+@import 'extendables';

data/templates/project/partials/layout/_layout.scss

@@ -0,0 +1,8 @@
+////////////////////////
+// Layouts Partials
+//
+// Separate your Layout from Design
+// Build sub folders and partials in this folder, with everything being imported, in cascading order, into this file.
+//
+// All box model properties go here
+////////////////////////

data/templates/project/partials/styleguide/_style-guide.scss

@@ -0,0 +1,18 @@
+////////////////////////
+// Style Guide Partials
+//
+// Your Style Guide
+// Build sub folders and partials in this folder, with everything being imported, in cascading order, into this file.
+//
+// All Style Guide selectors should go in here, regardless of layout or design (but separating the two in here is a good idea).
+////////////////////////
+
+//////////////////////////////
+// CSS Resets
+//
+// Choose your CSS Reset method:
+//  If you'd like a hard reset, uncomment `compass/reset`.
+//  If you'd prefer a soft reset, uncomment `compass-normalize`
+//////////////////////////////
+// @import 'compass/rest';
+// @import 'compass-normalize';

data/templates/project/print.scss

@@ -0,0 +1,16 @@
+////////////////////////
+// Print File
+//
+// This file gets turned into print.css.
+// This file is styles specific to Printed files.
+////////////////////////
+
+////////////////////////
+// Base Import
+////////////////////////
+@import 'partials/global/base';
+
+
+////////////////////////
+// Custom Code
+////////////////////////

data/templates/{shared → project}/style.scss

@@ -1,9 +1,7 @@
 ////////////////////////
 // Style File
 //
-// This file gets turned into style.css. This file should really
-//  hold nothing except for imports of your base, layout, and design
-//  partials, plus the mixins required to kickstart Aura and Style Guide.
+// This file gets turned into style.css. This file should really hold nothing except for imports of your base, style guide, layout, and design partials.
 ////////////////////////
 
 //////////////////////////////

data/templates/shared/Gemfile.txt

@@ -2,7 +2,7 @@
 source 'https://rubygems.org'
 
 # ~> Refers to all versions of the given gem on the current full version number, so it will be able to use any version of Compass Aurora until Compass Aurora 4.x.x. For a specific version of a gem, remove the ~>
-gem 'compass-aurora', '~>3.0.0'
+gem 'compass-aurora', '~>3.0.0.alpha'
 gem 'toolkit', '~>1.0.0'
 gem 'singularitygs', '~>1.0.7'
 gem 'breakpoint', '~>2.0.2'

data/templates/shared/Gruntfile.js

@@ -0,0 +1,41 @@
+'use strict';
+
+module.exports = function (grunt) {
+
+  grunt.initConfig({
+    watch: {
+      options: {
+	livereload: 9001
+      },
+      css: {
+	files: ['sass/*.scss'],
+	tasks: ['compass:watch']
+      }
+    },
+
+    compass: {
+      options: {
+	config: 'config.rb',
+	bundleExec: true
+      },
+      watch: {
+	environment: 'development'
+      },
+      build: {
+	environment: 'production'
+      }
+    }
+  });
+
+  grunt.event.on('watch', function(action, filepath) {
+    grunt.config(['compass:watch'], filepath);
+  });
+
+  grunt.loadNpmTasks('grunt-contrib-watch');
+  grunt.loadNpmTasks('grunt-contrib-compass');
+  // grunt.loadNpmTasks('grunt-contrib-jshint');
+
+  grunt.registerTask('build', [
+    'compass:build'
+  ]);
+}

data/templates/shared/aurora.info.erb

@@ -30,6 +30,7 @@ scripts[0] = 'components/formalize/assets/js/jquery.formalize.min.js'
 ; Modernizr
 ; ========================================
 
+modernizr[tests][] = css_boxsizing
 
 ; ========================================
 ; Settings

data/templates/shared/gitignore.txt

@@ -1 +1,2 @@
+node_modules/
 .sass-cache/

data/templates/shared/package.json.erb

@@ -0,0 +1,14 @@
+<% project_name = File.basename(Compass.configuration.project_path) %><% project_js = Compass.configuration.javascripts_dir %><% project_css = Compass.configuration.css_dir %>
+{
+  "name": "<%= project_name%>",
+  "version": "1.0.0",
+  "dependencies": {},
+  "devDependencies": {
+    "grunt": "~0.4.0",
+    "grunt-contrib-watch": "~0.4.0",
+    "grunt-contrib-compass": "~0.1.2"
+  },
+  "engines": {
+    "node": ">=0.8.0"
+  }
+}

metadata

@@ -7,8 +7,8 @@ version: !ruby/object:Gem::Version
   - 0
   - 0
   - alpha
-  - 3
-  version: 3.0.0.alpha.3
+  - 4
+  version: 3.0.0.alpha.4
 platform: ruby
 authors: 
 - Sam Richard
@@ -17,7 +17,7 @@ autorequire:
 bindir: bin
 cert_chain: []
 
-date: 2013-04-30 00:00:00 -04:00
+date: 2013-05-03 00:00:00 -05:00
 default_executable: 
 dependencies: 
 - !ruby/object:Gem::Dependency 
@@ -105,30 +105,40 @@ files:
 - stylesheets/_aurora.scss
 - stylesheets/aurora/_singularity-grid.scss
 - stylesheets/aurora/_susy-grid.scss
+- stylesheets/aurora/_system.scss
 - templates/box-sizing/behaviors/box-sizing/boxsizing.htc
 - templates/box-sizing/behaviors/box-sizing/boxsizing.php
 - templates/box-sizing/manifest.rb
 - templates/box-sizing/README-behaviors.md
-- templates/corona/_base.scss
-- templates/corona/_defaults.scss
-- templates/corona/_design.scss
-- templates/corona/_forms.scss
-- templates/corona/_global.scss
-- templates/corona/_system.scss
-- templates/corona/_type.scss
-- templates/corona/_variables.scss
 - templates/corona/maintenance.scss
 - templates/corona/manifest.rb
+- templates/corona/partials/base/_base.scss
+- templates/corona/partials/base/_variables.scss
+- templates/corona/partials/design/_design.scss
+- templates/corona/partials/global/_defaults.scss
+- templates/corona/partials/global/_forms.scss
+- templates/corona/partials/global/_global.scss
+- templates/corona/partials/global/_type.scss
 - templates/corona/print.scss
 - templates/corona/style.scss
-- templates/project/_base.scss
+- templates/polaris/manifest.rb
+- templates/polaris/partials/global/_base.scss
+- templates/polaris/partials/layouts/_layouts.scss
+- templates/polaris/partials/modules/_modules.scss
+- templates/polaris/partials/states/_state.scss
+- templates/polaris/partials/styleguide/_styleguide.scss
+- templates/polaris/print.scss
+- templates/polaris/style.scss
 - templates/project/manifest.rb
-- templates/shared/_design.scss
+- templates/project/partials/design/_design.scss
+- templates/project/partials/global/_base.scss
+- templates/project/partials/layout/_layout.scss
+- templates/project/partials/styleguide/_style-guide.scss
+- templates/project/print.scss
+- templates/project/style.scss
 - templates/shared/_extendables.scss
 - templates/shared/_functions.scss
-- templates/shared/_layout.scss
 - templates/shared/_mixins.scss
-- templates/shared/_style-guide.scss
 - templates/shared/_variables.scss
 - templates/shared/aurora.info.erb
 - templates/shared/bowerrc.txt
@@ -137,14 +147,12 @@ files:
 - templates/shared/editorconfig.txt
 - templates/shared/Gemfile.txt
 - templates/shared/gitignore.txt
-- templates/shared/print.scss
+- templates/shared/Gruntfile.js
+- templates/shared/package.json.erb
 - templates/shared/README-Partials.md
 - templates/shared/README-Sass.md
 - templates/shared/README-templates.md
-- templates/shared/style.scss
 - templates/shared/template.php.erb
-- templates/singularity/_base.scss
-- templates/singularity/manifest.rb
 has_rdoc: true
 homepage: http://drupal.org/project/aurora
 licenses: []

data/templates/project/_base.scss

@@ -1,33 +0,0 @@
-////////////////////////
-// Base Partials
-//
-// These files will be shared across all three of your output
-//  CSS files. Generally included here are only Compass Extension
-//  imports and imports for variables, functions, mixins, and extendables.
-//
-// Toolkit imports all of Compass, so there is no need to import it separately.
-////////////////////////
-
-//////////////////////////////
-// CSS Resets
-//
-// Choose your CSS Reset method:
-//  If you'd like a hard reset, uncomment `compass/reset`.
-//  If you'd prefer a soft reset, uncomment `compass-normalize`
-//////////////////////////////
-// @import 'compass/rest';
-// @import 'compass-normalize';
-
-////////////////////////
-// Compass Extensions
-////////////////////////
-@import 'toolkit';
-@import 'sassy-buttons';
-
-////////////////////////
-// Private Imports
-////////////////////////
-@import 'variables';
-@import 'functions';
-@import 'mixins';
-@import 'extendables';

data/templates/shared/_design.scss

@@ -1,9 +0,0 @@
-////////////////////////
-// Design Partials
-//
-// Seperate your layout from design, building sub folders and partials
-//  in this folder, with everything being imported, in casading order,
-//  into this file.
-//
-// All styling, non box model properties go here
-////////////////////////

data/templates/shared/_layout.scss

@@ -1,9 +0,0 @@
-////////////////////////
-// Layout Partials
-//
-// Seperate your layout from design, building sub folders and partials
-//  in this folder, with everything being imported, in casading order,
-//  into this file.
-//
-// All box model properties go here
-////////////////////////

data/templates/shared/_style-guide.scss

@@ -1,10 +0,0 @@
-////////////////////////
-// Style Guide Partials
-//
-// Write a Style Guide for your website, building sub folders and partials
-//  in this folder, with everything being imported, in casading order,
-//  into this file.
-//
-// All Style Guide selectors should go in here, regardless of layout or design
-//  (but separating the two in here is a good idea).
-////////////////////////