compass-drupal-plugin 0.2.0.beta.3 → 0.2.0.beta.5

data/compass-drupal-plugin.gemspec

@@ -1,11 +1,11 @@
 Gem::Specification.new do |s|
   # Release Specific Information
-  s.version = "0.2.0.beta.3"
-  s.date = "2010-12-16"
+  s.version = "0.2.0.beta.5"
+  s.date = "2011-03-11"
 
   # Gem Details
   s.name = %q{compass-drupal-plugin}
-  s.authors = ["Capi /. Etheriel"]
+  s.authors = ["Capi Etheriel"]
   s.summary = %q{a compass extension providing drupal integration}
   s.description = %q{a compass extension providing drupal integration, supporting the popular base theme Zen}
   s.email = %q{barraponto@gmail.com}

data/lib/drupal.rb

@@ -1,2 +1,3 @@
 require 'compass'
-Compass::Frameworks.register("drupal", :path => "#{File.dirname(__FILE__)}/..")
+extension_path = File.expand_path(File.join(File.dirname(__FILE__), ".."))
+Compass::Frameworks.register('drupal', :path => extension_path)

data/stylesheets/drupal/_zen.scss

@@ -6,6 +6,7 @@ $zen-first-sidebar-width: 200px !default;
 $zen-second-sidebar-width: 200px !default;
 $zen-navigation-width: 100% !default;
 $zen-navigation-height: 2.3em !default;
+$zen-footer-size: 150px !default;
 
 $zen-proportional-typeface: 'Verdana, Tahoma, "DejaVu Sans", sans-serif' !default;
 $zen-monospaced-typeface: '"Courier New", "DejaVu Sans Mono", monospace' !default;
@@ -340,4 +341,28 @@ $zen-base-font-size: 14px !default;
     line-height: ($zen-base-font-size + 4px) * 1em / $zen-base-font-size;
   }
 
+}
+
+@mixin zen-footer {
+
+  html, body, #page-wrapper, #page {
+    height: 100%;
+  }
+
+  #main-wrapper {
+    min-height: 100%;
+  }
+
+  #main {
+    overflow: auto;
+    padding-bottom: $zen-footer-size; /* the footer size */
+  }
+
+  #footer {
+    position: relative;
+    clear: both;
+    height: $zen-footer-size;
+    margin-top: -$zen-footer-size; /* the negative value of the footer size */
+  }
+
 }

data/templates/project/_skin.scss

@@ -1,5 +1,4 @@
-<% project_name = File.basename(config.project_path) %>
-
+<% project_name = File.basename(config.project_path) -%>
 // This variable controls the total width of the container div
 // You can use px for a Fixed layout or % for a Liquid layout
 $<%= project_name %>-width: 960px;
@@ -17,39 +16,112 @@ $<%= project_name %>-navigation-width: 100%;
 $<%= project_name %>-navigation-height: 2.3em;
 
 // These variables control the typefaces as defined in html-reset.css
-$<%= project_name %>-proportional-typeface: 'Verdana, Tahoma, "DejaVu Sans", sans-serif';
-$<%= project_name %>-monospaced-typeface: '"Courier New", "DejaVu Sans Mono", monospace';
+$<%= project_name %>-proportional-typeface: Verdana, Tahoma, "DejaVu Sans", sans-serif;
+$<%= project_name %>-monospaced-typeface: "Courier New", "DejaVu Sans Mono", monospace;
 
 // These variables control the font sizes as defined in html-reset.css
 $<%= project_name %>-base-font-size: 14px;
 
-// Page Components
+//HTML Elements
+.-<%= project_name %>-h2 { } //Not meant for Block titles
+
+.-<%= project_name %>-h3 { }
+
+.-<%= project_name %>-h4 { }
+
+.-<%= project_name %>-p { }
+
+.-<%= project_name %>-li { }
+
+.-<%= project_name %>-ul {
+  li { @extend .-<%= project_name %>-li; } }
+
+.-<%= project_name %>-ol {
+  li { @extend .-<%= project_name %>-li; } }
+
+.-<%= project_name %>-blockquote { }
+
+.-<%= project_name %>-cite { }
+
+.-<%= project_name %>-a {
+  &:link { }
+  &:visited { }
+  &:hover { }
+  &:focus { }
+  &:active { } }
+
+.-<%= project_name %>-pre { }
+
+.-<%= project_name %>-code { }
+
+.-<%= project_name %>-table {
+  caption { }
+  tr {
+    &.odd { }
+    &.even { }
+    th { }
+    td { }
+    thead & { }
+    tfoot & { }
+    tbody & { } } }
 
