compass-aurora 0.9.3 → 0.9.5

data/templates/parmesan/_variables.scss

@@ -0,0 +1,153 @@
+////////////////////////
+// Variables Partials
+//
+// All of your variables should go in this file.
+////////////////////////
+
+
+//
+// Legacy IE support
+//
+// These variables are used by many mixins to add additional CSS to support
+// specific versions of IE or specific vendor prefixes.
+//
+// To turn on support for IE6 or IE7, set those variables to true.
+//
+// Zen does not require special handling for IE8 or later. But Compass uses that
+// variable for a couple edge cases. We include it for completeness sake. See
+// the documentation at http://compass-style.org/reference/compass/support/
+$legacy-support-for-ie6: false;
+$legacy-support-for-ie7: false;
+$legacy-support-for-ie8: true;
+
+
+//
+// Font faces, stacks and sizes.
+//
+
+// Compass' vertical_rhythm extension is a powerful tool to set up a vertical
+// rhythm for your entire page. You can see some of its mixins and functions in
+// use in the normalize.scss file.
+// @see http://compass-style.org/reference/compass/typography/vertical_rhythm/
+
+$base-font-size:   16px; // The font size set on the root html element.
+$base-line-height: 24px; // This line-height determines the basic unit of vertical rhythm.
+
+$h1-font-size: 2    * $base-font-size;
+$h2-font-size: 1.5  * $base-font-size;
+$h3-font-size: 1.17 * $base-font-size;
+$h4-font-size: 1    * $base-font-size;
+$h5-font-size: 0.83 * $base-font-size;
+$h6-font-size: 0.75 * $base-font-size;
+
+
+
+// The following font family declarations are based on the Microsoft core web
+// fonts which are common fonts available on most computer systems. The DejaVu
+// and Nimbus Sans fonts are commonly available on Linux systems where the MS
+// fonts are less common. Tahoma and Helvetica are also widely available.
+//
+// A user's web browser will look at the comma-separated list and will
+// attempt to use each font in turn until it finds one that is available
+// on the user's computer. The final "generic" font (sans-serif, serif or
+// monospace) hints at what type of font to use if the web browser doesn't
+// find any of the fonts in the list.
+
+// First, let's create some font stacks.
+$times-new-roman: "Times New Roman", Times, Georgia, "DejaVu Serif", serif;
+$times:           Times, "Times New Roman", Georgia, "DejaVu Serif", serif;
+$georgia:         Georgia, "Times New Roman", "DejaVu Serif", serif;
+
+$verdana:         Verdana, Tahoma, "DejaVu Sans", sans-serif;
+$tahoma:          Tahoma, Verdana, "DejaVu Sans", sans-serif;
+$helvetica:       Helvetica, Arial, "Nimbus Sans L", sans-serif;
+$arial:           Arial, Helvetica, "Nimbus Sans L", sans-serif;
+
+// Project-specific fonts
+// Put any font families here that are specific to your project.
+
+
+// For an explanation of why "sans-serif" is at the end of this list, see
+// http://meyerweb.com/eric/thoughts/2010/02/12/fixed-monospace-sizing/
+$courier:         "Courier New", "DejaVu Sans Mono", monospace, sans-serif;
+
+// Now create some variables for the font stacks we want to use on this site.
+$base-font-family: $georgia; // The font family set on the html element.
+$font-body:        $verdana;
+$font-monospace:   $courier;
+$form-font-family: $arial;
+
+
+//
+// Colors, etc.
+//
+
+$white          : #FFFFFF;
+$black          : #000000;
+
+// Standard colors: for standard 4K and other brand colors.
+// Note: these are just for reference, and some brands have multiple colors.
+$color-facebook : #3B5998;
+$color-twitter  : #33CCFF;
+$color-youtube  : #FF3333;
+$color-pinterest: #990000;
+$color-skype    : #12A5F4;
+$color-flickr   : #FE0883;
+$color-foursquare: #8FD400;
+$color-instagram: #4E433C;
+$color-linkedin : #4875B4;
+$color-tumblr   : #2B4964;
+$color-vimeo    : #86B32D;
+$color-google   : #D6492C;
+$color-fk       : #66B360;
+
+
+// Base color variables.
+$link           : #2090B4;
+$visited        : $link;
+$selection-bg   : #66B360;
+$selection      : $white;
+
+// The amount lists, blockquotes and comments are indented.
+$indent-amount: 2em;
+
+
+// Add Susy responsive layout settings.
+//
+// Susy operates using just five variables listed here. By adjusting these
+// variables, you can instantly change your grid without touching any of
+// the details of your implementation.
+//
+// @see http://susy.oddbird.net/guides/reference/
+
+$total-columns          : 12;
+$column-width           : 4em;
+$gutter-width           : 1em;
+$grid-padding           : $gutter-width;
+
+$show-grid-backgrounds  : false;
+
+
+
+// Add respond-to settings.
+//
+// Respond-to allows us to embed media queries directly into each rule that
+// needs it, rather than forcing a developer to place rules for a single
+// component in multiple places depending on the media query they want to
+// affect.
+//
+// @see https://github.com/Snugug/respond-to
+//
+// Listed here are named breakpoints. They can vary in complexity, allowing you to
+// get rid of the cognitive load behind typing and remembering media queries.
+//
+// @see https://github.com/Snugug/respond-to/blob/master/README.md
+// @see https://github.com/canarymason/breakpoint/blob/master/README.markdown
+
+$breakpoints: 'smartphone' (300px),
+              'smartphone landscape' (480px),
+              'tablet' (768px),
+              'desktop' (980px),
+              'smartphone only' (320px 767px),
+              'smartphone landscape only' (480px 767px),
+              'tablet only' (768px 979px);

