lloydk-compass-jazen 0.1.0

data/.gitignore

@@ -0,0 +1,5 @@
+*.sw?
+.DS_Store
+coverage
+rdoc
+pkg

data/README.rdoc

@@ -0,0 +1,4 @@
+= compass-jazen
+
+A port of Jazen's css framework (http://github.com/jazen/css) for Compass (http://compass-style.org).
+

data/Rakefile

@@ -0,0 +1,58 @@
+require 'rubygems'
+require 'rake'
+
+begin
+  require 'jeweler'
+  Jeweler::Tasks.new do |gem|
+    gem.name = "compass-jazen"
+    gem.summary = "Port of Jazen's css framework to Compass"
+    gem.description = "Port of Jazen's css framework (http://github.com/jazen/css to Compass (http://compass-style.org)."
+    gem.email = "lloyd@lloydk.ca"
+    gem.homepage = "http://github.com/lloydk/compass-jazen"
+    gem.authors = ["lloydk"]
+    gem.has_rdoc = false
+    gem.add_dependency('chriseppstein-compass', '>= 0.8.9')
+    gem.files += Dir.glob("lib/**/*")
+    gem.files += Dir.glob("sass/**/*")
+  end
+rescue LoadError
+  puts "Jeweler (or a dependency) not available. Install it with: sudo gem install jeweler"
+end
+
+require 'rake/testtask'
+Rake::TestTask.new(:test) do |test|
+  test.libs << 'lib' << 'test'
+  test.pattern = 'test/**/*_test.rb'
+  test.verbose = true
+end
+
+begin
+  require 'rcov/rcovtask'
+  Rcov::RcovTask.new do |test|
+    test.libs << 'test'
+    test.pattern = 'test/**/*_test.rb'
+    test.verbose = true
+  end
+rescue LoadError
+  task :rcov do
+    abort "RCov is not available. In order to run rcov, you must: sudo gem install spicycode-rcov"
+  end
+end
+
+task :test => :check_dependencies
+
+task :default => :test
+
+require 'rake/rdoctask'
+Rake::RDocTask.new do |rdoc|
+  if File.exist?('VERSION')
+    version = File.read('VERSION')
+  else
+    version = ""
+  end
+
+  rdoc.rdoc_dir = 'rdoc'
+  rdoc.title = "compass-jazen #{version}"
+  rdoc.rdoc_files.include('README*')
+  rdoc.rdoc_files.include('lib/**/*.rb')
+end

data/VERSION

@@ -0,0 +1 @@
+0.1.1

data/compass-jazen.gemspec

