compass-slickmap 0.2.3 → 0.3.0

data/.gitignore

@@ -1,3 +1,4 @@
 .DS_Store
 pkg
-.sass-cache
+.sass-cache
+compass-slickmap-*.gem

data/Rakefile

@@ -5,13 +5,14 @@ begin
   require 'jeweler'
   Jeweler::Tasks.new do |gem|
     gem.name = "compass-slickmap"
-    gem.summary = %Q{An implementation of SlickmapCSS sitemap in Sass}
+    gem.summary = %Q{An implementation of SlickmapCSS sitemap in SCSS/Sass3}
     gem.email = "tdreyno@gmail.com"
     gem.homepage = "http://github.com/tdreyno/compass-slickmap"
     gem.authors = ["Thomas Reynolds"]
     # gem.rubyforge_project = "compassslickmap"
     # gem is a Gem::Specification... see http://www.rubygems.org/read/chapter/20 for additional settings
-    gem.add_dependency("compass")
+    gem.add_dependency("haml", ">= 3.0")
+    gem.add_dependency("compass", ">= 0.10")
   end
   
   Jeweler::GemcutterTasks.new

data/VERSION

@@ -1 +1 @@
-0.2.3
+0.3.0

data/compass-slickmap.gemspec

@@ -1,15 +1,15 @@
 # Generated by jeweler
-# DO NOT EDIT THIS FILE DIRECTLY
-# Instead, edit Jeweler::Tasks in Rakefile, and run the gemspec command
+# DO NOT EDIT THIS FILE
+# Instead, edit Jeweler::Tasks in Rakefile, and run `rake gemspec`
 # -*- encoding: utf-8 -*-
 
 Gem::Specification.new do |s|
   s.name = %q{compass-slickmap}
-  s.version = "0.2.3"
+  s.version = "0.3.0"
 
   s.required_rubygems_version = Gem::Requirement.new(">= 0") if s.respond_to? :required_rubygems_version=
   s.authors = ["Thomas Reynolds"]