+// Content Classes
+.-<%= project_name %>-node-content {
+  h2 { @extend .-<%= project_name %>-h2; }
+  h3 { @extend .-<%= project_name %>-h3; }
+  h4 { @extend .-<%= project_name %>-h4; }
+  p { @extend .-<%= project_name %>-p; }
+  li { @extend .-<%= project_name %>-li; }
+  ul { @extend .-<%= project_name %>-ul; }
+  ol { @extend .-<%= project_name %>-ol; }
+  pre { @extend .-<%= project_name %>-pre; }
+  code { @extend .-<%= project_name %>-code; }
+  blockquote { @extend .-<%= project_name %>-blockquote; }
+  cite { @extend .-<%= project_name %>-cite; }
+  a { @extend .-<%= project_name %>-a; }
+  table { @extend .-<%= project_name %>-table; } }
+
+.-<%= project_name %>-block-content {
+  h3 { @extend .-<%= project_name %>-h3; }
+  h4 { @extend .-<%= project_name %>-h4; }
+  p { @extend .-<%= project_name %>-p; }
+  ul { @extend .-<%= project_name %>-ul; }
+  ol { @extend .-<%= project_name %>-ol; }
+  li { @extend .-<%= project_name %>-li; }
+  a { @extend .-<%= project_name %>-a; } }
+
+// Page Components
 .-<%= project_name %>-body { }
 
 .-<%= project_name %>-skip-link { }
 
 .-<%= project_name %>-page { }
 
-.-<%= project_name %>-content-area { }
+.-<%= project_name %>-header { }
 
 .-<%= project_name %>-logo { }
 
-.-<%= project_name %>-name-and-slogan { } // usally the .name-and-slogan div
+.-<%= project_name %>-name-and-slogan { } //usually the .name-and-slogan div
 
 .-<%= project_name %>-site-name {
   a { } }
 
 .-<%= project_name %>-site-slogan { }
 
-.-<%= project_name %>-search-box {
-  #search {
-    .form-item { 
-      .form-text { } }
-    .form-submit { } } }
-
 .-<%= project_name %>-mission { }
 
+.-<%= project_name %>-main { }
+
+.-<%= project_name %>-sidebar { } //make a copy to have different sidebars
+
+.-<%= project_name %>-navigation { }
+
+.-<%= project_name %>-content { }
+
+.-<%= project_name %>-title { } //this will be the h1, except for the home page
+
+.-<%= project_name %>-content-area { }
+
 .-<%= project_name %>-breadcrumb {
   a { } }
 
@@ -79,6 +151,7 @@ $<%= project_name %>-base-font-size: 14px;
     &.active {
       a { } } } }
 
+// Make copies of these components for a diversity of menu styles
 .-<%= project_name %>-menu {
   > li { // use '>' to target only child items
     &.first { }
@@ -91,6 +164,8 @@ $<%= project_name %>-base-font-size: 14px;
     &.last { }
     &.expanded { } } }
 
