RubyGems - tdreyno-compass-slickmap - Versions diffs - 0.0.1 → 0.0.2 - Mend

tdreyno-compass-slickmap 0.0.1 → 0.0.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (5) hide show

data/.gitignore CHANGED Viewed

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

data/VERSION CHANGED Viewed

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

data/compass-slickmap.gemspec CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

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