compass-slickmap 0.0.1 → 0.0.2

data/.gitignore

@@ -1,2 +1,3 @@
 .DS_Store
-pkg
+pkg
+.sass-cache

data/VERSION

@@ -1 +1 @@
-0.0.1
+0.0.2

data/compass-slickmap.gemspec

@@ -2,7 +2,7 @@
 
 Gem::Specification.new do |s|
   s.name = %q{compass-slickmap}
-  s.version = "0.0.1"
+  s.version = "0.0.2"
 
   s.required_rubygems_version = Gem::Requirement.new(">= 0") if s.respond_to? :required_rubygems_version=
   s.authors = ["Thomas Reynolds"]

data/sass/slickmap.sass

@@ -1,3 +1,5 @@
+!slickmap_image_prefix ||= ""
+
 =slickmap(!body_selector = "body")
   #{!body_selector}
     +slickmap-body
@@ -6,157 +8,152 @@
   @if !body_selector == "body"
     +slickmap-defaults
 
-  //
-    NUMBER OF COLUMNS: Adjust #primaryNav li to set the number
-    of columns required in your site map. The default is 
-    4 columns (25%). 5 columns would be 20%, 6 columns would 
-    be 16.6%, etc. 
-  #primaryNav  
-    margin: 0
-    float: left
-    width: 100%
-    li
-      width: 25%
-      &.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%
+=slickmap-primary-nav
+  margin: 0
+  float: left
+  width: 100%
+  li
+    width: 25%
+    &.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%
 
-      ul li
-        width: 100% !important
+    ul li
+      width: 100% !important
+
+    a:link:before, a:visited:before
+      color: #78a9c0
+
+    // Second Level
+    li
+      width: 100%
+      clear: left
+      margin-top: 0
+      padding: 10px 0 0 0
+      background= image_url("#{!slickmap_image_prefix}vertical-line.png") "center" "bottom" "repeat-y"
+      a
+        background-color: #cee3ac
+        border-color: #b8da83
+        &:hover
+          border-color: #94b75f
+          background-color: #e7f1d7
+      &:first-child
+        padding-top: 30px
+      &:last-child
+        background= image_url("#{!slickmap_image_prefix}vertical-line.png") "center" "bottom" "repeat-y"
 
       a:link:before, a:visited:before
-        color: #78a9c0
+        color: #8faf5c
 
-      // Second Level
-      li
+      // Third Level
+      ul
+        margin: 10px 0 0 0
         width: 100%
-        clear: left
-        margin-top: 0
-        padding: 10px 0 0 0
-        background= image_url('vertical-line.png') "center" "bottom" "repeat-y"
+        float: right
+        padding: 9px 0 10px 0
+        background= #fff image_url("#{!slickmap_image_prefix}L3-ul-top.png") "center" "top" "no-repeat"
+
+      li
+        background= image_url("#{!slickmap_image_prefix}L3-center.png") "left" "center" "no-repeat"
+        padding: 5px 0
         a
-          background-color: #cee3ac
-          border-color: #b8da83
+          background-color: #fff7aa
+          border-color: #e3ca4b
+          font-size: 12px
+          padding: 5px 0
+          width: 80%
+          float: right
           &:hover
-            border-color: #94b75f
-            background-color: #e7f1d7
+            background-color: #fffce5
+            border-color: #d1b62c
         &:first-child
-          padding-top: 30px
+          padding: 15px 0 5px 0
+          background= image_url("#{!slickmap_image_prefix}L3-li-top.png") "left" "center" "no-repeat"
         &:last-child
-          background= image_url('vertical-line.png') "center" "bottom" "repeat-y"
-
+          background= image_url("#{!slickmap_image_prefix}L3-bottom.png") "left" "center" "no-repeat"
         a:link:before, a:visited:before
-          color: #8faf5c
+          color: #ccae14
+          font-size: 9px
 
