Permalink
Browse files

Drop un-needed library items, rename library to extenstions, simplify…

… and restructure the Thematic Sass inside the gem, tweaked summary and description
  • Loading branch information...
1 parent 977dff5 commit 3353f644f797dc09db258543a1a40bd346a3d9d1 Adam Stacoviak committed Nov 6, 2009
View
@@ -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
@@ -0,0 +1 @@
+@import extensions/typography.sass
@@ -0,0 +1,5 @@
+@import styles/_2c_r_fixed.sass
+@import styles/_default.sass
+@import styles/_images.sass
+@import styles/_plugins.sass
+@import styles/_typography.sass
@@ -1,5 +1,3 @@
-
-
// Global Elements
body, input, textarea
font: 15px Georgia, serif
@@ -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
@@ -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)
@@ -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
@@ -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
@@ -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)
-
@@ -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")
@@ -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)
@@ -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
@@ -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
@@ -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
@@ -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)
@@ -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
@@ -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)
@@ -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
@@ -1,8 +1,3 @@
-// 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 thematic/extensions.sass
+@import thematic/styles.sass

0 comments on commit 3353f64

Please sign in to comment.