data/templates/parmesan/_view.scss

@@ -0,0 +1,6 @@
+/**
+ * View partials: Partials for styling nodes.
+ */
+
+
+// @import 'view_name';

data/templates/parmesan/maintenance.scss

@@ -0,0 +1,31 @@
+////////////////////////
+// Maintenance Page File
+//
+// This file gets turned into maintenance.css.
+// We keep is separate so that you may have custom CSS on the maintenance
+//  page if you so wish, and not include your full site's css.
+////////////////////////
+
+////////////////////////
+// Base Import
+////////////////////////
+@import 'partials/base/base';
+
+////////////////////////
+// Other partial import
+////////////////////////
+@import 'partials/global/global';
+@import 'partials/page/header';
+@import 'partials/page/content';
+@import 'partials/page/footer';
+
+// Code specifically for the maintenance page.
+
+.maintenance-page {
+
+  // Specifically if the db cannot be reached.
+  &.db-offline {
+
+  }
+
+}

data/templates/parmesan/manifest.rb

@@ -0,0 +1,66 @@
+description "Aurora Base Theme"
+no_configuration_file!
+
+# 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'
+
+# 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'
+file '../shared/_extendables.scss', :like => :stylesheet, :to => 'partials/base/_extendables.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'
+
+# Page-based partials: For site-structure-based content.
+file '_page.scss',  :like => :stylesheet, :to => 'partials/page/_page.scss'
+file '_header.scss',  :like => :stylesheet, :to => 'partials/page/_header.scss'
+file '_content.scss',  :like => :stylesheet, :to => 'partials/page/_content.scss'
+file '_sidebar_first.scss',  :like => :stylesheet, :to => 'partials/page/_sidebar_first.scss'
+file '_sidebar_second.scss',  :like => :stylesheet, :to => 'partials/page/_sidebar_second.scss'
+file '_comment.scss',  :like => :stylesheet, :to => 'partials/page/_comment.scss'
+file '_footer.scss',  :like => :stylesheet, :to => 'partials/page/_footer.scss'
+
+# Node-base partials: For node-content types.
+file '_node.scss',  :like => :stylesheet, :to => 'partials/node/_node.scss'
+file '_basic_page.scss',  :like => :stylesheet, :to => 'partials/node/_basic_page.scss'
+
+# View-based partials: For specific views.
+file '_view.scss',  :like => :stylesheet, :to => 'partials/view/_view.scss'
+
+# Helpful read-mes for n00bs.
+file 'README_SASS.md',  :like => :stylesheet, :to => 'partials/README.md'
+file 'README_PARTIALS.md',  :like => :stylesheet, :to => 'README.md'
+
+# JavaScript
+file '../shared/hammer.js',           :like => :javascript, :to => 'hammer.js'
+file '../shared/loader.js',           :like => :javascript, :to => 'loader.js'
+file '../shared/modernizr.js',  :like => :javascript, :to => 'modernizr.js'
+
+help %Q{
+  Please contact Sam Richard with questions:
+
+      sam@snug.ug
+}
+
+welcome_message %Q{
+
+  Aurora Base Theme using Susy.
+  
+}
+