-        // Third Level
-        ul
-          margin: 10px 0 0 0
-          width: 100%
-          float: right
-          padding: 9px 0 10px 0
-          background= #fff url('L3-ul-top.png') "center" "top" "no-repeat"
+  li
+    float: left
+    background= image_url("#{!slickmap_image_prefix}L1-center.png") "center" "top" "no-repeat"
+    padding: 30px 0
+    margin-top: -30px
+    &:last-child
+      background= image_url("#{!slickmap_image_prefix}L1-right.png") "center" "top" "no-repeat"
+    a
+      margin: 0 20px 0 0
+      padding: 10px 0
+      display: block
+      font-size: 14px
+      font-weight: bold
+      text-align: center
+      color: black
+      background= #c3eafb image_url("#{!slickmap_image_prefix}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
+        background-color: #e2f4fd
+        border-color: #97bdcf
 
-        li
-          background= image_url('L3-center.png') "left" "center" "no-repeat"
-          padding: 5px 0
-          a
-            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= image_url('L3-li-top.png') "left" "center" "no-repeat"
-          &:last-child
-            background= image_url('L3-bottom.png') "left" "center" "no-repeat"
-          a:link:before, a:visited:before
-            color: #ccae14
-            font-size: 9px
+=slickmap-primary-nav-home    
+  display: block
+  float: none
+  background= #fff image_url("#{!slickmap_image_prefix}L1-left.png") "center" "bottom" "no-repeat"
+  position: relative
+  z-index: 2
+  padding: 0 0 30px 0
 
-    #home
+=slickmap-utility-nav
+  float: right
+  max-width: 50%
+  margin-right: 10px
+  li
+    float: left
+    margin-bottom: 10px
+    a
+      margin: 0 10px 0 0
+      padding: 5px 10px
       display: block
-      float: none
-      background= #fff image_url('L1-left.png') "center" "bottom" "no-repeat"
-      position: relative
-      z-index: 2
-      padding: 0 0 30px 0
-    li
-      float: left
-      background= image_url('L1-center.png') "center" "top" "no-repeat"
-      padding: 30px 0
-      margin-top: -30px
-      &:last-child
-        background= image_url('L1-right.png') "center" "top" "no-repeat"
-      a
-        margin: 0 20px 0 0
-        padding: 10px 0
-        display: block
-        font-size: 14px
-        font-weight: bold
-        text-align: center
-        color: black
-        background= #c3eafb image_url('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
-          background-color: #e2f4fd
-          border-color: #97bdcf
+      border: 2px solid #e3ca4b
+      font-size: 12px
+      font-weight: bold
+      text-align: center
+      color: black
+      background= #fff7aa image_url("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
+      &:link:before, &:visited:before
+        color: #ccae14
+        font-size: 9px
+        margin-bottom: 3px
 
-  // Utility Navigation
-  #utilityNav
-    float: right
-    max-width: 50%
-    margin-right: 10px
-    li
-      float: left
-      margin-bottom: 10px
-      a
-        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 image_url('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
-        &:link:before, &:visited:before
-          color: #ccae14
-          font-size: 9px
-          margin-bottom: 3px
-    
 // General Styles
 =slickmap-body
   background: white
@@ -191,4 +188,20 @@
       margin-bottom: 5px
       word-wrap: break-word
   ol, ul
-    list-style: none
+    list-style: none
+ 
+  //
+    NUMBER OF COLUMNS: Adjust #primaryNav li to set the number
+    of columns required in your site map. The default is 
+    4 columns (25%). 5 columns would be 20%, 6 columns would 
+    be 16.6%, etc. 
+  #primaryNav
+    +slickmap-primary-nav
+    li#home
+      +slickmap-primary-nav-home
+  
+  // Utility Navigation
+  #utilityNav
+    +slickmap-utility-nav
+
++slickmap

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification 
 name: compass-slickmap
 version: !ruby/object:Gem::Version 
-  version: 0.0.1
+  version: 0.0.2
 platform: ruby
 authors: 
 - Thomas Reynolds