+.-<%= project_name %>-footer { }
+
 .-<%= project_name %>-pager {
   .pager-item { }
   .pager-current { }
@@ -106,17 +181,20 @@ $<%= project_name %>-base-font-size: 14px;
 .-<%= project_name %>-footer-message { }
 
 // Block Components
-// Make copies of these components to make for a diversity of block styles
+// Make copies of these components for a diversity of block styles
 .-<%= project_name %>-block { }
+
 .-<%= project_name %>-block-title { }
-.-<%= project_name %>-block-content { }
+
+.-<%= project_name %>-block-content { @extend .-<%= project_name %>-block-content; }
 
 // Node Components
+// Make copies of these components for a diversity of node styles
 .-<%= project_name %>-node { }
 
 .-<%= project_name %>-node-picture { }
 
-.-<%= project_name %>-node-title { }
+.-<%= project_name %>-node-title { } //meant for node listings, see also .-<%= project_name %>-title
 
 .-<%= project_name %>-node-meta {
 
@@ -124,7 +202,7 @@ $<%= project_name %>-base-font-size: 14px;
 
 .-<%= project_name %>-node-terms { } }
 
-.-<%= project_name %>-node-content { @extend .-<%= project_name %>-content-object; }
+.-<%= project_name %>-node-content { @extend .-<%= project_name %>-node-content; }
 
 .-<%= project_name %>-node-links {
   li {
@@ -152,72 +230,3 @@ $<%= project_name %>-base-font-size: 14px;
 .-<%= project_name %>-profile-field-label { }
 
 .-<%= project_name %>-profile-field-value { }
-
-// Block Elements
-// Make a copy of these if you're looking for block diversity
-.-<%= project_name %>-h2 { }
-
-.-<%= project_name %>-h3 { }
-
-.-<%= project_name %>-p { }
-
-.-<%= project_name %>-li { }
-
-.-<%= project_name %>-ul {
-  li { @extend .-<%= project_name %>-li; } }
-
-.-<%= project_name %>-ol {
-  li { @extend .-<%= project_name %>-li; } }
-
-.-<%= project_name %>-a {
-  &:link { }
-  &:visited { }
-  &:hover { }
-  &:focus { }
-  &:active { } }
-
-// Node Elements
-// These objects shouldn't appear outside of nodes, but you never know.
-.-<%= project_name %>-h4 { }
-
-.-<%= project_name %>-pre { }
-
-.-<%= project_name %>-code { }
-
-.-<%= project_name %>-blockquote { }
-
-.-<%= project_name %>-cite { }
-
-.-<%= project_name %>-table {
-  caption { }
-  tr {
-    &.odd { }
-    &.even { }
-    th { }
-    td { }
-    thead & { }
-    tfoot & { }
-    tbody & { } } }
-
-// Content Classes
-.-<%= project_name %>-node-content {
-  h2 { @extend .-<%= project_name %>-h2; }
-  h3 { @extend .-<%= project_name %>-h3; }
-  h4 { @extend .-<%= project_name %>-h4; }
-  p { @extend .-<%= project_name %>-p; }
-  ul { @extend .-<%= project_name %>-ul; }
-  ol { @extend .-<%= project_name %>-ol; }
-  li { @extend .-<%= project_name %>-li; }
-  table { @extend .-<%= project_name %>-table; }
-  code { @extend .-<%= project_name %>-code; }
-  blockquote { @extend .-<%= project_name %>-blockquote; }
-  a { @extend .-<%= project_name %>-a; } }
-
-.-<%= project_name %>-block-content {
-  h3 { @extend .-<%= project_name %>-h3; }
-  h4 { @extend .-<%= project_name %>-h4; }
-  p { @extend .-<%= project_name %>-p; }
-  ul { @extend .-<%= project_name %>-ul; }
-  ol { @extend .-<%= project_name %>-ol; }
-  li { @extend .-<%= project_name %>-li; }
-  a { @extend .-<%= project_name %>-a; } }

data/templates/zen/zen-base.scss

@@ -1,6 +1,6 @@
+<% project_name = File.basename(config.project_path) -%>
 @import "drupal/zen";
 @import "<%= File.basename(config.project_path) %>-skin";
-<% project_name = File.basename(config.project_path) %>
 
 // Map the zen variables to the skin variables
 $zen-width: $<%= project_name %>-width;
@@ -30,14 +30,38 @@ body { @extend .-<%= project_name %>-body; }
 #skip-link { @extend .-<%= project_name %>-skip-link; }
 
 #page-wrapper {
-  @extend .-<%= project_name %>-page;
+
+  #page { @extend .-<%= project_name %>-page; }
+
+  #main { @extend .-<%= project_name %>-main; }
+
+  #header {
+    @extend .-<%= project_name %>-header;
+    #logo { @extend .-<%= project_name %>-logo; }
+    #name-and-slogan {
+      @extend .-<%= project_name %>-name-and-slogan;
+      #site-name { @extend .-<%= project_name %>-site-name; }
+      #site-slogan { @extend .-<%= project_name %>-site-slogan; } }
+    //#search-box { @extend .-<%= project_name %>-search-box; }
+  }
+
+  #navigation {
+    @extend .-<%= project_name %>-navigation;
+    #main-menu {
+      @extend .-<%= project_name %>-menu;
+      > li.expanded > ul.menu { @extend .-<%= project_name %>-submenu; } } }
+
+  #footer {
+    @extend .-<%= project_name %>-footer;
+    #secondary-menu { @extend .-<%= project_name %>-menu; }
+    #footer-message { @extend .-<%= project_name %>-footer-message; } }
 
 /* Content */
 
   #content {