data/templates/parmesan/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/base/base';
+
+
+////////////////////////
+// Custom Code
+////////////////////////

data/templates/{shared/ie.scss → parmesan/style.scss}

@@ -1,28 +1,33 @@
 ////////////////////////
-// IE File
+// Style File
 //
-// This file gets turned into ie.css. This file should really
+// 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 is styles specific to IE 8 and below.
 ////////////////////////
 
 ////////////////////////
 // Base Import
 ////////////////////////
-@import 'partials/global/base';
+@import 'partials/base/base';
 
 ////////////////////////
-// Import Style Guide
+// Import Global Stylings
 ////////////////////////
-@import 'partials/styleguide/ie-style-guide';
+@import 'partials/global/global';
 
 ////////////////////////
-// Import Layout
+// Import Page Stylings
 ////////////////////////
-@import 'partials/layout/ie-layout';
+@import 'partials/page/page';
 
 ////////////////////////
-// Import Design
+// Import Node Stylings
 ////////////////////////
-@import 'partials/design/ie-design';
+@import 'partials/node/node';
+
+////////////////////////
+// Import View Stylings
+////////////////////////
+@import 'partials/view/view';
+

data/templates/project/manifest.rb

@@ -1,4 +1,11 @@
 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', :to => 'README-Sass.md'
 
 # ERB ALL the Drupal files!
 file '../shared/aurora.info.erb', :to => "#{options[:project_name] || File.basename(Compass.configuration.project_path)}.info", :erb => true
@@ -6,7 +13,7 @@ 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 => 'screen, projection', :to => 'style.scss'
+file '../shared/style.scss',  :like => :stylesheet, :media => 'all', :to => 'style.scss'
 
 file '_base.scss',  :like => :stylesheet, :to => 'partials/global/_base.scss'
 file '../shared/_variables.scss', :like => :stylesheet, :to => 'partials/global/_variables.scss'
@@ -16,23 +23,19 @@ file '../shared/_extendables.scss', :like => :stylesheet, :to => 'partials/globa
 
 file '../shared/_style-guide.scss', :like => :stylesheet, :to => 'partials/styleguide/_style-guide.scss'
 file '../shared/_print-style-guide.scss', :like => :stylesheet, :to => 'partials/styleguide/_print-style-guide.scss'
-file '../shared/_ie-style-guide.scss', :like => :stylesheet, :to => 'partials/styleguide/_ie-style-guide.scss'
 
 file '../shared/_layout.scss', :like => :stylesheet, :to => 'partials/layout/_layout.scss'
-file '../shared/_ie-layout.scss', :like => :stylesheet, :to => 'partials/layout/_ie-layout.scss'
 file '../shared/_print-layout.scss', :like => :stylesheet, :to => 'partials/layout/_print-layout.scss'
 
 file '../shared/_design.scss', :like => :stylesheet, :to => 'partials/design/_design.scss'
-file '../shared/_ie-design.scss', :like => :stylesheet, :to => 'partials/design/_ie-design.scss'
 file '../shared/_print-design.scss', :like => :stylesheet, :to => 'partials/design/_print-design.scss'
 
-file '../shared/print.scss',  :like => :stylesheet, :media => 'print', :to => 'print.scss'
-file '../shared/ie.scss',     :like => :stylesheet, :media => 'screen, projection', :condition => "lt IE 8", :to => 'ie.scss'
+file '../shared/_print.scss',  :like => :stylesheet, :to => '_print.scss'
 
 # JavaScript
 file '../shared/hammer.js',           :like => :javascript, :to => 'hammer.js'
 file '../shared/loader.js',           :like => :javascript, :to => 'loader.js'
