compass-aurora 0.9.3 → 0.9.5

data/lib/aurora.rb

@@ -6,6 +6,6 @@ extension_path = File.expand_path(File.join(File.dirname(__FILE__), ".."))
 Compass::Frameworks.register('aurora', :path => extension_path)
 
 module Aurora
-  VERSION = "0.9.3"
-  DATE = "2012-10-10"
+  VERSION = "0.9.5"
+  DATE = "2012-11-03"
 end

data/templates/parmesan/README_PARTIALS.md

@@ -0,0 +1,82 @@
+# Theme partials
+
+
+## Intro to Sass partials
+
+This directory contains includes known as [Sass partials](http://sass-lang.com/docs/yardoc/file.SASS_REFERENCE.html#partials). Like PHP, Sass can
+"include" files and incorporate them into a larger master file. You can easily
+identify a Sass partial because it begins with an underscore, indicating to Sass
+that it should not generate a standalone .css file from the original .scss
+
+Beyond that there are no enforced rules. It's up to each team to decide how
+they're used.
+
+
+## How does this theme use partials?
+
+We incorporated the use of Sass partials and the [nesting](http://sass-lang.com/docs/yardoc/file.SASS_REFERENCE.html#nested_rules) architecture that Sass
+provides to provide a more human-understandable organization to the CSS files.
+
+We've also leveraged the respond-to Sass extension, which allows us to embed
+rules involving media queries directly into each component rather than relying
+on the extremely encumbering method of grouping styles per media query.
+
+We have set up the CSS so that each file represents a component of the website.
+If you are making changes to the Funding section, the styles belong in the
+funding partial. If a style should be applied sitewide then place it in one of
+the global partials.
+
+**Example**
+
+*Writing this Sass...*
+
+    #block-views-myview {
+      padding: 1em;
+    
+      h2 {
+        font-size: 2em;
+        color: #fff;
+      }
+    
+      p {
+        line-height: 2em;
+      }
+    }
+
+*Produces this CSS...*
+
+    #block-views-myview {
+      padding: 1em;
+    }
+    
+    #block-views-myview h2 {
+      font-size: 2em;
+      color: #ffffff;
+    }
+    
+    #block-views-myview p {
+      line-height: 2em;
+    }
+
+
+## Benefits
+
+The files are organized into a pattern that humans understand, rather than having
+to be trained to separate styles into layout/typography/brand, or having to jump
+between three media queries in order to consistently apply a change to an element
+that changes appearance between mobile/tablet/desktop.
+
+You can choose to stop using Sass at any time since it generates pure CSS files
+each time you save a .scss file. See drawbacks before proceeding.
+
+Finally, a nice side effect is that code split amongst many files makes merging,
+collaborating and dealing with version control less painful.
+
+
+## Drawbacks
+
+If a team is unable or unwilling to use Sass and Compass, the .css files are
+editable, but you cannot switch back to Sass once you switch to CSS. Technically
+it is possible, but it will be a *HUGE* pain to get SCSS back in sync with CSS.
+
+Besides, once you try Sass you will not want to go back :)

data/templates/parmesan/README_SASS.md

@@ -0,0 +1,55 @@
+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 Firebug, 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. To correct this problem, you can install
+the FireSass plug-in into Firefox and then edit your sub-theme's config.rb file
+to set: firesass = true
+  https://addons.mozilla.org/en-US/firefox/addon/firesass-for-firebug/
+
+
+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/parmesan/_base.scss

@@ -0,0 +1,28 @@
+////////////////////////
+// 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.
+////////////////////////
+
+////////////////////////
+// Compass Imports
+//
+// Aurora includes @import 'compass' so you don't need to.
+////////////////////////
+
+////////////////////////
+// Compass Extensions
+//
+// Aurora includes Toolkit, Breakpoint, Respond-to, Sassy Buttons, and Susy
+////////////////////////
+@import 'aurora/susy-grid';
+
+////////////////////////
+// Private Imports
+////////////////////////
+@import 'variables';
+@import 'functions';
+@import 'mixins';
+@import 'extendables';

data/templates/parmesan/_basic_page.scss

@@ -0,0 +1,10 @@
+/**
+ * Basic Page node type partial.
+ */
+
+.node-basic-page {
+
+  &.node-teaser {
+
+  }
+}

data/templates/parmesan/_comment.scss

@@ -0,0 +1,6 @@
+/**
+ * Comment area SASS partial.
+ */
+
+
+

data/templates/parmesan/_content.scss

@@ -0,0 +1,9 @@
+/**
+ * Content area SASS partial.
+ */
+
+#main {
+  #content {
+
+  }
+}

