compass-wordpress 0.0.1 → 0.0.2

data/LICENSE

@@ -1,4 +1,4 @@
-Copyright (c) 2009 Wynn Netherland
+Copyright (c) 2009 Wynn Netherland / Adam Stacoviak
 
 Permission is hereby granted, free of charge, to any person obtaining
 a copy of this software and associated documentation files (the

data/README.markdown

@@ -0,0 +1,41 @@
+Compass WordPress
+==================
+
+This Compass extension provides support for creating WordPress Themes and working with WordPress Theme Frameworks using Sass.
+
+Installing
+==========
+
+    sudo gem install compass-wordpress
+
+To install a theme into your existing compass project, add the following to your compass configuration file:
+
+    require 'compass-wordpress'
+
+OR, just run this command:
+
+    compass -r compass-wordpress -f wordpress --sass-dir=sass --css-dir=css -s compressed -p <Theme Name> /path/to/installation
+
+What this does is call `compass`, requires the compass-wordpress extension, uses the framework wordpress, sets the sass and css directories, sets the Sass output to be compressed and finally ends with you setting the theme name.
+
+** As of this version, we only have support for Thematic developed. Suggest one to use, or fork the project and take a stab at it yourself. Either way, get in touch we want to hear from you.
+    
+Supported Theme Options
+========================
+
+* project (default)
+* thematic
+
+Note on Patches/Pull Requests
+==============================
+ 
+* Fork the project!
+* Develop your feature or bug fix.
+* Add tests for it. This is IMPORTANT so your work doesn't get broken in a future version unintentionally.
+* Commit, do not mess with rakefile, version, or history. (if you want to have your own version that's fine, but bump version in a commit by itself so it can be ignored when pulled)
+* Send your pull request. Bonus points for usage of topic branches.
+
+Copyright
+===========
+
+Copyright (c) 2009 Wynn Netherland / Adam Stacoviak. See LICENSE for details.

data/Rakefile

@@ -5,13 +5,13 @@ begin
   require 'jeweler'
   Jeweler::Tasks.new do |gem|
     gem.name = "compass-wordpress"
-    gem.summary = %Q{Compass plugin for creating WordPress themes using Sass}
-    gem.description = %Q{Helps you create generic themes or Thematic child themes}
+    gem.summary = %Q{Compass extenstion for creating WordPress themes using Sass}
+    gem.description = %Q{Helps you create generic WordPress themes and Thematic child themes}
     gem.email = "wynn.netherland@gmail.com"
     gem.homepage = "http://github.com/pengwynn/compass-wordpress"
     gem.authors = ["Wynn Netherland", "Adam Stacoviak"]
     gem.add_development_dependency "compass", "~> 0.8.17"
-    gem.files = FileList["[A-Z]*", "{examples,lib,sass,templates}/**/*"]
+    gem.files = FileList["[A-Z]*", "{lib,sass,templates}/**/*"]
     
     # gem is a Gem::Specification... see http://www.rubygems.org/read/chapter/20 for additional settings
   end

data/VERSION

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

data/sass/wordpress/thematic/_extensions.sass

@@ -0,0 +1 @@
+@import extensions/typography

data/sass/wordpress/thematic/_styles.sass

@@ -0,0 +1,5 @@
+@import styles/_2c_r_fixed
+@import styles/_default
+@import styles/_images
+@import styles/_plugins
+@import styles/_typography

data/sass/wordpress/thematic/{_default.sass → styles/_default.sass}

@@ -1,5 +1,3 @@
-
-
 // Global Elements
 body, input, textarea
   font: 15px Georgia, serif

data/sass/wordpress/thematic/{_images.sass → styles/_images.sass}

@@ -1,7 +1,4 @@
-@import compass/utilities.sass
-
 // Base styles for images
-
 .entry-content img
   margin: 0 0 18px 0
 

data/sass/wordpress/thematic/styles/_plugins.sass

@@ -0,0 +1,9 @@
+// Ajax edit comments
+.edit-comment
+  margin-bottom: 18px
+
+// Hide WordPress stats smiley
+img#wpstats
+  height: 0
+  width: 0
+  overflow: hidden

data/templates/thematic/screen.sass

@@ -1,8 +1,4 @@
-// Add/remove as necessary
-@import wordpress/library.sass
-@import wordpress/thematic/2c_r_fixed.sass
-@import wordpress/thematic/images.sass
-@import wordpress/thematic/plugins.sass
-@import wordpress/thematic/typography.sass
-
-@import wordpress/thematic/default.sass
+// Remove these references to Thematic to customize
+@import compass/utilities
+@import wordpress/thematic/extensions
+@import wordpress/thematic/styles

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification 
 name: compass-wordpress
 version: !ruby/object:Gem::Version 
-  version: 0.0.1
+  version: 0.0.2
 platform: ruby
 authors: 
 - Wynn Netherland
@@ -10,7 +10,7 @@ autorequire:
 bindir: bin
 cert_chain: []
 
-date: 2009-11-05 00:00:00 -06:00
+date: 2009-11-06 00:00:00 -06:00
 default_executable: 
 dependencies: 
 - !ruby/object:Gem::Dependency 
@@ -23,7 +23,7 @@ dependencies:
       - !ruby/object:Gem::Version 
         version: 0.8.17
     version: 
-description: Helps you create generic themes or Thematic child themes
+description: Helps you create generic WordPress themes and Thematic child themes
 email: wynn.netherland@gmail.com
 executables: []
 
@@ -31,34 +31,22 @@ extensions: []
 
 extra_rdoc_files: 
 - LICENSE
-- README.rdoc
+- README.markdown
 files: 
 - LICENSE
-- README.rdoc
+- README.markdown
 - Rakefile
 - VERSION
 - lib/compass-wordpress.rb
 - lib/wordpress/compass_extension.rb
-- sass/wordpress/_library.sass
-- sass/wordpress/library/_border_radius.sass
-- sass/wordpress/library/_button_style.sass
-- sass/wordpress/library/_clearfix.sass
-- sass/wordpress/library/_easy_box_shadow.sass
-- sass/wordpress/library/_float.sass
-- sass/wordpress/library/_gradient.sass
-- sass/wordpress/library/_hacks.sass
-- sass/wordpress/library/_link_colors.sass
-- sass/wordpress/library/_list_borders.sass
-- sass/wordpress/library/_opacity.sass
-- sass/wordpress/library/_reset.sass
-- sass/wordpress/library/_sprite_hover.sass
-- sass/wordpress/library/_sprite_img.sass
-- sass/wordpress/library/_typography.sass
-- sass/wordpress/thematic/_2c_r_fixed.sass
-- sass/wordpress/thematic/_default.sass
-- sass/wordpress/thematic/_images.sass
-- sass/wordpress/thematic/_plugins.sass
-- sass/wordpress/thematic/_typography.sass
+- sass/wordpress/thematic/_extensions.sass
+- sass/wordpress/thematic/_styles.sass
+- sass/wordpress/thematic/extensions/_typography.sass
+- sass/wordpress/thematic/styles/_2c_r_fixed.sass
+- sass/wordpress/thematic/styles/_default.sass
+- sass/wordpress/thematic/styles/_images.sass
+- sass/wordpress/thematic/styles/_plugins.sass
+- sass/wordpress/thematic/styles/_typography.sass
 - templates/project/manifest.rb
 - templates/project/print.sass
 - templates/project/readme.txt
@@ -94,9 +82,9 @@ required_rubygems_version: !ruby/object:Gem::Requirement
 requirements: []
 
 rubyforge_project: 
-rubygems_version: 1.3.5
+rubygems_version: 1.3.4
 signing_key: 
 specification_version: 3
-summary: Compass plugin for creating WordPress themes using Sass
+summary: Compass extenstion for creating WordPress themes using Sass
 test_files: []
 

data/README.rdoc

@@ -1,18 +0,0 @@
-= compass-wordpress
-
-Description goes here.
-
-== Note on Patches/Pull Requests
- 
-* Fork the project.
-* Make your feature addition or bug fix.
-* Add tests for it. This is important so I don't break it in a
-  future version unintentionally.
-* Commit, do not mess with rakefile, version, or history.
-  (if you want to have your own version, that is fine but
-   bump version in a commit by itself I can ignore when I pull)
-* Send me a pull request. Bonus points for topic branches.
-
-== Copyright
-
-Copyright (c) 2009 Wynn Netherland. See LICENSE for details.

data/sass/wordpress/_library.sass

@@ -1,13 +0,0 @@
-@import library/border_radius.sass
-@import library/link_colors.sass
-@import library/sprite_hover.sass
-@import library/button_style.sass
-@import library/gradient.sass
-@import library/list_borders.sass
-@import library/sprite_img.sass
-@import library/clearfix.sass
-@import library/hacks.sass
-@import library/opacity.sass
-@import library/typography.sass
-@import library/easy_box_shadow.sass
-@import library/reset.sass

data/sass/wordpress/library/_border_radius.sass

@@ -1,47 +0,0 @@
-!default_border_radius ||= 5px
-
-// Round all borders by amount
-=border-radius(!radius = !default_border_radius)
-  border-radius= !radius
-  -moz-border-radius= !radius
-  -webkit-border-radius= !radius
-
-// Round radius at position by amount.
-// values for !vert: "top", "bottom"
-// values for !horz: "left", "right
-=border-corner-radius(!vert, !horz, !radius = !default_border_radius)
-  border-#{!vert}-#{!horz}-radius= !radius
-  -moz-border-radius-#{!vert}#{!horz}= !radius
-  -webkit-border-#{!vert}-#{!horz}-radius= !radius
-  
-=border-top-left-radius(!radius = !default_border_radius)
-  +border-corner-radius("top", "left", !radius)
-
-=border-top-right-radius(!radius = !default_border_radius)
-  +border-corner-radius("top", "right", !radius)
-
-=border-bottom-left-radius(!radius = !default_border_radius)
-  +border-corner-radius("bottom", "left", !radius)
-
-=border-bottom-right-radius(!radius = !default_border_radius)
-  +border-corner-radius("bottom", "right", !radius)
-
-// Round top corners by amount
-=border-top-radius(!radius = !default_border_radius)
-  +border-top-left-radius(!radius)
-  +border-top-right-radius(!radius)
-
-// Round right corners by amount
-=border-right-radius(!radius = !default_border_radius)
-  +border-top-right-radius(!radius)
-  +border-bottom-right-radius(!radius)
-
-// Round bottom corners by amount
-=border-bottom-radius(!radius = !default_border_radius)
-  +border-bottom-left-radius(!radius)
-  +border-bottom-right-radius(!radius)
-
-// Round left corners by amount
-=border-left-radius(!radius = !default_border_radius)
-  +border-top-left-radius(!radius)
-  +border-bottom-left-radius(!radius)

data/sass/wordpress/library/_button_style.sass

@@ -1,45 +0,0 @@
-=btn-border-color(!color)
-  border-color= darken(!color, 25)
-
-=btn-text-shadow(!color)
-  !text_shadow = darken(!color, 25)
-  text-shadow= !text_shadow  "1px 1px 1px"
-
-=btn-style(!color)
-  !color1 = lighten(!color, 30)
-  !color2 = darken(!color, 20)
-  +h-linear-gradient(!color1, !color2)
-  background-color= !color
-  +btn-border-color(!color)
-  +btn-text-shadow(!color)
-
-=btn-style-hover(!color)
-  !color = lighten(!color, 8)
-  !color1 = lighten(!color, 22)
-  !color2 = darken(!color, 38)
-  +h-linear-gradient(!color1, !color2)
-  background-color= !color
-  +btn-border-color(!color)
-  +btn-text-shadow(!color)
-
-=btn-style-active(!color)
-  !color = darken(!color, 5)
-  !color1 = lighten(!color, 25)
-  !color2 = darken(!color, 35)
-  +h-linear-gradient(!color1, !color2)
-  background-color= !color
-  +btn-border-color(!color)
-  +btn-text-shadow(!color)
-
-=btn-structure(!font_size, !border_width, !line_height = !font_size *1.2)
-  !v_padding = floor(!font_size/2.5)
-  !h_padding = floor(!font_size)
-  !v_padding_active = !v_padding - 1px
-  !h_padding_active = !h_padding - 1px
-  border-width= !border_width
-  font-size= !font_size
-  padding= !v_padding !h_padding
-  line-height= !line_height
-  &:active
-    border-width= !border_width + 1px
-    padding= !v_padding_active !h_padding_active

data/sass/wordpress/library/_clearfix.sass

@@ -1,24 +0,0 @@
-// based on compass clearfix
-
-@import _hacks.sass
-
-// Extends the element to enclose any floats it contains.
-// This basic method is preferred for the usual case, when positioned content will not show outside the bounds of the container.
-// Recommendations include using this in conjunction with a width:
-// http://www.quirksmode.org/blog/archives/2005/03/clearing_floats.html
-=clearfix
-  :overflow hidden
-  +has-layout
-
-// Extends the element to enclose any floats it contains.
-// This older "Easy Clearing" method has the advantage of allowing positioned elements to hang outside the bounds of the container, at the expense of more tricky CSS.
-// http://www.positioniseverything.net/easyclearing.html
-=pie-clearfix
-  &:after
-    :content " "
-    :display block
-    :height 0
-    :clear both
-    :overflow hidden
-    :visibility hidden
-  +has-layout

data/sass/wordpress/library/_easy_box_shadow.sass

@@ -1,8 +0,0 @@
-!default_box_shadow_color = #333
-!default_box_shadow_x_offset = 1px
-!default_box_shadow_y_offset = 1px
-!default_box_shadow_blur_radius = 8px
-
-=easy-box-shadow(!color = !default_box_shadow_color, !x_offset = !default_box_shadow_x_offset, !y_offset = !default_box_shadow_y_offset, !blur_radius = !default_box_shadow_blur_radius)
-  +box-shadow(!x_offset, !y_offset, !blur_radius, !color)
-  

data/sass/wordpress/library/_float.sass

@@ -1,16 +0,0 @@
-// based on compass float
-
-@import modules/_clearfix.sass
-
-// Available as alternate syntax with just +float
-=float(!side = "left")
-  :display inline
-  :float= !side
-
-// Implementation of float:left with fix for double-margin bug
-=float-left
-  +float("left")
-
-// Implementation of float:right with fix for double-margin bug
-=float-right
-  +float("right")

data/sass/wordpress/library/_gradient.sass

@@ -1,15 +0,0 @@
-=linear-gradient(!from_coord, !to_coord, !color_start, !color_end, !color_stop1 = 0, !color_stop1_pos = .3, !color_stop_2 = 0, !color_stop2_pos = .9)
-  !gradient = "#{!from_coord}, #{!to_coord}, from(#{!color_start}), to(#{!color_end})"
-  //@if !color_stop1 != 0
-  //  !gradient += "color-stop(#{!color_stop1_pos}, #{!color_stop1})"
-  background= "-webkit-gradient(linear, #{!gradient})"
-  background= "-moz-linear-gradient(#{!gradient})"
-
-=h-linear-gradient(!color1, !color2)
-  +linear-gradient("left top", "left bottom", !color1, !color2)
-
-=v-linear-gradient(!color1, !color2)
-  +linear-gradient("left top", "right top", !color1, !color2)
-
-//=h-three-color-gradient(!color1, !color2, !color3, !color3_pos = .5)
-//  +linear-gradient("left top", "left bottom", !color1, !color2, !color3, !color3_pos)

data/sass/wordpress/library/_hacks.sass

@@ -1,8 +0,0 @@
-// based on compass hacks
-
-=has-layout
-  // This makes ie6 get layout
-  :display inline-block
-  // and this puts it back to block
-  &
-    :display block

data/sass/wordpress/library/_link_colors.sass

@@ -1,24 +0,0 @@
-!default_link_color           ||= #165B94
-!default_link_color_hover     ||= #fff
-!default_link_color_alt       ||= #91D5F1
-!default_link_color_hover_alt ||= #000
-
-=link-color(!hover = true)
-  +link-color-style(!default_link_color, !default_link_color_hover, !default_link_color, !hover)
-
-=link-color-alt(!hover = true)
-  +link-color-style(!default_link_color_alt, !default_link_color_hover_alt, !default_link_color_alt, !hover)
-  
-=link-color-heading(!link_color = "inherit", !hover_bg_color = #ccc)
-  +link-color-style(!link_color,)
-
-=link-color-style(!color = !default_link_color, !color_hover = !default_link_color_hover, !link_hover_bg = !color, !hover = true)
-  color= !color
-  padding: 2px
-  margin: 0 -2px
-  +border-radius(3px)
-  @if !hover
-    &:hover
-      background-color= !link_hover_bg
-      color= !color_hover
-      text-decoration: none

data/sass/wordpress/library/_list_borders.sass

@@ -1,7 +0,0 @@
-=list-borders(!color1,!color2)
-  border-left= "1px solid" !color1
-  border-right= "1px solid" !color2
-  &.alpha
-    border-left: none
-  &.omega
-    border-right: 0

data/sass/wordpress/library/_opacity.sass

@@ -1,18 +0,0 @@
-//**
-  Provides cross-browser css opacity.
-  @param !opacity
-    A number between 0 and 1, where 0 is transparent and 1 is opaque.
-=opacity(!opacity)
-  :opacity= !opacity
-  :-moz-opacity= !opacity
-  :-khtml-opacity= !opacity
-  :-ms-filter= "progid:DXImageTransform.Microsoft.Alpha(Opacity=" + round(!opacity*100) + ")"
-  :filter= "alpha(opacity=" + round(!opacity*100) + ")"
-
-// Make an element completely transparent.
-=transparent
-  +opacity(0)
-
-// Make an element completely opaque.
-=opaque
-  +opacity(1)

data/sass/wordpress/library/_reset.sass

@@ -1,13 +0,0 @@
-@import blueprint/reset.sass
-
-// Additional reset
-button
-  background: none
-  border: none
-  cursor: pointer
-  margin: 0
-  padding: 0
-
-button::-moz-focus-inner
-  border: none
-  padding: 0

data/sass/wordpress/library/_sprite_hover.sass

@@ -1,4 +0,0 @@
-=sprite-column-hover-row(!col, !row_hover=2, !width=!sprite_default_size, !height=!sprite_default_size, !margin=!sprite_default_margin)
-  +sprite-position(!col, 1, !width, !height, !margin)
-  &:hover
-    +sprite-position(!col, !row_hover, !width, !height, !margin)

data/sass/wordpress/library/_sprite_img.sass

@@ -1,52 +0,0 @@
-//**
-  Example 1:
-  a.twitter
-    +sprite-img("icons-32.png", 1)
-  a.facebook
-    +sprite-img("icons-32png", 2)
-  ...
-  Example 2:
-  a
-    +sprite-background("icons-32.png")
-    a.twitter
-      +sprite-column(1)
-    a.facebook
-      +sprite-row(2)
-    ...
- 
-!sprite_default_size  ||= 32px
-!sprite_default_margin ||= 0px
-!sprite_image_default_width ||= !sprite_default_size
-!sprite_image_default_height ||= !sprite_default_size
- 
- 
-// Sets all the rules for a sprite from a given sprite image to show just one of the sprites.
-// To reduce duplication use a sprite-bg mixin for common properties and a sprite-select mixin for positioning.
-=sprite-img(!img, !col, !row = 1, !width = !sprite_image_default_width, !height = !sprite_image_default_height, !margin = !sprite_default_margin)
-  +sprite-background(!img, !width, !height)
-  +sprite-position(!col, !row, !width, !height, !margin)
- 
-// Sets rules common for all sprites, assumes you want a square, but allows a rectangular region.
-=sprite-background(!img, !width = !sprite_default_size, !height = !width)
-  +sprite-background-rectangle(!img, !width, !height)
- 
-// Sets rules common for all sprites, assumes a rectangular region.
-=sprite-background-rectangle(!img, !width = !sprite_image_default_width, !height = !sprite_image_default_height)
-  :background= image_url(!img) "no-repeat"
-  :width= !width
-  :height= !height
-  :overflow hidden
- 
-// Allows horizontal sprite positioning optimized for a single row of sprites.
-=sprite-column(!col, !width = !sprite_image_default_width, !margin = !sprite_default_margin)
-  +sprite-position(!col, 1, !width, 0px, !margin)
- 
-// Allows vertical sprite positioning optimized for a single column of sprites.
-=sprite-row(!row, !height = !sprite_image_default_height, !margin = !sprite_default_margin)
-  +sprite-position(1, !row, 0px, !height, !margin)
- 
-// Allows vertical and horizontal sprite positioning from a grid of equal dimensioned sprites.
-=sprite-position(!col, !row = 1, !width = !sprite_image_default_width, !height = !sprite_image_default_height, !margin = !sprite_default_margin)
-  !x = ((!col - 1) * -!width) - ((!col - 1) * !margin)
-  !y = ((!row - 1) * -!height) - ((!row - 1) * !margin)
-  :background-position= !x !y

data/sass/wordpress/thematic/_plugins.sass

@@ -1,13 +0,0 @@
-//  -------------------------------------------
-//  Default plugin styles for Thematic
-//  -------------------------------------------
-
-// Ajax edit comments
-.edit-comment
-  margin-bottom: 18px
-
-// Hide WordPress stats smiley
-img#wpstats
-  height: 0
-  width: 0
-  overflow: hidden