-  s.date = %q{2009-12-03}
+  s.date = %q{2010-05-22}
   s.email = %q{tdreyno@gmail.com}
   s.files = [
     ".gitignore",
@@ -17,37 +17,38 @@ Gem::Specification.new do |s|
      "VERSION",
      "compass-slickmap.gemspec",
      "lib/slickmap.rb",
-     "lib/slickmap/compass_plugin.rb",
-     "sass/_slickmap.sass",
-     "templates/project/images/L1-center.png",
-     "templates/project/images/L1-left.png",
-     "templates/project/images/L1-right.png",
-     "templates/project/images/L3-bottom.png",
-     "templates/project/images/L3-center.png",
-     "templates/project/images/L3-li-top.png",
-     "templates/project/images/L3-ul-top.png",
-     "templates/project/images/vertical-line.png",
-     "templates/project/images/white-highlight.png",
-     "templates/project/manifest.rb",
-     "templates/project/sitemap.sass"
+     "lib/stylesheets/_slickmap.scss",
+     "lib/templates/project/L1-center.png",
+     "lib/templates/project/L1-left.png",
+     "lib/templates/project/L1-right.png",
+     "lib/templates/project/L3-bottom.png",
+     "lib/templates/project/L3-center.png",
+     "lib/templates/project/L3-li-top.png",
+     "lib/templates/project/L3-ul-top.png",
+     "lib/templates/project/manifest.rb",
+     "lib/templates/project/sitemap.scss",
+     "lib/templates/project/vertical-line.png",
+     "lib/templates/project/white-highlight.png"
   ]
   s.homepage = %q{http://github.com/tdreyno/compass-slickmap}
   s.rdoc_options = ["--charset=UTF-8"]
   s.require_paths = ["lib"]
-  s.rubygems_version = %q{1.3.5}
-  s.summary = %q{An implementation of SlickmapCSS sitemap in Sass}
+  s.rubygems_version = %q{1.3.7}
+  s.summary = %q{An implementation of SlickmapCSS sitemap in SCSS/Sass3}
 
   if s.respond_to? :specification_version then
     current_version = Gem::Specification::CURRENT_SPECIFICATION_VERSION
     s.specification_version = 3
 
-    if Gem::Version.new(Gem::RubyGemsVersion) >= Gem::Version.new('1.2.0') then
-      s.add_runtime_dependency(%q<compass>, [">= 0"])
+    if Gem::Version.new(Gem::VERSION) >= Gem::Version.new('1.2.0') then
+      s.add_runtime_dependency(%q<haml>, [">= 3.0"])
+      s.add_runtime_dependency(%q<compass>, [">= 0.10"])
     else
-      s.add_dependency(%q<compass>, [">= 0"])
+      s.add_dependency(%q<haml>, [">= 3.0"])
+      s.add_dependency(%q<compass>, [">= 0.10"])
     end
   else
-    s.add_dependency(%q<compass>, [">= 0"])
+    s.add_dependency(%q<haml>, [">= 3.0"])
+    s.add_dependency(%q<compass>, [">= 0.10"])
   end
 end
-

data/lib/slickmap.rb

@@ -1,45 +1,3 @@
-require 'base64'
-require File.join(File.dirname(__FILE__), 'slickmap', 'compass_plugin')
-
-module Compass::SlickmapImage
-  def slickmap_image(path, mime_type = nil)
-    path = path.value
-    real_path = File.join(File.dirname(__FILE__), "..", "templates", "project", "images", path)
-    url = "url('data:#{compute_mime_type(path,mime_type)};base64,#{data(real_path)}')"
-    Sass::Script::String.new(url)
-  end
-
-private
-  def compute_mime_type(path, mime_type)
-    return mime_type if mime_type
-    case path
-    when /\.png$/i
-      'image/png'
-    when /\.jpe?g$/i
-      'image/jpeg'
-    when /\.gif$/i
-      'image/gif'
-    when /\.([a-zA-Z]+)$/
-      "image/#{Regexp.last_match(1).downcase}"
-    else
-      raise Compass::Error, "A mime type could not be determined for #{path}, please specify one explicitly."
-    end
-  end
-
-  def data(real_path)
-    if File.readable?(real_path)
-      Base64.encode64(File.read(real_path)).gsub("\n","")
-    else
-      raise Compass::Error, "File not found or cannot be read: #{real_path}"
-    end
-  end
-end
-
-
-module ::Sass::Script::Functions
-  include Compass::SlickmapImage
-end
-
-class ::Sass::Script::Functions::EvaluationContext
-  include ::Sass::Script::Functions
-end
+Compass::Frameworks.register('slickmap',
+                             :stylesheets_directory => File.join(File.dirname(__FILE__), 'stylesheets'),
+                             :templates_directory   => File.join(File.dirname(__FILE__), 'templates'))

data/lib/stylesheets/_slickmap.scss

@@ -0,0 +1,197 @@
+@import "compass/reset";
+@import "compass/css3";
+
+/* Override !column-default with the number of top-level navigation columns you need */
+/*  - not including your home page */
+$column-default: 4 !default;
+
+@mixin slickmap($body-selector: body, $columns: $column-default) {
+  #{$body-selector} {
+    @include nested-reset;
+    @include slickmap-body;
+    @if $body-selector != "body" {
+      @include slickmap-defaults($columns); } }
+  @if $body-selector == "body" {
+    @include slickmap-defaults($columns); } }
+
+@mixin slickmap-primary-nav($columns: $column-default) {
+  margin: 0;
+  float: left;
+  width: 100%;
+  li {
+    width: 100% / $columns; }
+  &.col1 li {
+    width: 99.9%; }
+  &.col2 li {
+    width: 50%; }
+  &.col3 li {
+    width: 33.3%; }
+  &.col4 li {
+    width: 25%; }
+  &.col5 li {
+    width: 20%; }
+  &.col6 li {
+    width: 16.6%; }
+  &.col7 li {
+    width: 14.2%; }
+  &.col8 li {
+    width: 12.5%; }
+  &.col9 li {
+    width: 11.1%; }
+  &.col10 li {
+    width: 10%; }
+  li {
+    ul li {
+      width: 100% !important; }
+    a:link:before, a:visited:before, span:before {
+      color: #78a9c0; }
+    /* Second Level */
+    li {
+      width: 100%;
+      clear: left;
+      margin-top: 0;
+      padding: 10px 0 0 0;
+      background: inline-image("vertical-line.png") repeat-y 50% bottom;
+      a, span {
+        background-color: #cee3ac;
+        border-color: #b8da83;
+        &:hover {
+          border-color: #94b75f;
+          background-color: #e7f1d7; } }
+      &:first-child {
+        padding-top: 30px; }
+      &:last-child {
+        background: inline-image("vertical-line.png") repeat-y 50% bottom; }
+      a:link:before, a:visited:before, span:before {
+        color: #8faf5c; }
+      /* Third Level */
+      ul {
+        margin: 10px 0 0 0;
+        width: 100%;
+        float: right;
+        padding: 9px 0 10px 0;
+        background: white inline-image("L3-ul-top.png") no-repeat 50% 0; }
+      li {
+        background: inline-image("L3-center.png") no-repeat 0 50%;
+        padding: 5px 0;
+        a, span {
+          background-color: #fff7aa;
+          border-color: #e3ca4b;
+          font-size: 12px;
+          padding: 5px 0;
+          width: 80%;
+          float: right;
+          &:hover {
+            background-color: #fffce5;
+            border-color: #d1b62c; } }
+        &:first-child {
+          padding: 15px 0 5px 0;
+          background: inline-image("L3-li-top.png") no-repeat 0 50%; }
+        &:last-child {
+          background: inline-image("L3-bottom.png") no-repeat 0 50%; }
+        a:link:before, a:visited:before, span:before {
+          color: #ccae14;
+          font-size: 9px; } } } }
+  li {
+    float: left;
+    background: inline-image("L1-center.png") no-repeat 50% 0;
+    padding: 30px 0;
+    margin-top: -30px;
+    &:last-child {
+      background: inline-image("L1-right.png") no-repeat 50% 0; }
+    a, span {
+      margin: 0 20px 0 0;
+      padding: 10px 0;
+      display: block;
+      font-size: 14px;
+      font-weight: bold;
+      text-align: center;
+      color: black;
+      background: #c3eafb inline-image("white-highlight.png") repeat-x 0 0;
+      border: 2px solid #b5d9ea;
+      @include border-radius(5px);
+      @include box-shadow(rgba(0, 0, 0, 0.5), 2px, 2px, 2px);
+      &:hover, span {
+        background-color: #e2f4fd;
+        border-color: #97bdcf; } } } }
+
+@mixin slickmap-primary-nav-home {
+  display: block;
+  float: none;
+  background: white inline-image("L1-left.png") no-repeat 50% bottom;
+  position: relative;
+  z-index: 2;
+  padding: 0 0 30px 0; }
+
+@mixin slickmap-utility-nav {
+  float: right;
+  max-width: 50%;
+  margin-right: 10px;
+  li {
+    float: left;
+    margin-bottom: 10px;
+    a, span {
+      margin: 0 10px 0 0;
+      padding: 5px 10px;
+      display: block;
+      border: 2px solid #e3ca4b;
+      font-size: 12px;
+      font-weight: bold;
+      text-align: center;
+      color: black;
+      background: #fff7aa inline-image("white-highlight.png") repeat-x 0 0;
+      @include border-radius(5px);
+      @include box-shadow(rgba(0, 0, 0, 0.5), 2px, 2px, 2px);
+      &:hover {
+        background-color: #fffce5;
+        border-color: #d1b62c; } }
+    a:link:before, a:visited:before, span:before {
+      color: #ccae14;
+      font-size: 9px;
+      margin-bottom: 3px; } } }
+
+/* General Styles */
+@mixin slickmap-body {
+  background: white;
+  color: black;
+  padding: 40px;
+  font-family: Gotham, Helvetica, Arial, sans-serif;
+  font-size: 12px;
+  line-height: 1; }
+
+@mixin slickmap-defaults($columns: $column-default) {
+  .sitemap {
+    margin: 0 0 40px 0;
+    float: left;
+    width: 100%; }
+  h1 {
+    font-weight: bold;
+    text-transform: uppercase;
+    font-size: 20px;
+    margin: 0 0 5px 0; }
+  h2 {
+    font-family: "Lucida Grande", Verdana, sans-serif;
+    font-size: 10px;
+    color: #777777;
+    margin: 0 0 20px 0; }
+  a, span {
+    text-decoration: none; }
+  a:link:before, a:visited:before, span:before {
+    display: block;
+    text-transform: uppercase;
+    font-size: 10px;
+    margin-bottom: 5px;
+    word-wrap: break-word; }
+  a:link:before, a:visited:before {
+    content: " " attr(href) " "; }
+  span:before {
+    content: " " attr(title) " "; }
+  ol, ul {
+    list-style: none; }
+  #primaryNav {
+    @include slickmap-primary-nav($columns);
+    li#home {
+      @include slickmap-primary-nav-home; } }
+  /* Utility Navigation */
+  #utilityNav {
+    @include slickmap-utility-nav; } }

data/lib/templates/project/manifest.rb

@@ -0,0 +1,10 @@
+image 'L1-center.png'
+image 'L1-left.png'
+image 'L1-right.png'
+image 'L3-bottom.png'
+image 'L3-center.png'
+image 'L3-li-top.png'
+image 'L3-ul-top.png'
+image 'vertical-line.png'
+image 'white-highlight.png'
+stylesheet 'sitemap.scss', :media => "screen, projection"

data/lib/templates/project/sitemap.scss

@@ -0,0 +1,6 @@
+/* Override with the number of top level naigation columns you need.
+   - not including your home page */
+$column-default: 4 !default;
+
+@import "slickmap";
+@include slickmap;

metadata

@@ -1,7 +1,13 @@
 --- !ruby/object:Gem::Specification 
 name: compass-slickmap
 version: !ruby/object:Gem::Version 
-  version: 0.2.3
+  hash: 19
+  prerelease: false
+  segments: 
+  - 0
+  - 3
+  - 0
+  version: 0.3.0
 platform: ruby
 authors: 
 - Thomas Reynolds
@@ -9,19 +15,39 @@ autorequire:
 bindir: bin
 cert_chain: []
 
-date: 2009-12-03 00:00:00 -08:00
+date: 2010-05-22 00:00:00 -07:00
 default_executable: 
 dependencies: 
 - !ruby/object:Gem::Dependency 
-  name: compass
+  name: haml
+  prerelease: false
+  requirement: &id001 !ruby/object:Gem::Requirement 
+    none: false
+    requirements: 
+    - - ">="
+      - !ruby/object:Gem::Version 
+        hash: 7
+        segments: 
+        - 3
+        - 0
+        version: "3.0"
   type: :runtime
-  version_requirement: 
-  version_requirements: !ruby/object:Gem::Requirement 
+  version_requirements: *id001
+- !ruby/object:Gem::Dependency 
+  name: compass
+  prerelease: false
+  requirement: &id002 !ruby/object:Gem::Requirement 
+    none: false
     requirements: 
     - - ">="
       - !ruby/object:Gem::Version 
-        version: "0"
-    version: 
+        hash: 31
+        segments: 
+        - 0
+        - 10
+        version: "0.10"
+  type: :runtime
+  version_requirements: *id002
 description: 
 email: tdreyno@gmail.com
 executables: []
@@ -36,19 +62,18 @@ files:
 - VERSION
 - compass-slickmap.gemspec
 - lib/slickmap.rb
-- lib/slickmap/compass_plugin.rb
-- sass/_slickmap.sass
-- templates/project/images/L1-center.png
-- templates/project/images/L1-left.png
-- templates/project/images/L1-right.png
-- templates/project/images/L3-bottom.png
-- templates/project/images/L3-center.png
-- templates/project/images/L3-li-top.png
-- templates/project/images/L3-ul-top.png
-- templates/project/images/vertical-line.png
-- templates/project/images/white-highlight.png
-- templates/project/manifest.rb
-- templates/project/sitemap.sass
+- lib/stylesheets/_slickmap.scss
+- lib/templates/project/L1-center.png
+- lib/templates/project/L1-left.png
+- lib/templates/project/L1-right.png
+- lib/templates/project/L3-bottom.png
+- lib/templates/project/L3-center.png
+- lib/templates/project/L3-li-top.png
+- lib/templates/project/L3-ul-top.png
+- lib/templates/project/manifest.rb
+- lib/templates/project/sitemap.scss
+- lib/templates/project/vertical-line.png
+- lib/templates/project/white-highlight.png
 has_rdoc: true
 homepage: http://github.com/tdreyno/compass-slickmap
 licenses: []
@@ -59,23 +84,29 @@ rdoc_options:
 require_paths: 
 - lib
 required_ruby_version: !ruby/object:Gem::Requirement 
+  none: false
   requirements: 
   - - ">="
     - !ruby/object:Gem::Version 
+      hash: 3
+      segments: 
+      - 0
       version: "0"
-  version: 
 required_rubygems_version: !ruby/object:Gem::Requirement 
+  none: false
   requirements: 
   - - ">="
     - !ruby/object:Gem::Version 
+      hash: 3
+      segments: 
+      - 0
       version: "0"
-  version: 
 requirements: []
 
 rubyforge_project: 
-rubygems_version: 1.3.5
+rubygems_version: 1.3.7
 signing_key: 
 specification_version: 3
-summary: An implementation of SlickmapCSS sitemap in Sass
+summary: An implementation of SlickmapCSS sitemap in SCSS/Sass3
 test_files: []
 

data/lib/slickmap/compass_plugin.rb

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

data/sass/_slickmap.sass

@@ -1,210 +0,0 @@
-@import compass/utilities/general/reset.sass
-
-// Override !column_default with the number of top-level navigation columns you need
-//  - not including your home page
-!column_default ||= 4
-
-=slickmap(!body_selector = "body", !columns = !column_default)
-  #{!body_selector}
-    +nested-reset
-    +slickmap-body
-    @if !body_selector != "body"
-      +slickmap-defaults(!columns)
-  @if !body_selector == "body"
-    +slickmap-defaults(!columns)
-
-=slickmap-primary-nav(!columns = !column_default)
-  margin: 0
-  float: left
-  width: 100%
-  li
-    width= 100/!columns + "%"
-
-  &.col1 li
-    width: 99.9%
-  &.col2 li
-    width: 50.0%
-  &.col3 li
-    width: 33.3%
-  &.col4 li
-    width: 25.0%
-  &.col5 li
-    width: 20.0%
-  &.col6 li
-    width: 16.6%
-  &.col7 li
-    width: 14.2%
-  &.col8 li
-    width: 12.5%
-  &.col9 li
-    width: 11.1%
-  &.col10 li
-    width: 10.0%    
-
-  li
-    ul li
-      width: 100% !important
-
-    a:link:before, a:visited:before, span:before
-      color: #78a9c0
-
-    // Second Level
-    li
-      width: 100%
-      clear: left
-      margin-top: 0
-      padding: 10px 0 0 0
-      background= slickmap_image("vertical-line.png") "center" "bottom" "repeat-y"
-      a, span
-        background-color: #cee3ac
-        border-color: #b8da83
-        &:hover
-          border-color: #94b75f
-          background-color: #e7f1d7
-      &:first-child
-        padding-top: 30px
-      &:last-child
-        background= slickmap_image("vertical-line.png") "center" "bottom" "repeat-y"
-
-      a:link:before, a:visited:before, span:before
-        color: #8faf5c
-
-      // Third Level
-      ul
-        margin: 10px 0 0 0
-        width: 100%
-        float: right
-        padding: 9px 0 10px 0
-        background= #fff slickmap_image("L3-ul-top.png") "center" "top" "no-repeat"
-
-      li
-        background= slickmap_image("L3-center.png") "left" "center" "no-repeat"
-        padding: 5px 0
-        a, span
-          background-color: #fff7aa
-          border-color: #e3ca4b
-          font-size: 12px
-          padding: 5px 0
-          width: 80%
-          float: right
-          &:hover
-            background-color: #fffce5
-            border-color: #d1b62c
-        &:first-child
-          padding: 15px 0 5px 0
-          background= slickmap_image("L3-li-top.png") "left" "center" "no-repeat"
-        &:last-child
-          background= slickmap_image("L3-bottom.png") "left" "center" "no-repeat"
-        a:link:before, a:visited:before, span:before
-          color: #ccae14
-          font-size: 9px
-
-  li
-    float: left
-    background= slickmap_image("L1-center.png") "center" "top" "no-repeat"
-    padding: 30px 0
-    margin-top: -30px
-    &:last-child
-      background= slickmap_image("L1-right.png") "center" "top" "no-repeat"
-    a, span
-      margin: 0 20px 0 0
-      padding: 10px 0
-      display: block
-      font-size: 14px
-      font-weight: bold
-      text-align: center
-      color: black
-      background= #c3eafb slickmap_image("white-highlight.png") "top" "left" "repeat-x"
-      border: 2px solid #b5d9ea
-      -moz-border-radius: 5px
-      -webkit-border-radius: 5px
-      -webkit-box-shadow: rgba(0,0,0,0.5) 2px 2px 2px
-      -moz-box-shadow: rgba(0,0,0,0.5) 2px 2px 2px
-      &:hover, span
-        background-color: #e2f4fd
-        border-color: #97bdcf
-
-=slickmap-primary-nav-home    
-  display: block
-  float: none
-  background= #fff slickmap_image("L1-left.png") "center" "bottom" "no-repeat"
-  position: relative
-  z-index: 2
-  padding: 0 0 30px 0
-
-=slickmap-utility-nav
-  float: right
-  max-width: 50%
-  margin-right: 10px
-  li
-    float: left
-    margin-bottom: 10px
-    a, span
-      margin: 0 10px 0 0
-      padding: 5px 10px
-      display: block
-      border: 2px solid #e3ca4b
-      font-size: 12px
-      font-weight: bold
-      text-align: center
-      color: black
-      background= #fff7aa slickmap_image("white-highlight.png") "top" "left" "repeat-x"
-      -moz-border-radius: 5px
-      -webkit-border-radius: 5px
-      -webkit-box-shadow: rgba(0,0,0,0.5) 2px 2px 2px
-      -moz-box-shadow: rgba(0,0,0,0.5) 2px 2px 2px
-      &:hover
-        background-color: #fffce5
-        border-color: #d1b62c
-    a:link:before, a:visited:before, span:before
-      color: #ccae14
-      font-size: 9px
-      margin-bottom: 3px
-
-// General Styles
-=slickmap-body
-  background: white
-  color: black
-  padding: 40px
-  font-family: Gotham, Helvetica, Arial, sans-serif
-  font-size: 12px
-  line-height: 1
-
-=slickmap-defaults(!columns = !column_default)
-  .sitemap
-    margin: 0 0 40px 0
-    float: left
-    width: 100%
-  h1
-    font-weight: bold
-    text-transform: uppercase
-    font-size: 20px
-    margin: 0 0 5px 0
-  h2
-    font-family: "Lucida Grande", Verdana, sans-serif
-    font-size: 10px
-    color: #777777
-    margin: 0 0 20px 0
-  a, span
-    text-decoration: none
-  a:link:before, a:visited:before, span:before
-    display: block
-    text-transform: uppercase
-    font-size: 10px
-    margin-bottom: 5px
-    word-wrap: break-word
-  a:link:before, a:visited:before
-    content: " "attr(href)" "
-  span:before
-    content: " "attr(title)" "
-  ol, ul
-    list-style: none
- 
-  #primaryNav
-    +slickmap-primary-nav(!columns)
-    li#home
-      +slickmap-primary-nav-home
-  
-  // Utility Navigation
-  #utilityNav
-    +slickmap-utility-nav

data/templates/project/manifest.rb

@@ -1,10 +0,0 @@
-image 'images/L1-center.png'
-image 'images/L1-left.png'
-image 'images/L1-right.png'
-image 'images/L3-bottom.png'
-image 'images/L3-center.png'
-image 'images/L3-li-top.png'
-image 'images/L3-ul-top.png'
-image 'images/vertical-line.png'
-image 'images/white-highlight.png'
-stylesheet 'sitemap.sass', :media => "screen, projection"

data/templates/project/sitemap.sass

@@ -1,7 +0,0 @@
-// Override with the number of top level naigation columns you need.
-//  - not including your home page
-!column_default ||= 4
-
-@import slickmap.sass
-
-+slickmap