data/templates/parmesan/_defaults.scss

@@ -0,0 +1,8 @@
+/**
+ * Defaults: For any general elements to apply to the whole page.
+ */
+
+.clearfix {
+  @include clearfix();
+}
+

data/templates/parmesan/_footer.scss

@@ -0,0 +1,7 @@
+/**
+ * Footer area SASS partial.
+ */
+
+footer {
+
+}

data/templates/parmesan/_forms.scss

@@ -0,0 +1,62 @@
+/**
+* Form elements: Inputs, buttons, etc.
+*/
+
+form {
+}
+
+fieldset {
+}
+
+legend {
+}
+
+
+label,
+input,
+button,
+select,
+textarea {
+
+}
+
+input,
+button,
+select,
+textarea {
+  font-family: $form-font-family; // And only set font-family here for those that need it (note the missing label element)
+}
+
+label {
+}
+
+.button,
+button,
+input[type="submit"],
+input[type="reset"],
+input[type="button"] {
+
+
+  &:hover {
+    
+  }
+
+  &:active {
+    
+  }
+}
+
+input[type="text"],
+input[type="password"],
+input[type="email"],
+textarea,
+select {
+
+  &:focus {
+    
+  }
+}
+
+input[type="checkbox"] {
+  
+}

data/templates/parmesan/_global.scss

@@ -0,0 +1,7 @@
+/**
+ * Global partials: Typography, forms, site-wide changes.
+ */
+
+@import 'defaults';
+@import 'type';
+@import 'forms';

data/templates/parmesan/_header.scss

@@ -0,0 +1,7 @@
+/**
+ * Header area SASS partial.
+ */
+
+header {
+
+}

data/templates/parmesan/_node.scss

@@ -0,0 +1,6 @@
+/**
+ * Node partials: Partials for each node type within Drupal.
+ */
+
+
+@import 'basic_page';

data/templates/parmesan/_page.scss

@@ -0,0 +1,11 @@
+/**
+ * Page partials: Parts of site found in page.tpl.php.
+ */
+
+
+@import 'header';
+@import 'content';
+@import 'sidebar_first';
+@import 'sidebar_second';
+@import 'comment';
+@import 'footer';

data/templates/parmesan/_sidebar_first.scss

@@ -0,0 +1,7 @@
+/**
+ * Sidebar first SASS partial.
+ */
+
+#sidebar-first {
+
+}

data/templates/parmesan/_sidebar_second.scss

@@ -0,0 +1,7 @@
+/**
+ * Sidebar second SASS partial.
+ */
+
+#sidebar-second {
+
+}

data/templates/parmesan/_type.scss

@@ -0,0 +1,125 @@
+/**
+* Typography: Headings, body text, lists, code, and more for a versatile and durable typography system.
+*/
+
+body {
+  font-family: $font-body;
+  font-size: $base-font-size;
+  line-height: $base-line-height;
+}
+
+/* =============================================================================
+   Typography
+
+   Note: Normalize already sets the font sizes, use this to override
+   ========================================================================== */
+
+// Helper for all headings.
+#{headings()} {
+
+}
+
+h1 {
+}
+
+h2 {
+}
+
+h3 {
+}
+
+h4 {
+}
+
+h5 {
+}
+
+h6 {
+}
+
+/* =============================================================================
+   Links
+
+   The order of link states are based on Eric Meyer's article:
+   http://meyerweb.com/eric/thoughts/2007/06/11/who-ordered-the-link-states
+   ========================================================================== */
+a {
+  
+  &:link {
+    color: $link;
+  }
+
+  &:visited {
+    color: $visited;
+  }
+
+  &:hover, &:focus {
+    
+  }
+  
+  &:active, &.active {
+    
+  }  
+}
+
+
+/* =============================================================================
+   Lists
+   ========================================================================== */
+
+ul, ol {
+
+}
+
+ul ul,
+ul ol,
+ol ol,
+ol ul {
+  margin-bottom: 0;
+}
+
+ul {
+
+}
+
+ol {
+
+}
+
+li {
+
+}
+
+ul.unstyled,
+ol.unstyled {
+
+}
+
+/* =============================================================================
+   Misc.
+   ========================================================================== */
+
+// Horizontal rules
+
+hr {
+  height: 1px;
+  border: 1px solid #666;
+  padding-bottom: -1px;
+  margin: rhythm(1) 0;
+}
+
+// Emphasis
+
+strong {
+  font-weight: bold;
+}
+
+em {
+  font-style: italic;
+}
+
+// Selection text
+// Note: Text shadow, background and color have all been set within normalize.
+
+::selection {}
+::-moz-selection {}