bangpound-compass-drupal-zen-plugin 0.1.0

data/README.mkdn

@@ -0,0 +1,25 @@
+Drupal Zen theme - Compass Plugin
+===================================
+
+* Port of Version 2
+* 2009-04-24
+
+Sass stylesheets created by Benjamin Doherty (bangpound). See Drupal.org for more info about Zen theme: <http://drupal.org/project/zen>
+
+Compass plugins can require libraries and provide frameworks. Multiple libraries may be included in this project for each version of Zen theme, and each of these libraries provides the zen subtheme framework.
+
+---------
+
+This plugin adds the Drupal Zen theme STARTERKIT to [Compass](http://compass-style.org/).
+
+Install
+=======
+
+    sudo gem install chriseppstein-compass
+    sudo gem install (what?)
+
+Create a Drupal Zen theme Compass Project
+=========================================
+
+    compass -r d6_zen2 -f zen <project name>
+

data/Rakefile

@@ -0,0 +1,37 @@
+require 'fileutils'
+require 'sass'
+
+begin
+  require 'jeweler'
+
+  Jeweler::Tasks.new do |gemspec|
+    gemspec.name = "compass-drupal-zen-plugin"
+    gemspec.summary = "Compass compatible Sass port of Drupal Zen theme"
+    gemspec.email = "bjd@pobox.com"
+    gemspec.homepage = "http://github.com/bangpound/compass-drupal-zen-plugin"
+    gemspec.description = "Zen is the ultimate starting theme for Drupal, an homage to the CSS Zen Garden site where designers can redesign the page purely through the use of CSS. http://drupal.org/project/zen"
+    gemspec.authors = ["Benjamin Doherty"]
+
+    gemspec.files.include %w(d6_zen2/*/*/*)
+  end
+
+rescue LoadError
+  puts "Jeweler not available. Install it with: sudo gem install technicalpickles-jeweler -s http://gems.github.com"
+
+  require 'echoe'
+ 
+  Echoe.new('compass-drupal-zen-plugin', open('VERSION').read) do |p|
+    # p.rubyforge_name = 'drupal-zen'
+    p.summary = "Compass compatible Sass port of Drupal Zen theme"
+    p.description = "Zen is the ultimate starting theme for Drupal, an homage to the CSS Zen Garden site where designers can redesign the page purely through the use of CSS. http://drupal.org/project/zen"
+    p.url = "http://github.com/bangpound/compass-drupal-zen-plugin"
+    p.author = ['Benjamin Doherty']
+    p.email = "bjd@bangpound.org"
+    p.dependencies = ["chriseppstein-compass"]
+    p.has_rdoc = false
+  end
+ 
+rescue LoadError => boom
+  puts "You are missing a dependency required for meta-operations on this gem."
+  puts "#{boom.to_s.capitalize}."
+end

data/VERSION.yml

@@ -0,0 +1,4 @@
+--- 
+:major: 0
+:minor: 1
+:patch: 0

data/d6_zen2/sass/zen/_zen.sass

@@ -0,0 +1,13 @@
+@import compass/utilities/general/float.sass
+
+=zen-region-visibility
+  :overflow visible
+  // A very nice CSS3 property
+  :word-wrap break-word
+
+=zen-region(!width, !left_margin = 0)
+  +reset-box-model
+  +float-left
+  :width = !width
+  :margin-left = !left_margin
+  :margin-right = -(!width + !left_margin)

data/d6_zen2/templates/project/STARTERKIT.info

@@ -0,0 +1,98 @@
+; $Id: STARTERKIT.info,v 1.18 2009/02/17 05:09:29 johnalbin Exp $
+
+
+  ; The name and description of the theme used on the admin/build/themes page.
+name        = Zen Themer’s Starter Kit
+description = Read the <a href="http://drupal.org/node/226507">online docs</a> on how to create a sub-theme.
+
+  ; The screenshot used on the admin/build/themes page.
+screenshot = screenshot.png
+
+  ; "core" specifies the version of Drupal that this theme is compatible with.
+  ; "base theme" specifies that this is a theme that uses the "zen" theme as its
+  ; base theme. Its unlikely you will ever need to change these, but they are
+  ; required fields for a Zen sub-theme. The "engine" field is not used in a
+  ; sub-theme since the engine is inherited from its base theme.
+core       = 6.x
+base theme = zen
+
+  ; This section adds CSS files to your theme. The media type is specified in
+  ; the brackets. Typical CSS media types include "all", "screen", "print", and
+  ; "handheld". See http://www.w3.org/TR/CSS21/media.html#media-types for a full
+  ; list of stylesheet media types in CSS 2.1. The iPhone's preferred media type
+  ; is based on the CSS3 Media queries. http://www.w3.org/TR/css3-mediaqueries/
+  ;
+  ; You can also override any of Zen's stylesheets or any module's stylesheets,
+  ; an /extremely/ useful feature. See the excellent Drupal 6 Theme Guide at
+  ; http://drupal.org/node/171209 for more details.
+stylesheets[all][]   = html-elements.css
+; stylesheets[all][] = wireframes.css
+stylesheets[all][]   = layout.css
+stylesheets[all][]   = backgrounds.css
+; stylesheets[all][] = tabs.css
+; stylesheets[all][] = messages.css
+stylesheets[all][]   = pages.css
+; stylesheets[all][] = block-editing.css
+stylesheets[all][]   = blocks.css
+stylesheets[all][]   = navigation.css
+stylesheets[all][]   = views-styles.css
+stylesheets[all][]   = nodes.css
+stylesheets[all][]   = comments.css
+stylesheets[all][]   = forms.css
+stylesheets[all][]   = fields.css
+stylesheets[print][] = print.css
+; stylesheets[handheld][] = mobile.css
+; stylesheets[only screen and (max-device-width: 480px)][] = iphone.css
+
+  ; Set the conditional stylesheets that are processed by IE.
+; conditional-stylesheets[if IE][all][]       = ie.css
+; conditional-stylesheets[if lte IE 6][all][] = ie6.css
+; conditional-stylesheets[if lte IE 5][all][] = ie5.css
+
+  ; Optionally add some jquery scripts to your theme.
+; scripts[] = script.js
+
+  ; The regions defined in Zen's default page.tpl.php file.  The name in
+  ; brackets is the name of the variable in the page.tpl.php file, (e.g.
+  ; "[content_top]" in the .info file means there should be a $content_top
+  ; variable in the page.tpl.php file.) The text after the equals sign is a
+  ; descriptive text used on the admin/build/blocks page.
+  ;
+  ; To add a new region, copy Zen's page.tpl.php to your sub-theme's directory,
+  ; add a line line to this file, and then add the new variable to your
+  ; page.tpl.php template.
+regions[left]           = left sidebar
+regions[right]          = right sidebar
+regions[navbar]         = navigation bar
+regions[content_top]    = content top
+regions[content_bottom] = content bottom
+regions[header]         = header
+regions[footer]         = footer
+regions[closure_region] = closure
+
+  ; Various page elements output by the theme can be toggled on and off. The
+  ; "features" control which of these check boxes display on the
+  ; admin/build/themes config page. This is useful for suppressing check boxes
+  ; for elements not used by your sub-theme. To suppress a check box, omit the
+  ; entry for it below. See the Drupal 6 Theme Guide for more info:
+  ; http://drupal.org/node/171205#features
+features[] = logo
+features[] = name
+features[] = slogan
+features[] = mission
+features[] = node_user_picture
+features[] = comment_user_picture
+features[] = search
+features[] = favicon
+features[] = primary_links
+features[] = secondary_links
+
+  ; Set the default settings to be used in theme-settings.php
+settings[zen_block_editing]        = 1
+settings[zen_breadcrumb]           = yes
+settings[zen_breadcrumb_separator] = ' › '
+settings[zen_breadcrumb_home]      = 1
+settings[zen_breadcrumb_trailing]  = 1
+settings[zen_breadcrumb_title]     = 0
+settings[zen_rebuild_registry]     = 1
+settings[zen_wireframes]           = 0

data/d6_zen2/templates/project/config.rb

@@ -0,0 +1 @@
+require 'd6_zen'

data/d6_zen2/templates/project/layout.sass

@@ -0,0 +1,221 @@
+@import zen/zen.sass
+@import compass/utilities/general/float.sass
+@import compass/utilities/lists.sass
+
+//
+  @file
+  Layout Styling (DIV Positioning)
+ 
+  Define CSS classes to create a table-free, 3-column, 2-column, or single
+  column layout depending on whether blocks are enabled in the left or right
+  columns.
+ 
+  This layout is based on the Zen Columns layout method.
+    http://drupal.org/node/201428
+ 
+  Only CSS that affects the layout (positioning) of major elements should be
+  listed here.  Such as:
+    display, position, float, clear, width, height, min-width, min-height
+    margin, border, padding, overflow
+ 
+
+!zen_left_width    ||= 200px
+!zen_right_width   ||= 200px
+!zen_content_width ||= 560px
+!zen_gutter        ||= 20px
+!zen_navbar_height ||= 3.6em
+
+!zen_page_width ||= !zen_left_width + !zen_content_width + !zen_right_width
+
+
+// Body
+
+body
+
+#page,
+#closure-blocks
+  //
+    If you want to make the page a fixed width and centered in the viewport,
+    this is the standards-compliant way to do that. See also the ie6.css file
+    for the necessary IE5/IE6quirks hack to center a div.
+  :margin-left auto
+  :margin-right auto
+  :width = !zen_page_width
+
+#page-inner
+
+#navigation-top,
+#navigation
+  //
+    Take the named anchors out of the doc flow   
+    and prevent any anchor styles from appearing.
+  :position absolute
+  :left -10000px
+
+#skip-to-nav
+  +float-right
+  :margin 0 !important
+  :font-size 0.8em
+
+  a
+    &:link, &:visited
+      // Same as background color of page
+      :color #fff
+
+    &:hover
+      :color #000
+      :text-decoration none
+
+//
+  Alternatively, the skip-to-nav link can be completely hidden until a user tabs
+  to the link. Un-indent the following CSS to use this technique.
+
+  #skip-to-nav a, #skip-to-nav a:hover, #skip-to-nav a:visited
+    :position absolute
+    :left 0
+    :top -500px
+    :width 1px
+    :height 1px
+    :overflow hidden
+  
+  #skip-to-nav a:active, #skip-to-nav a:focus
+    :position static
+    :width auto
+    :height auto
+
+// Header
+
+#header
+
+#header-inner
+
+#logo-title
+
+#logo
+  +float-left
+
+#site-name
+
+#site-slogan
+
+#header-blocks
+  // Clear the logo
+  :clear both
+
+// Main (container for everything else)
+
+#main
+  :position relative
+
+#main-inner
+
+
+// Content
+
+#content,
+.no-sidebars #content
+  +zen-region(!zen_left_width + !zen_content_width + !zen_right_width)
+
+.sidebar-left #content
+  +zen-region(!zen_content_width + !zen_right_width, !zen_left_width)
+
+.sidebar-right #content
+  +zen-region(!zen_left_width + !zen_content_width)
+
+.two-sidebars #content
+  +zen-region(!zen_content_width, !zen_left_width)
+
+#content-inner
+  +reset-box-model
+
+// Navbar
+
+#navbar
+  +zen-region(100%)
+  //
+    The navbar can have any arbritrary height. We picked one
+    that is twice the line-height pluse 1em: 2 x 1.3 + 1 = 3.6
+    Set this to the same value as the margin-top below.
+  :height = !zen_navbar_height
+
+  ul
+    // Primary and secondary links
+    +reset-box-model
+    // A simple method to get navbar links to appear in one line.
+    +horizontal-list(10px)
+    // There are many methods to get navbar links to appear in one line.
+    // Here's an alternate method:
+    // +inline-list
+    :text-align left
+
+.with-navbar
+  #content, #sidebar-left, #sidebar-right
+    :margin-top = !zen_navbar_height
+
+#navbar-inner
+
+#search-box
+  +zen-region(!zen_left_width)
+
+#primary
+  // Width of search-box
+  :margin-left = !zen_navbar_height
+
+#secondary
+  // Width of search-box
+  :margin-left = !zen_navbar_height
+
+// Sidebar-left
+
+#sidebar-left
+  +zen-region(!zen_left_width)
+
+#sidebar-left-inner
+  :margin
+    :right = !zen_gutter
+
+// Sidebar-right
+
+#sidebar-right
+  +zen-region(!zen_right_width, !zen_left_width + !zen_content_width)
+
+#sidebar-right-inner
+  :margin
+    :left = !zen_gutter
+
+// Footer
+
+#footer
+
+#footer-inner
+
+// Closure
+
+#closure-blocks
+  // See also the #page declaration above that this div shares.
+
+// Prevent overflowing content
+
+#header,
+#content,
+#navbar,
+#sidebar-left,
+#sidebar-right,
+#footer,
+#closure-blocks
+  +zen-region-visibility
+
+#navbar
+  // May need to be removed if using a dynamic drop-down menu
+  :overflow hidden
+
+//
+  If a div.clear-block doesn't have any content after it and its bottom edge
+  touches the bottom of the viewport, Firefox and Safari will mistakenly
+  place several pixels worth of space between the bottom of the div and the
+  bottom of the viewport. Un-indent this CSS property to fix this.
+  Note: with some over-large content, this property might cause scrollbars
+  to appear on the #page div.
+
+  #page
+    :overflow-y hidden

data/d6_zen2/templates/project/manifest.rb

@@ -0,0 +1,8 @@
+stylesheet 'layout.sass', :media => "screen, projection"
+file 'config.rb'
+file 'favicon.ico'
+file 'logo.png'
+file 'screenshot.png'
+file 'STARTERKIT.info'
+file 'template.php'
+file 'theme-settings.php'

data/d6_zen2/templates/project/template.php

@@ -0,0 +1,169 @@
+<?php
+// $Id: template.php,v 1.19 2009/02/19 14:48:15 johnalbin Exp $
+
+/**
+ * @file
+ * Contains theme override functions and preprocess functions for the theme.
+ *
+ * ABOUT THE TEMPLATE.PHP FILE
+ *
+ *   The template.php file is one of the most useful files when creating or
+ *   modifying Drupal themes. You can add new regions for block content, modify
+ *   or override Drupal's theme functions, intercept or make additional
+ *   variables available to your theme, and create custom PHP logic. For more
+ *   information, please visit the Theme Developer's Guide on Drupal.org:
+ *   http://drupal.org/theme-guide
+ *
+ * OVERRIDING THEME FUNCTIONS
+ *
+ *   The Drupal theme system uses special theme functions to generate HTML
+ *   output automatically. Often we wish to customize this HTML output. To do
+ *   this, we have to override the theme function. You have to first find the
+ *   theme function that generates the output, and then "catch" it and modify it
+ *   here. The easiest way to do it is to copy the original function in its
+ *   entirety and paste it here, changing the prefix from theme_ to STARTERKIT_.
+ *   For example:
+ *
+ *     original: theme_breadcrumb()
+ *     theme override: STARTERKIT_breadcrumb()
+ *
+ *   where STARTERKIT is the name of your sub-theme. For example, the
+ *   zen_classic theme would define a zen_classic_breadcrumb() function.
+ *
+ *   If you would like to override any of the theme functions used in Zen core,
+ *   you should first look at how Zen core implements those functions:
+ *     theme_breadcrumbs()      in zen/template.php
+ *     theme_menu_item_link()   in zen/template.php
+ *     theme_menu_local_tasks() in zen/template.php
+ *
+ *   For more information, please visit the Theme Developer's Guide on
+ *   Drupal.org: http://drupal.org/node/173880
+ *
+ * CREATE OR MODIFY VARIABLES FOR YOUR THEME
+ *
+ *   Each tpl.php template file has several variables which hold various pieces
+ *   of content. You can modify those variables (or add new ones) before they
+ *   are used in the template files by using preprocess functions.
+ *
+ *   This makes THEME_preprocess_HOOK() functions the most powerful functions
+ *   available to themers.
+ *
+ *   It works by having one preprocess function for each template file or its
+ *   derivatives (called template suggestions). For example:
+ *     THEME_preprocess_page    alters the variables for page.tpl.php
+ *     THEME_preprocess_node    alters the variables for node.tpl.php or
+ *                              for node-forum.tpl.php
+ *     THEME_preprocess_comment alters the variables for comment.tpl.php
+ *     THEME_preprocess_block   alters the variables for block.tpl.php
+ *
+ *   For more information on preprocess functions and template suggestions,
+ *   please visit the Theme Developer's Guide on Drupal.org:
+ *   http://drupal.org/node/223440
+ *   and http://drupal.org/node/190815#template-suggestions
+ */
+
+
+/*
+ * Add any conditional stylesheets you will need for this sub-theme.
+ *
+ * To add stylesheets that ALWAYS need to be included, you should add them to
+ * your .info file instead. Only use this section if you are including
+ * stylesheets based on certain conditions.
+ */
+/* -- Delete this line if you want to use and modify this code
+// Example: optionally add a fixed width CSS file.
+if (theme_get_setting('STARTERKIT_fixed')) {
+  drupal_add_css(path_to_theme() . '/layout-fixed.css', 'theme', 'all');
+}
+// */
+
+
+/**
+ * Implementation of HOOK_theme().
+ */
+function STARTERKIT_theme(&$existing, $type, $theme, $path) {
+  $hooks = zen_theme($existing, $type, $theme, $path);
+  // Add your theme hooks like this:
+  /*
+  $hooks['hook_name_here'] = array( // Details go here );
+  */
+  // @TODO: Needs detailed comments. Patches welcome!
+  return $hooks;
+}
+
+/**
+ * Override or insert variables into all templates.
+ *
+ * @param $vars
+ *   An array of variables to pass to the theme template.
+ * @param $hook
+ *   The name of the template being rendered (name of the .tpl.php file.)
+ */
+/* -- Delete this line if you want to use this function
+function STARTERKIT_preprocess(&$vars, $hook) {
+  $vars['sample_variable'] = t('Lorem ipsum.');
+}
+// */
+
+/**
+ * Override or insert variables into the page templates.
+ *
+ * @param $vars
+ *   An array of variables to pass to the theme template.
+ * @param $hook
+ *   The name of the template being rendered ("page" in this case.)
+ */
+/* -- Delete this line if you want to use this function
+function STARTERKIT_preprocess_page(&$vars, $hook) {
+  $vars['sample_variable'] = t('Lorem ipsum.');
+}
+// */
+
+/**
+ * Override or insert variables into the node templates.
+ *
+ * @param $vars
+ *   An array of variables to pass to the theme template.
+ * @param $hook
+ *   The name of the template being rendered ("node" in this case.)
+ */
+/* -- Delete this line if you want to use this function
+function STARTERKIT_preprocess_node(&$vars, $hook) {
+  $vars['sample_variable'] = t('Lorem ipsum.');
+
+  // Optionally, run node-type-specific preprocess functions, like
+  // STARTERKIT_preprocess_node_page() or STARTERKIT_preprocess_node_story().
+  $function = __FUNCTION__ . '_' . $vars['node']->type;
+  if (function_exists($function)) {
+    $function($vars);
+  }
+}
+// */
+
+/**
+ * Override or insert variables into the comment templates.
+ *
+ * @param $vars
+ *   An array of variables to pass to the theme template.
+ * @param $hook
+ *   The name of the template being rendered ("comment" in this case.)
+ */
+/* -- Delete this line if you want to use this function
+function STARTERKIT_preprocess_comment(&$vars, $hook) {
+  $vars['sample_variable'] = t('Lorem ipsum.');
+}
+// */
+
+/**
+ * Override or insert variables into the block templates.
+ *
+ * @param $vars
+ *   An array of variables to pass to the theme template.
+ * @param $hook
+ *   The name of the template being rendered ("block" in this case.)
+ */
+/* -- Delete this line if you want to use this function
+function STARTERKIT_preprocess_block(&$vars, $hook) {
+  $vars['sample_variable'] = t('Lorem ipsum.');
+}
+// */

data/d6_zen2/templates/project/theme-settings.php

@@ -0,0 +1,45 @@
+<?php
+// $Id: theme-settings.php,v 1.7 2008/09/11 09:36:50 johnalbin Exp $
+
+// Include the definition of zen_settings() and zen_theme_get_default_settings().
+include_once './' . drupal_get_path('theme', 'zen') . '/theme-settings.php';
+
+
+/**
+ * Implementation of THEMEHOOK_settings() function.
+ *
+ * @param $saved_settings
+ *   An array of saved settings for this theme.
+ * @return
+ *   A form array.
+ */
+function STARTERKIT_settings($saved_settings) {
+
+  // Get the default values from the .info file.
+  $defaults = zen_theme_get_default_settings('STARTERKIT');
+
+  // Merge the saved variables and their default values.
+  $settings = array_merge($defaults, $saved_settings);
+
+  /*
+   * Create the form using Forms API: http://api.drupal.org/api/6
+   */
+  $form = array();
+  /* -- Delete this line if you want to use this setting
+  $form['STARTERKIT_example'] = array(
+    '#type'          => 'checkbox',
+    '#title'         => t('Use this sample setting'),
+    '#default_value' => $settings['STARTERKIT_example'],
+    '#description'   => t("This option doesn't do anything; it's just an example."),
+  );
+  // */
+
+  // Add the base theme's settings.
+  $form += zen_settings($saved_settings, $defaults);
+
+  // Remove some of the base theme's settings.
+  unset($form['themedev']['zen_layout']); // We don't need to select the base stylesheet.
+
+  // Return the form
+  return $form;
+}

data/lib/d6_zen2.rb

@@ -0,0 +1 @@
+require File.join(File.dirname(__FILE__), 'd6_zen2', 'compass_plugin')

data/lib/d6_zen2/compass_plugin.rb

@@ -0,0 +1,5 @@
+options = Hash.new
+options[:stylesheets_directory] = File.expand_path(File.join(File.dirname(__FILE__), '..', '..', 'd6_zen2/sass'))
+options[:templates_directory] = File.expand_path(File.join(File.dirname(__FILE__), '..', '..', 'd6_zen2/templates'))
+
+Compass::Frameworks.register('zen', options)

metadata

@@ -0,0 +1,67 @@
+--- !ruby/object:Gem::Specification 
+name: bangpound-compass-drupal-zen-plugin
+version: !ruby/object:Gem::Version 
+  version: 0.1.0
+platform: ruby
+authors: 
+- Benjamin Doherty
+autorequire: 
+bindir: bin
+cert_chain: []
+
+date: 2009-04-26 00:00:00 -07:00
+default_executable: 
+dependencies: []
+
+description: Zen is the ultimate starting theme for Drupal, an homage to the CSS Zen Garden site where designers can redesign the page purely through the use of CSS. http://drupal.org/project/zen
+email: bjd@pobox.com
+executables: []
+
+extensions: []
+
+extra_rdoc_files: 
+- README.mkdn
+files: 
+- README.mkdn
+- Rakefile
+- VERSION.yml
+- d6_zen2/sass/zen/_zen.sass
+- d6_zen2/templates/project/STARTERKIT.info
+- d6_zen2/templates/project/config.rb
+- d6_zen2/templates/project/favicon.ico
+- d6_zen2/templates/project/layout.sass
+- d6_zen2/templates/project/logo.png
+- d6_zen2/templates/project/manifest.rb
+- d6_zen2/templates/project/screenshot.png
+- d6_zen2/templates/project/template.php
+- d6_zen2/templates/project/theme-settings.php
+- lib/d6_zen2.rb
+- lib/d6_zen2/compass_plugin.rb
+has_rdoc: true
+homepage: http://github.com/bangpound/compass-drupal-zen-plugin
+post_install_message: 
+rdoc_options: 
+- --charset=UTF-8
+require_paths: 
+- lib
+required_ruby_version: !ruby/object:Gem::Requirement 
+  requirements: 
+  - - ">="
+    - !ruby/object:Gem::Version 
+      version: "0"
+  version: 
+required_rubygems_version: !ruby/object:Gem::Requirement 
+  requirements: 
+  - - ">="
+    - !ruby/object:Gem::Version 
+      version: "0"
+  version: 
+requirements: []
+
+rubyforge_project: 
+rubygems_version: 1.2.0
+signing_key: 
+specification_version: 2
+summary: Compass compatible Sass port of Drupal Zen theme
+test_files: []
+