@@ -0,0 +1,128 @@
+# Generated by jeweler
+# 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-jazen}
+  s.version = "0.1.0"
+
+  s.required_rubygems_version = Gem::Requirement.new(">= 0") if s.respond_to? :required_rubygems_version=
+  s.authors = ["lloydk"]
+  s.date = %q{2009-08-16}
+  s.description = %q{Port of Jazen's css framework (http://github.com/jazen/css to Compass (http://compass-style.org).}
+  s.email = %q{lloyd@lloydk.ca}
+  s.extra_rdoc_files = [
+    "README.rdoc"
+  ]
+  s.files = [
+    ".gitignore",
+     "README.rdoc",
+     "Rakefile",
+     "VERSION",
+     "compass-jazen.gemspec",
+     "lib/compass-jazen.rb",
+     "lib/compass-jazen.rb",
+     "lib/jazen/compass_plugin.rb",
+     "lib/jazen/compass_plugin.rb",
+     "lib/jazen/sass_extensions.rb",
+     "lib/jazen/sass_extensions.rb",
+     "sass/_forms.sass",
+     "sass/_forms.sass",
+     "sass/_grid.sass",
+     "sass/_grid.sass",
+     "sass/_links.sass",
+     "sass/_links.sass",
+     "sass/_typography.sass",
+     "sass/_typography.sass",
+     "sass/_utilities.sass",
+     "sass/_utilities.sass",
+     "sass/forms/_label-after-input.sass",
+     "sass/forms/_label-after-input.sass",
+     "sass/forms/_on-same-line.sass",
+     "sass/forms/_on-same-line.sass",
+     "sass/forms/ie/_fix-legend.sass",
+     "sass/forms/ie/_fix-legend.sass",
+     "sass/jazen.sass",
+     "sass/jazen.sass",
+     "sass/links/_link-colors.sass",
+     "sass/links/_link-colors.sass",
+     "sass/typography/_bold.sass",
+     "sass/typography/_bold.sass",
+     "sass/typography/_capitalize.sass",
+     "sass/typography/_capitalize.sass",
+     "sass/typography/_caps.sass",
+     "sass/typography/_caps.sass",
+     "sass/typography/_italic.sass",
+     "sass/typography/_italic.sass",
+     "sass/typography/_lowercase.sass",
+     "sass/typography/_lowercase.sass",
+     "sass/typography/_regular.sass",
+     "sass/typography/_regular.sass",
+     "sass/typography/_shadow.sass",
+     "sass/typography/_shadow.sass",
+     "sass/typography/_text-align.sass",
+     "sass/typography/_text-align.sass",
+     "sass/typography/_uppercase.sass",
+     "sass/typography/_uppercase.sass",
+     "sass/typography/_vertical-rhythm.sass",
+     "sass/typography/_vertical-rhythm.sass",
+     "sass/utilities/_border.sass",
+     "sass/utilities/_border.sass",
+     "sass/utilities/_boxed.sass",
+     "sass/utilities/_boxed.sass",
+     "sass/utilities/_bullets.sass",
+     "sass/utilities/_bullets.sass",
+     "sass/utilities/_clear.sass",
+     "sass/utilities/_clear.sass",
+     "sass/utilities/_clearfix.sass",
+     "sass/utilities/_clearfix.sass",
+     "sass/utilities/_display.sass",
+     "sass/utilities/_display.sass",
+     "sass/utilities/_float.sass",
+     "sass/utilities/_float.sass",
+     "sass/utilities/_hide.sass",
+     "sass/utilities/_hide.sass",
+     "sass/utilities/_horizontal-list.sass",
+     "sass/utilities/_horizontal-list.sass",
+     "sass/utilities/_inline-block.sass",
+     "sass/utilities/_inline-block.sass",
+     "sass/utilities/_new-context.sass",
+     "sass/utilities/_new-context.sass",
+     "sass/utilities/_position.sass",
+     "sass/utilities/_position.sass",
+     "sass/utilities/_replace-text.sass",
+     "sass/utilities/_replace-text.sass",
+     "sass/utilities/_reset.sass",
+     "sass/utilities/_reset.sass",
+     "sass/utilities/_round-corners.sass",
+     "sass/utilities/_round-corners.sass",
+     "sass/utilities/_size.sass",
+     "sass/utilities/_size.sass",
+     "sass/utilities/_zebra-striping.sass",
+     "sass/utilities/_zebra-striping.sass",
+     "sass/utilities/ie/_has-layout.sass",
+     "sass/utilities/ie/_has-layout.sass",
+     "sass/utilities/safari/_fix-anti-aliasing.sass",
+     "sass/utilities/safari/_fix-anti-aliasing.sass",
+     "templates/.gitignore"
+  ]
+  s.homepage = %q{http://github.com/lloydk/compass-jazen}
+  s.rdoc_options = ["--charset=UTF-8"]
+  s.require_paths = ["lib"]
+  s.rubygems_version = %q{1.3.5}
+  s.summary = %q{Port of Jazen's css framework to Compass}
+
+  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<chriseppstein-compass>, [">= 0.8.9"])
+    else
+      s.add_dependency(%q<chriseppstein-compass>, [">= 0.8.9"])
+    end
+  else
+    s.add_dependency(%q<chriseppstein-compass>, [">= 0.8.9"])
+  end
+end

data/lib/compass-jazen.rb

@@ -0,0 +1,2 @@
+require File.join(File.dirname(__FILE__), 'jazen', 'compass_plugin')
+require File.join(File.dirname(__FILE__), 'jazen', 'sass_extensions')

data/lib/jazen/compass_plugin.rb

@@ -0,0 +1,5 @@
+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('jazen', options)

data/lib/jazen/sass_extensions.rb

@@ -0,0 +1,22 @@
+require 'sass'
+
+module Sass::Script::Functions
+
+  # Return the width of an image in pixels
+  def width(path)
+    Sass::Script::Number.new(identify(path, "w").to_i, ["px"])
+  end
+
+  # Returns the height of an image in pixels
+  def height(path)
+    Sass::Script::Number.new(identify(path, "h").to_i, ["px"])
+  end
+
+  private
+
+  def identify(path, what)
+    path = path.to_s
+    `identify -format %#{what} #{path}`    
+  end
+
+end

data/sass/_forms.sass

@@ -0,0 +1,4 @@
+@import forms/label-after-input.sass
+@import forms/on-same-line.sass
+
+@import forms/ie/fix-legend.sass  

data/sass/_grid.sass

@@ -0,0 +1,81 @@
+// TODO: Comments!
+  
+!grid_width ||= 960px
+!grid_cols  ||= 16
+!grid_gutter_width ||= 20px
+
+=grid-padding(!left_and_right = !grid_gutter_width, !top_and_bottom = false)
+  :padding
+    :left= !left_and_right
+    :right= !left_and_right
+
+  @if !top_and_bottom
+    :padding
+      :top= !top_and_bottom
+      :bottom= !top_and_bottom
+
+      
+=grid-first-cell
+  :margin-left 0
+
+=grid-last-cell
+  :margin-right 0
+
+=grid-container
+  :margin
+    :left auto
+    :right auto
+
+    // Full margin due to adjacent-margin-collapsing!
+    :top= !grid_gutter_width 
+    :bottom= !grid_gutter_width
+    
+  :width= !grid_width
+
+
+=grid-cell-width(!n, !adjust_by = 0)
+  :width= (!grid_width / !grid_cols) * !n - !grid_gutter_width + !adjust_by
+
+=grid-cell-base
+  +float-left
+  :margin
+    :left= !grid_gutter_width/2
+    :right= !grid_gutter_width/2
+
+=grid-cells(!n, !adjust_by = 0)
+  +grid-cell-base
+  +grid-cell-width(!n, !adjust_by)
+  
+=grid-generate-cells
+  @for !n from 1 through !grid_cols
+    .cells_#{!n}
+      +grid-cells(!n)
+
+        
+=grid-prefix(!n)
+  :padding-left= (!grid_width / !grid_cols) * !n
+
+=grid-generate-prefixes
+  @for !n from 1 through !grid_cols - 1          
+    .prefix_#{!n}
+      +grid-prefix(!n)
+
+
+=grid-suffix(!n)
+  :padding-right= (!grid_width / !grid_cols) * !n
+
+=grid-generate-suffixes
+  @for !n from 1 through !grid_cols - 1
+    .suffix_#{!n}
+      +grid-suffix(!n)
+      
+=grid(!width = !grid_width, !cols = !grid_cols, !gutter_width = !grid_gutter_width)
+  !grid_width = !width
+  !grid_cols  = !cols
+  !grid_gutter_width = !gutter_width
+
+  +grid-container
+
+  +grid-generate-cells
+  +grid-generate-prefixes      
+  +grid-generate-suffixes

data/sass/_links.sass

@@ -0,0 +1 @@
+@import links/link-colors.sass

data/sass/_typography.sass

@@ -0,0 +1,10 @@
+@import typography/caps.sass
+@import typography/italic.sass
+@import typography/bold.sass
+@import typography/regular.sass    
+@import typography/shadow.sass
+@import typography/vertical-rhythm.sass
+@import typography/uppercase.sass
+@import typography/lowercase.sass
+@import typography/capitalize.sass
+@import typography/text-align.sass    

data/sass/_utilities.sass

@@ -0,0 +1,24 @@
+@import utilities/reset.sass
+@import utilities/clear.sass
+@import utilities/clearfix.sass
+@import utilities/float.sass
+
+@import utilities/hide.sass
+@import utilities/display.sass    
+@import utilities/border.sass
+@import utilities/size.sass
+  
+@import utilities/bullets.sass
+@import utilities/horizontal-list.sass    
+
+@import utilities/new-context.sass
+@import utilities/position.sass
+@import utilities/replace-text.sass
+@import utilities/round-corners.sass
+@import utilities/zebra-striping.sass
+
+@import utilities/inline-block.sass
+@import utilities/safari/fix-anti-aliasing.sass
+
+@import utilities/ie/has-layout.sass
+@import utilities/boxed.sass

data/sass/forms/_label-after-input.sass

@@ -0,0 +1,36 @@
+// Display the checkbox or radiobutton in front
+// of it's describing label.
+//
+// Expects that your form is marked up as list
+// and uses a label tag for each input.
+//
+// Example:
+//
+// HTML:
+//
+// <form>
+//   <ul>
+//     <li class="check_me">
+//       <label>Check this!</label>
+//       <input type="checkbox"></input>
+//     </li>
+//     ...
+//
+// CSS/Sass:
+//
+// form
+//   +label-after-input(".check_me")
+//
+
+=label-after-input(!which, !input_width = 24px, !adjust_top = false)
+  li#{!which}
+    +new-context
+
+    label
+      +move-right(!input_width)
+
+      @if !adjust_top  
+        +move-down(!adjust_top)
+
+    input
+      +absolute-top-left

data/sass/forms/_on-same-line.sass

@@ -0,0 +1,38 @@
+// Expects that your form is marked up as list and
+// every list item can be identified by a class.
+//
+// A maximum of four was enough for me so far.
+// 
+// Example:
+//
+// HTML:
+//
+// <form>
+//   <ul>
+//     <li class="salutation">..</li>
+//     <li class="first_name">..</li>
+//     <li class="last_name">..</li>
+//     ...
+//
+// CSS/Sass:
+//
+// form
+//   +on-same-line(".salutation", ".first_name", ".last_name")
+//
+
+=on-same-line(!first, !second = false, !third = false, !fourth = false)
+  li#{!first}
+    :clear left
+    +float-left
+
+  @if !second
+    li#{!second}
+      +float-left
+
+  @if !third
+    li#{!third}
+      +float-left
+
+  @if !fourth
+    li#{!fourth}
+      +float-left

data/sass/forms/ie/_fix-legend.sass

@@ -0,0 +1,17 @@
+// IE (expect for v8) adds a mysterious left/right
+// margin of 7px to each <legend> ...?
+
+=ie-fix-legend(!amount = -7px)
+  // Target IE7 and IE<7
+  *+html
+    legend
+      :margin
+        :left= !amount
+        :right= !amount
+
+  * html
+    legend
+      :margin
+        :left= !amount
+        :right= !amount
+          

data/sass/jazen.sass

@@ -0,0 +1,7 @@
+@import utilities.sass
+@import forms.sass
+@import links.sass
+@import typography.sass
+@import grid.sass    
+
++global-reset

data/sass/links/_link-colors.sass

@@ -0,0 +1,28 @@
+// Sets all colors for a link's states
+//
+// Order is: :link, :visited, :focus, :hover, :active
+//
+// Not my choice - this is the order the rules have 
+// to be set to avoid trouble.
+//
+// Just remember "Lord Vaders Former Handle Anakin" ;)
+// 
+
+=link-colors(!link, !visited = false, !focus = false, !hover = false, !active = false)
+  :color = !link
+
+  @if !visited
+    &:visited
+      :color= !visited
+
+  @if !focus
+    &:focus
+      :color= !focus
+
+  @if !hover
+    &:hover
+      :color= !hover
+
+  @if !active
+    &:active
+      :color= !active

data/sass/typography/_bold.sass

@@ -0,0 +1,2 @@
+=bold
+  :font-weight bold

data/sass/typography/_capitalize.sass

@@ -0,0 +1,2 @@
+=capitalize
+  :text-transform capitalize

data/sass/typography/_caps.sass

@@ -0,0 +1,8 @@
+=no-caps
+  :font-variant normal
+  :letter-spacing 0
+
+=caps(!letter_spacing = 1px)
+  :font-variant small-caps
+  :letter-spacing= !letter_spacing
+  

data/sass/typography/_italic.sass

@@ -0,0 +1,4 @@
+// Just for convenience
+  
+=italic
+  :font-style italic

data/sass/typography/_lowercase.sass

@@ -0,0 +1,2 @@
+=lowercase
+  :text-transform lowercase

data/sass/typography/_regular.sass

@@ -0,0 +1,3 @@
+=regular
+  :font-weight normal
+  :font-style normal

data/sass/typography/_shadow.sass

@@ -0,0 +1,16 @@
+// IE doesn't support this!
+
+=shadow(!offset_x = 1px, !offset_y = 1px, !blur_radius = 1px, !color = #000)
+  :text-shadow= !offset_x !offset_y !blur_radius !color
+
+// Shortcut for faking engraved text
+=engrave(!color = #fff)
+  +shadow(0, 1px, 1px, !color)
+
+// Shortcut for faking embossed text - just an alias for convenience
+=emboss(!color = #000)
+  +shadow(0, 1px, 1px, !color)
+
+// Another shortcurt/alias for convenience
+=glow(!blur_radius = 5px, !color = #fff)
+  +shadow(1px, 1px, !blur_radius, !color)

data/sass/typography/_text-align.sass

@@ -0,0 +1,11 @@
+=text-center
+  :text-align center
+
+=text-left
+  :text-align left
+
+=text-right
+  :text-align right
+
+=text-justify
+  :text-align justify

data/sass/typography/_uppercase.sass

@@ -0,0 +1,2 @@
+=uppercase
+  :text-transform uppercase

data/sass/typography/_vertical-rhythm.sass

@@ -0,0 +1,19 @@
+!base_font_size ||= 12px
+!base_line_height ||= 1.5
+  
+=vertical-rhythm(!font_size)
+  !space = ((!base_font_size * !base_line_height) / !font_size)
+
+  :font-size= !font_size
+  :line-height= !space
+  :margin-top= !space + "em"
+  :margin-bottom= !space + "em"
+
+=asymmetrical-vertical-rhythm(!font_size, !top_factor = 1.5, !bottom_factor = 0.5)
+  !space = ((!base_font_size * !base_line_height) / !font_size)
+
+  :font-size= !font_size
+  :line-height= !space
+  :margin-top= !space * !top_factor + "em"
+  :margin-bottom= !space * !bottom_factor + "em"
+  

data/sass/utilities/_border.sass

@@ -0,0 +1,29 @@
+=no-border-top
+  :border-top 0
+
+=no-border-right
+  :border-right 0
+
+=no-border-bottom
+  :border-bottom 0
+
+=no-border-left
+  :border-left 0
+
+=no-border
+  :border 0
+
+=border-top(!color, !size = 1px, !style = "solid")
+  :border-top= !size !style !color
+  
+=border-right(!color, !size = 1px, !style = "solid")
+  :border-right= !size !style !color
+
+=border-bottom(!color, !size = 1px, !style = "solid")
+  :border-bottom= !size !style !color
+
+=border-left(!color, !size = 1px, !style = "solid")
+  :border-left= !size !style !color
+
+=border(!color, !size = 1px, !style = "solid")
+  :border= !size !style !color

data/sass/utilities/_boxed.sass

@@ -0,0 +1,67 @@
+=boxed-top(!border_color, !bg_color, !top_color = "grey", !border_radius = 6px)
+  .hd
+    +new-context
+    +border(!border_color)
+    +no-border-bottom
+    :background-color= !bg_color
+    
+  .tl, .tr
+    :width= !border_radius
+    :height= !border_radius
+    :background-image= url("../images/bg-box-#{!top_color}.png")
+
+  .tl
+    +absolute-top-left(-1px, -1px)
+    :background-position left top
+    
+  .tr
+    +absolute-top-right(-1px, -1px)
+    :background-position right top
+
+  // IE fixes
+  .hd, .tl, .tr
+    :font-size 0
+
+  .hd
+    +ie-gain-layout
+    :height= !border_radius  
+    
+=boxed-bottom(!border_color, !bg_color, !bottom_color = "grey", !border_radius = 6px)
+  .ft
+    +new-context
+    +border(!border_color)
+    +no-border-top
+    :background-color= !bg_color
+    
+  .bl, .br      
+    :width= !border_radius
+    :height= !border_radius
+    :background-image= url("../images/bg-box-#{!bottom_color}.png")
+
+  .bl
+    +absolute-bottom-left(-1px, -1px)
+    :background-position left bottom
+
+  .br
+    +absolute-bottom-right(-1px, -1px)
+    :background-position right bottom
+
+  // IE fixes
+  .ft, .bl, .br
+    :font-size 0
+
+  .ft
+    +ie-gain-layout
+    :height= !border_radius  
+
+=boxed(!border_color, !bg_color, !top_color = "grey", !bottom_color = "grey", !border_radius = 6px)
+  +boxed-top(!border_color, !bg_color, !top_color, !border_radius)
+  +boxed-bottom(!border_color, !bg_color, !bottom_color, !border_radius)
+  :background-color= !bg_color
+
+  .bd
+    +clearfix
+    +border-left(!border_color)
+    +border-right(!border_color)
+    // IE fix
+    +ie-gain-layout

data/sass/utilities/_bullets.sass

@@ -0,0 +1,7 @@
+=no-bullet
+  :list-style-type none
+  :margin-left 0
+
+=no-bullets
+  li
+    +no-bullet

data/sass/utilities/_clear.sass

@@ -0,0 +1,13 @@
+=clear
+  :clear both
+
+=no-clear
+  :clear none
+  
+=clear-left
+  :clear left
+
+=clear-right
+  :clear right
+
+  

data/sass/utilities/_clearfix.sass

@@ -0,0 +1,21 @@
+// The (in)famous clearfix trick
+=clearfix
+  :display inline-block // FF3 supports this now
+  
+  &:after
+    :content " "
+    :display block
+    :height 0
+    :clear both
+    :visibility hidden
+    :font-size 0
+
+
+  * html>body &
+    :display inline-block
+    :width 100%
+
+  * html &
+    /* Hide from IE/mac \*/
+    :height 1%
+    /* End hide from IE/mac

data/sass/utilities/_display.sass

@@ -0,0 +1,18 @@
+=block
+  :display block
+
+=inline
+  :display inline
+
+=inline-block
+  :display inline-block
+
+=list-item
+  :display list-item
+
+=run-in
+  :display run-in
+
+=remove
+  :display none
+  

data/sass/utilities/_float.sass

@@ -0,0 +1,15 @@
+// Implementation of float:left/right with fix
+// for IE's double margin bug.
+
+=float(!side = "left")
+  :display inline
+  :float= !side
+
+=float-left
+  +float("left")
+
+=float-right
+  +float("right")
+
+=no-float
+  +float("none")

data/sass/utilities/_hide.sass

@@ -0,0 +1,7 @@
+=hide
+  :display hidden
+
+=hide-text
+  :overflow hidden
+  :text-indent -9999em
+  

data/sass/utilities/_horizontal-list.sass

@@ -0,0 +1,18 @@
+=horizontal-list(!padding_left = 0, !padding_right = 0)
+  +reset-box-model
+  +no-bullets
+  :display inline
+
+  li
+    :display inline
+    :white-space nowrap
+
+    :padding
+      :left= !padding_left
+      :right= !padding_right
+
+    &.first
+      :padding-left 0
+
+    &.last      
+      :padding-right 0

data/sass/utilities/_inline-block.sass

@@ -0,0 +1,10 @@
+// Cross-browser inline-block support
+
+=inline-block
+  +ie-gain-layout
+
+  :display inline
+  :display -moz-inline-box
+  :display inline-block
+  :vertical-align top
+

data/sass/utilities/_new-context.sass

@@ -0,0 +1,5 @@
+// Sets a new context for positioning
+// child elements in it
+
+=new-context(!mode = "relative")
+  :position= !mode

data/sass/utilities/_position.sass

@@ -0,0 +1,71 @@
+// Positions the element relative to its
+// surrounding context (Set a new one using
+// new-context mixin)
+
+=position(!mode = "absolute", !top = false, !right = false, !bottom = false, !left = false)
+  :position= !mode
+
+  @if !top
+    :top= !top
+
+  @if !right
+    :right= !right
+
+  @if !bottom
+    :bottom= !bottom
+
+  @if !left
+    :left= !left
+
+// Mixins for convenience
+
+=absolute(!top = false, !right = false, !bottom = false, !left = false)
+  +position("absolute", !top, !right, !bottom, !left)
+
+=relative(!top = false, !right = false, !bottom = false, !left = false)
+  +position("relative", !top, !right, !bottom, !left)
+
+// Even more convenience
+
+=absolute-top-left(!top = 0, !left = 0)
+  +absolute(!top, false, false, !left)
+
+=absolute-top(!top = 0)
+  +absolute(!top, false, false, false)
+
+=absolute-top-right(!top = 0, !right = 0)
+  +absolute(!top, !right, false, false)
+
+=absolute-right(!right = 0)
+  +absolute(false, !right, false, false)
+
+=absolute-bottom-right(!bottom = 0, !right = 0)
+  +absolute(false, !right, !bottom, false)
+
+=absolute-bottom(!bottom = 0)
+  +absolute(false, false, !bottom, false)
+
+=absolute-bottom-left(!bottom = 0, !left = 0)
+  +absolute(false, false, !bottom, !left)
+
+=absolute-left(!left = 0)
+  +absolute(false, false, false, !left)
+
+
+// Mixins for convenient relative positioning
+// *Note* the minus signs..
+
+=move(!top = false, !right = false, !bottom = false, !left = false)
+  +relative(!top, !right, !bottom, !left)
+
+=move-up(!up = 0)
+  +move(-!up)
+
+=move-right(!right = 0)
+  +move(false, -!right)
+
+=move-down(!down = 0)
+  +move(false, false, -!down)
+
+=move-left(!left = 0)
+  +move(false, false, false, -!left)

data/sass/utilities/_replace-text.sass

@@ -0,0 +1,16 @@
+// Replaces text with an image -
+//
+// Text will be hidden by moving it
+// out of the window, so it stays
+// indexable for Google and Co.
+//
+
+=replace-text(!img, !x = 50%, !y = 50%)
+  +hide-text
+
+  :background
+    :image= url(!img)
+    :position= !x !y
+    :repeat no-repeat
+
+

data/sass/utilities/_reset.sass

@@ -0,0 +1,64 @@
+=reset-box-model
+  :border 0
+  :margin 0
+  :padding 0
+
+=reset
+  +reset-box-model
+  :font
+    :family inherit
+    :size 100%
+    :style inherit
+    :weight inherit
+
+  :outline 0
+  :vertical-align baseline
+
+=reset-quotes
+  +reset
+  :quotes "" ""
+  &:before, &:after
+    :content ""
+
+=reset-table-cell
+  +reset
+  :text-align left
+  :font-weight normal
+  :vertical-align middle
+
+=reset-table
+  +reset
+  :border-collapse separate
+  :border-spacing 0
+  :vertical-align middle
+
+=reset-list
+  :list-style none
+
+=global-reset
+  html, body, div, span, applet, object, iframe,
+  h1, h2, h3, h4, h5, h6, p, blockquote, pre,
+  a, abbr, acronym, address, big, cite, code,
+  del, dfn, em, font, img, ins, kbd, q, s, samp,
+  small, strike, strong, sub, sup, tt, var,
+  dl, dt, dd, ol, ul, li,
+  fieldset, form, label, legend,
+  table, caption, tbody, tfoot, thead, tr, th, td
+    +reset
+
+  body
+    :line-height 1
+    :color black
+    :background white
+  
+  ol, ul
+    +reset-list
+
+  caption, th, td
+    +reset-table-cell
+
+  table
+    +reset-table
+
+  blockquote, q
+    +reset-quotes

data/sass/utilities/_round-corners.sass

@@ -0,0 +1,12 @@
+// No IE-support for now!
+
+=round-corners(!topright = 5px, !bottomright = 5px, !bottomleft = 5px, !topleft = 5px)
+  :-moz-border-radius-topright= !topright
+  :-moz-border-radius-bottomright= !bottomright
+  :-moz-border-radius-bottomleft= !bottomleft
+  :-moz-border-radius-topleft= !topleft
+
+  :-webkit-border-top-right-radius= !topright
+  :-webkit-border-bottom-right-radius= !bottomright
+  :-webkit-border-bottom-left-radius= !bottomleft
+  :-webkit-border-top-left-radius= !topleft

data/sass/utilities/_size.sass

@@ -0,0 +1,3 @@
+=size(!width, !height)
+  :width= !width
+  :height= !height

data/sass/utilities/_zebra-striping.sass

@@ -0,0 +1,17 @@
+// Zebra-striping - 
+//
+// "even" and "odd" classes must be set when
+// targeting browsers which do not support 
+// the pseudo-class :nth-child.
+
+=zebra-striping(!even, !odd = "transparent")
+  :nth-child(even)
+    :background-color= !even
+  :nth-child(odd)
+    :background-color= !odd
+
+  li.even
+    :background-color= !even
+  li.odd
+    :background-color= !odd
+

data/sass/utilities/ie/_has-layout.sass

@@ -0,0 +1,20 @@
+// IE's render-engine has an internal flag
+// named "hasLayout" for each element. 
+//
+// Several bugs can be resolved by triggering it.
+//
+// More information: 
+// http://www.satzansatz.de/cssd/onhavinglayout.html
+
+
+// This seems to be the best option nowadays -
+// just ignore IE5.0..
+
+=ie-gain-layout
+  :zoom 1
+
+// Resetting hasLayout is possible unless it has
+// been triggered by another rule too.
+
+=ie-reset-layout
+  :zoom normal

data/sass/utilities/safari/_fix-anti-aliasing.sass

@@ -0,0 +1,10 @@
+// Safari renders type on dark backgrounds
+// a bit too bold - this fix let it appear
+// lighter. 
+//
+// More information:
+// http://24ways.org/2006/knockout-type
+//
+
+=safari-fix-anti-aliasing
+  :text-shadow 0 0 0 #000

metadata

@@ -0,0 +1,110 @@
+--- !ruby/object:Gem::Specification 
+name: lloydk-compass-jazen
+version: !ruby/object:Gem::Version 
+  version: 0.1.0
+platform: ruby
+authors: 
+- lloydk
+autorequire: 
+bindir: bin
+cert_chain: []
+
+date: 2009-08-16 00:00:00 -07:00
+default_executable: 
+dependencies: 
+- !ruby/object:Gem::Dependency 
+  name: chriseppstein-compass
+  type: :runtime
+  version_requirement: 
+  version_requirements: !ruby/object:Gem::Requirement 
+    requirements: 
+    - - ">="
+      - !ruby/object:Gem::Version 
+        version: 0.8.9
+    version: 
+description: Port of Jazen's css framework (http://github.com/jazen/css to Compass (http://compass-style.org).
+email: lloyd@lloydk.ca
+executables: []
+
+extensions: []
+
+extra_rdoc_files: 
+- README.rdoc
+files: 
+- .gitignore
+- README.rdoc
+- Rakefile
+- VERSION
+- compass-jazen.gemspec
+- lib/compass-jazen.rb
+- lib/jazen/compass_plugin.rb
+- lib/jazen/sass_extensions.rb
+- sass/_forms.sass
+- sass/_grid.sass
+- sass/_links.sass
+- sass/_typography.sass
+- sass/_utilities.sass
+- sass/forms/_label-after-input.sass
+- sass/forms/_on-same-line.sass
+- sass/forms/ie/_fix-legend.sass
+- sass/jazen.sass
+- sass/links/_link-colors.sass
+- sass/typography/_bold.sass
+- sass/typography/_capitalize.sass
+- sass/typography/_caps.sass
+- sass/typography/_italic.sass
+- sass/typography/_lowercase.sass
+- sass/typography/_regular.sass
+- sass/typography/_shadow.sass
+- sass/typography/_text-align.sass
+- sass/typography/_uppercase.sass
+- sass/typography/_vertical-rhythm.sass
+- sass/utilities/_border.sass
+- sass/utilities/_boxed.sass
+- sass/utilities/_bullets.sass
+- sass/utilities/_clear.sass
+- sass/utilities/_clearfix.sass
+- sass/utilities/_display.sass
+- sass/utilities/_float.sass
+- sass/utilities/_hide.sass
+- sass/utilities/_horizontal-list.sass
+- sass/utilities/_inline-block.sass
+- sass/utilities/_new-context.sass
+- sass/utilities/_position.sass
+- sass/utilities/_replace-text.sass
+- sass/utilities/_reset.sass
+- sass/utilities/_round-corners.sass
+- sass/utilities/_size.sass
+- sass/utilities/_zebra-striping.sass
+- sass/utilities/ie/_has-layout.sass
+- sass/utilities/safari/_fix-anti-aliasing.sass
+- templates/.gitignore
+has_rdoc: false
+homepage: http://github.com/lloydk/compass-jazen
+licenses: 
+post_install_message: 
+rdoc_options: 
+- --charset=UTF-8
+require_paths: 
+- lib
+required_ruby_version: !ruby/object:Gem::Requirement 
+  requirements: 
+  - - ">="
+    - !ruby/object:Gem::Version 
+      version: "0"
+  version: 
+required_rubygems_version: !ruby/object:Gem::Requirement 
+  requirements: 
+  - - ">="
+    - !ruby/object:Gem::Version 
+      version: "0"
+  version: 
+requirements: []
+
+rubyforge_project: 
+rubygems_version: 1.3.5
+signing_key: 
+specification_version: 3
+summary: Port of Jazen's css framework to Compass
+test_files: []
+