-    #content-area { @extend .-<%= project_name %>-content-area; }
-    #mission { @extend .-<%= project_name %>-mission; }
+    @extend .-<%= project_name %>-content;
     #breadcrumb { @extend .-<%= project_name %>-breadcrumb; }
+    h1.title { @extend .-<%= project_name %>-title; }
     .messages {
       &.status { @extend .-<%= project_name %>-messages-status; }
       &.warning { @extend .-<%= project_name %>-messages-warning; }
@@ -47,7 +71,11 @@ body { @extend .-<%= project_name %>-body; }
       @extend .-<%= project_name %>-tabs;
       .primary { @extend .-<%= project_name %>-primary-tabs; }
       .secondary { @extend .-<%= project_name %>-secondary-tabs; } }
-    .feed-icons { }
+    #content-area { 
+      @extend .-<%= project_name %>-content-area; 
+      .pager { @extend .-<%= project_name %>-pager; } }
+      #mission { @extend .-<%= project_name %>-mission; }
+    .feed-icons { @extend .-<%= project_name %>-feed-icons; }
 
 /* Nodes */
 
@@ -80,6 +108,7 @@ body { @extend .-<%= project_name %>-body; }
 /* Regions */
 
   .region-sidebar-first {
+    @extend .-<%= project_name %>-sidebar;
     .block {
       @extend .-<%= project_name %>-block;
       .title { @extend .-<%= project_name %>-block-title; }
@@ -88,6 +117,7 @@ body { @extend .-<%= project_name %>-body; }
       &.even { } } }
 
   .region-sidebar-second {
+    @extend .-<%= project_name %>-sidebar;
     .block {
       @extend .-<%= project_name %>-block;
       .title { @extend .-<%= project_name %>-block-title; }
@@ -96,9 +126,6 @@ body { @extend .-<%= project_name %>-body; }
       &.even { } } }
 
   .region-navigation {
-    #main-menu {
-      @extend .-<%= project_name %>-menu;
-      > li.expanded > ul.menu { @extend .-<%= project_name %>-submenu; } }
     .block { @extend .-<%= project_name %>-block;
       .title { @extend .-<%= project_name %>-block-title; }
       .content { @extend .-<%= project_name %>-block-content; } } }
@@ -122,20 +149,12 @@ body { @extend .-<%= project_name %>-body; }
       .content { @extend .-<%= project_name %>-block-content; } } }
 
   .region-header {
-    #logo { @extend .-<%= project_name %>-logo; }
-    #name-and-slogan {
-      @extend .-<%= project_name %>-name-and-slogan;
-      #site-name { @extend .-<%= project_name %>-site-name; }
-      #site-slogan { @extend .-<%= project_name %>-site-slogan; } }
-    #search-box { @extend .-<%= project_name %>-search-box; }
     .block {
       @extend .-<%= project_name %>-block;
       .title { @extend .-<%= project_name %>-block-title; }
       .content { @extend .-<%= project_name %>-block-content; } } }
 
   .region-footer {
-    #secondary-menu { @extend .-<%= project_name %>-menu; }
-    #footer-message { @extend .-<%= project_name %>-footer-message; }
     .block {
       @extend .-<%= project_name %>-block;
       .title { @extend .-<%= project_name %>-block-title; }

metadata

@@ -1,23 +1,23 @@
 --- !ruby/object:Gem::Specification 
 name: compass-drupal-plugin
 version: !ruby/object:Gem::Version 
-  hash: 62196357
-  prerelease: true
+  hash: 62196361
+  prerelease: 6
   segments: 
   - 0
   - 2
   - 0
   - beta
-  - 3
-  version: 0.2.0.beta.3
+  - 5
+  version: 0.2.0.beta.5
 platform: ruby
 authors: 
-- Capi /. Etheriel
+- Capi Etheriel
 autorequire: 
 bindir: bin
 cert_chain: []
 
-date: 2010-12-16 00:00:00 -02:00
+date: 2011-03-11 00:00:00 -03:00
 default_executable: 
 dependencies: 
 - !ruby/object:Gem::Dependency 
@@ -87,7 +87,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
 requirements: []
 
 rubyforge_project: 
-rubygems_version: 1.3.7
+rubygems_version: 1.4.2
 signing_key: 
 specification_version: 3
 summary: a compass extension providing drupal integration