-file '../shared/modernizr-2.5.3.js',  :like => :javascript, :to => 'modernizr-2.5.3.js'
+file '../shared/modernizr.js',  :like => :javascript, :to => 'modernizr.js'
 
 help %Q{
   Please contact Sam Richard with questions:

data/templates/shared/README-Sass.md

@@ -0,0 +1,54 @@
+ABOUT SASS AND COMPASS
+----------------------
+
+Sass is a language that is just normal CSS plus some extra features, like
+variables, nested rules, math, mixins, etc. If your stylesheets are written in
+Sass, helper applications can convert them to standard CSS so that you can
+include the CSS in the normal ways with your theme.
+
+To learn more about Sass, visit: http://sass-lang.com
+
+Compass is a helper library for Sass. It includes libraries of shared mixins, a
+package manager to add additional extension libraries, and an executable that
+can easily convert Sass files into CSS.
+
+To learn more about Compass, visit: http://compass-style.org
+
+
+DEVELOPING WITH SASS AND COMPASS
+--------------------------------
+
+To automatically generate the CSS versions of the scss while you are doing theme
+development, you'll need to tell Compass to "watch" the sass directory so that
+any time a .scss file is changed it will automatically place a generated CSS
+file into your sub-theme's css directory:
+
+  `compass watch <path to your sub-theme's directory>`
+
+  If you are already in the root of your sub-theme's directory, you can simply
+  type:  `compass watch`
+
+While using generated CSS with your browser's inspectors, the line numbers it reports will be
+wrong since it will be showing the generated CSS file's line numbers and not the
+line numbers of the source Sass files. By default, Compass will output a comment with what line and what partial the CSS is comming from above the selector. This is useful if you're looking at your CSS file itself, but not as useful if you're trying to debug straight from your inspector. If you'd like to debug straight from your inspector, there are two options, one for Google Chrome and one for Firefox.
+
+If you are using Firefox, you can install the [FireSass](https://addons.mozilla.org/en-US/firefox/addon/firesass-for-firebug/) plug-in into Firefox. Then, edit your sub-theme's config.rb file so Firesass is true (`firesass = true`) and make sure that `sass_options = :debug_info => true` is enabled (in the example config.rb file, there's a check for whether you're on the development environment). If you are using Google Chrome (currently available in the Canary build, soon in the full version), make sure the Debug Info is enabled as well, go to `about://flags`, Enable Developer Tools experiments, restart Canary, open your inspector, click settings (the gear on the bottom right), open experiments, and check Support for Sass.
+
+
+MOVING YOUR CSS TO PRODUCTION
+-----------------------------
+
+Once you have finished your sub-theme development and are ready to move your CSS
+files to your production server, you'll need to tell sass to update all your CSS
+files and to compress them (to improve performance). Note: the Compass command
+will only generate CSS for .scss files that have recently changed; in order to
+force it to regenerate all the CSS files, you can use the Compass' clean command
+to delete all the generated CSS files.
+
+- Delete all CSS files by running: `compass clean`
+- Edit the config.rb file in your theme's directory and uncomment this line by
+  deleting the "#" from the beginnning:
+    `#environment = :production`
+- Regenerate all the CSS files by running: `compass compile`
+
+And don't forget to turn on Drupal's CSS aggregation. :-)

data/templates/shared/aurora.info.erb

@@ -4,15 +4,13 @@ core = 7.x
 base theme = aurora
 
 ; Stylesheets
-stylesheets[all][] = <%= project_css %>/style.css
-stylesheets[print][] = <%= project_css %>/print.css
-stylesheets-conditional[lt IE 9][all][] = <%= project_css %>/ie.css
+stylesheets[all][] = css/style.css
 
 ; Regions
 regions[header]         = Header
+regions[main_prefix]    = Main Region Prefix
 regions[highlighted]    = Highlighted
 regions[help]           = Help
-regions[main_prefix]    = Main Region Prefix
 regions[content]        = Content
 regions[sidebar_first]  = Primary Sidebar
 regions[sidebar_second] = Secondary Sidebar
@@ -26,18 +24,24 @@ settings[aurora_enable_chrome_frame] = 1
 settings[aurora_min_ie_support] = 10
 
 ; Optimization Options
-settings[aurora_footer_js] = 1
+settings[aurora_remove_core_css] = 0
 settings[aurora_html_tags] = 1
 
+; JavaScript Options
+settings[aurora_footer_js] = 1
+settings[aurora_libraries_head] = 0
+settings[aurora_jquery_cdn] = 0
+settings[aurora_jquery_version] = 1.4.4
+
 ; Toggle Display
 settings[toggle_logo] = 1
 settings[toggle_name] = 1
-settings[toggle_slogan] = 1
-settings[toggle_node_user_picture] = 1
-settings[toggle_comment_user_picture] = 1
+settings[toggle_slogan] = 0
+settings[toggle_node_user_picture] = 0
+settings[toggle_comment_user_picture] = 0
 settings[toggle_comment_user_verification] = 1
 settings[toggle_favicon] = 1
-settings[toggle_breadcrumbs] = 1
+settings[toggle_breadcrumbs] = 0
 
 ; Development Options
 settings[aurora_rebuild_registry] = 1