compass 0.8.17 → 0.10.0.pre1

data/examples/compass/src/utilities.sass

@@ -1,8 +1,8 @@
 @import compass/reset.sass
 @import compass/utilities.sass
 @import yui/modules/base.sass
-@import blueprint/modules/grid.sass
-@import blueprint/modules/scaffolding.sass
+@import blueprint/grid.sass
+@import blueprint/scaffolding.sass
 @import compass/utilities/text/ellipsis.sass
 
 html

data/examples/css3/config.rb

@@ -0,0 +1,6 @@
+# Require any additional compass plugins here.
+project_type = :stand_alone
+css_dir = "stylesheets"
+sass_dir = "src"
+images_dir = "images"
+relative_assets = true

data/examples/css3/extensions/fancy-fonts/templates/project/fancy-fonts.sass

@@ -0,0 +1,7 @@
+@import compass/css3.sass
+
++font-face("Vtks Revolt", font-files("Vtks Revolt.ttf", 'truetype'))
++font-face("Angelina", font-files("angelina.ttf", 'truetype'))
+h1
+  font-family: "Vtks Revolt"
+  font-size: 3em

data/examples/css3/extensions/fancy-fonts/templates/project/manifest.rb

@@ -0,0 +1,5 @@
+# From http://www.dafont.com/vtks-revolt.font
+font 'Vtks Revolt.ttf'
+# From http://www.dafont.com/angelina.font
+font 'angelina.ttf'
+stylesheet 'fancy-fonts.sass'

data/examples/css3/index.html.haml

@@ -0,0 +1,55 @@
+!!!
+%html
+  %head
+    %link(href="stylesheets/fancy-fonts.css" rel="stylesheet" type="text/css")
+    %link(href="stylesheets/main.css" rel="stylesheet" type="text/css")
+    %link(href="stylesheets/gradient.css" rel="stylesheet" type="text/css")
+  %body
+    %h1 Compass CSS3 Module
+    #container
+      .examples
+        #background-clip.example
+          %h2 Background Clip & Origin
+          %pre.padding-box
+            %code<>
+              +background-clip("padding-box")<br />+background-origin("padding-box")
+          %pre.border-box
+            %code<>
+              +background-clip("border-box")<br />+background-origin("border-box")
+        .gutter
+        #background-size.example
+          %h2 Background Size
+          %pre.top-left
+            %code<>
+              +background-size(50% 50%)
+          %pre.centered
+            %code<>
+              +background-size(50% 50%)<br />background-position: center center
+        .gutter
+        #gradients.example
+          %h2 Gradients
+          %pre.horizontal
+            %code<>
+              +h-gradient(#d92626, #2626d9)
+          %pre.vertical
+            %code<>
+              +v-gradient(#d92626, #2626d9)
+          %pre.diagonal
+            %code<
+              +linear-gradient("left top",
+              "right bottom",
+              \#d92626, #2626d9)
+          %pre.radial
+            %code<>
+              +radial-gradient(<br />  "center center, 10, center center, 100",<br />  #d92626, #2626d9)
+      .examples
+        #border-radius.example
+          %h2 Border Radius
+        .gutter
+        #box-shadow.example
+          %h2 Box Shadow
+        .gutter
+        #box-sizing.example
+          %h2 Box Sizing
+
+

data/examples/css3/src/_base.sass

@@ -0,0 +1,14 @@
+@import compass/utilities.sass
+@import compass/css3.sass
+
+=container
+  +clearfix
+  overflow: auto
+
+=row
+  +clearfix
+
+=column
+  float: left
+  +box-sizing("border-box")
+

data/examples/css3/src/fancy-fonts.sass

@@ -0,0 +1,7 @@
+@import compass/css3.sass
+
++font-face("Angelina", font-files("angelina.ttf", 'truetype'))
+h1
+  font-family: "Angelina"
+  font-size: 5em
+

data/examples/css3/src/gradient.sass

@@ -0,0 +1,10 @@
+@import compass/css3/gradient.sass
+
+#gradient
+  width: 200px
+  height: 100px
+  border: 1px solid #777
+.linear
+  +v-gradient(#fff, #aaa, color_stop(50%, #ccc, 50%, #bbb))
+.radial
+  +radial-gradient("45 45, 10, 52 50, 30", "Cyan", "DodgerBlue")

data/examples/css3/src/main.sass

@@ -0,0 +1,80 @@
+@import blueprint/reset.sass
+@import base.sass
+
+!border_color = #aaa
+
+#container
+  +container
+
+!min_width = 340px
+.examples
+  margin-bottom: 1em
+  +row
+  min-width= !min_width * 3 + 20px * 2 + 20px
+
+h1
+  text-align: center
+
+.example, .gutter
+  min-height: 21em
+
+.example
+  +column
+  width: 30%
+  min-width= !min_width
+  border: 4px solid #{!border_color}
+  +border-radius(0.667em)
+  +box-shadow(darken(!border_color, 40), 5px, 5px, 2px)
+  margin-bottom: 1em
+  h2
+    font-family: Angelina
+    margin: 0.5em 0 1em
+    text-align: center
+
+.gutter
+  display: block
+  float: left
+  width: 2.5%
+  min-width: 20px
+  content: " "
+
+.example
+  +v-gradient(#fff, #ccc)
+  pre
+    padding: 1em
+    margin: 1em
+    color: white
+    text-shadow: 1px 1px 2px #000
+    font-weight: bold
+#background-clip
+  pre
+    background: transparent #{image-url("fresh-peas.jpg")} no-repeat
+    border: 1em solid #{transparentize(red, .75)}
+  .padding-box
+    +background-clip("padding-box")
+    +background-origin("padding-box")
+  .border-box
+    +background-clip("border-box")
+    +background-origin("border-box")
+
+#background-size
+  pre
+    background: transparent #{image-url("fresh-peas.jpg")} no-repeat
+    border: 1em solid #{transparentize(red, .75)}
+  .top-left
+    +background-size(50% 50%)
+  .centered
+    +background-size(50% 50%)
+    background-position: center center
+
+#gradients
+  .horizontal
+    +h-gradient(#d92626, #2626d9)
+  .vertical
+    +v-gradient(#d92626, #2626d9)
+  .diagonal
+    +linear-gradient("left top", "right bottom", #d92626, #2626d9)
+  .radial
+    +radial-gradient("center center, 10, center center, 100", #d92626, #2626d9) 
+    background-color: #2626d9
+

data/examples/downloader.rb

@@ -0,0 +1,57 @@
+require 'net/http'
+require 'fileutils'
+require 'rubygems'
+require 'zip/zip'
+
+
+def fetch(uri_str, limit = 10)
+  raise ArgumentError, 'HTTP redirect too deep' if limit == 0
+
+  url = URI.parse(uri_str)
+  http = Net::HTTP.new(url.host, url.port)
+  http.open_timeout = 2
+  http.read_timeout = 30
+  response = http.start do |http|
+     puts "getting #{url.path}"
+     http.request_get(url.path)
+  end
+  
+  case response
+  when Net::HTTPSuccess     then response
+  when Net::HTTPRedirection then fetch(response['location'], limit - 1)
+  else
+    response.error!
+  end
+end
+
+def install_from_github(user, project, ext_name, branch = "master", working_directory = Dir.pwd)
+  download_link = "http://github.com/#{user}/#{project}/zipball/#{branch}"
+  extdir = File.join(working_directory,'extensions')
+  
+  if !File.exists?(extdir)
+    begin
+      puts "Downloading the #{ext_name} plugin into #{extdir}."
+      FileUtils.mkdir(extdir)
+      zipfile = File.join(extdir, "#{ext_name}.zip")
+      open(zipfile, "wb") do |tgz|
+        tgz << fetch(download_link).body
+      end
+      puts "Unzipping the #{ext_name} plugin."
+      Zip::ZipFile::open(zipfile) { |zf|
+         zf.each { |e|
+           fpath = File.join(extdir, e.name)
+           FileUtils.mkdir_p(File.dirname(fpath))
+           zf.extract(e, fpath)
+         }
+      }
+      File.unlink(zipfile)
+      funky_directory = Dir.glob(File.join(extdir,"#{user}-#{project}-*"))[0]
+      FileUtils.mv(funky_directory, File.join(extdir, ext_name))
+      puts "#{ext_name} installed."
+    rescue Exception => e
+      FileUtils.rm_rf(extdir)
+      raise
+    end
+  end
+
+end

data/examples/ninesixty/bootstrap.rb

@@ -0,0 +1,4 @@
+require File.join(File.dirname(__FILE__), '..', 'downloader')
+
+install_from_github('chriseppstein', 'compass-960-plugin', 'ninesixty')
+

data/examples/ninesixty/config.rb

@@ -0,0 +1,9 @@
+project_type = :stand_alone
+# Set this to the root of your project when deployed:
+http_path = "/"
+css_dir = "stylesheets"
+sass_dir = "src"
+images_dir = "images"
+output_style = :compact
+# To enable relative paths to assets via compass helper functions. Uncomment:
+# relative_assets = true

data/examples/ninesixty/extensions/ninesixty/README.mkdn

@@ -0,0 +1,56 @@
+960 Grid System - Compass Plugin
+================================
+
+* Port of Version 1.0
+* 2008-03-24
+
+Created by Nathan Smith. See the official site for more info: <http://960.gs/>
+
+---------
+
+This plugin adds the 960 Grid System framework to [Compass](http://compass-style.org/).
+
+Install
+=======
+
+    sudo gem install chriseppstein-compass
+    sudo gem install chriseppstein-compass-960-plugin
+
+Create a 960-based Compass Project
+==================================
+
+    compass -r ninesixty -f 960 <project name>
+
+Then edit your `grid.sass` and `text.sass` files accordingly. A reset is added into grid.sass automatically.
+
+Customizing your Grid System
+============================
+
+To create a grid system with other number of columns use the `+grid-system` mixin to generate
+the corresponding classes.
+
+Example:
+
+    #wrap
+      +grid-system(24)
+
+Making Semantic Grids
+=====================
+
+* Use the `+grid-container` mixin to declare your container element.
+* Use the `+grid` mixin to declare a grid element.
+* Use the `+alpha` and `+omega` mixins to declare the first and last grid elements for a row.
+* User the `+grid-prefix` and `+grid-suffix` mixins to add grid columns before or after a grid element.
+
+Example:
+
+    #wrap
+      +grid-container
+      #left-nav
+        +alpha
+        +grid(5,16)
+      #main-content
+        +grid-prefix(1,16)
+        +grid(10, 16)
+        +omega
+

data/examples/ninesixty/extensions/ninesixty/compass-960-plugin.gemspec

@@ -0,0 +1,36 @@
+# -*- encoding: utf-8 -*-
+
+Gem::Specification.new do |s|
+  s.name = %q{compass-960-plugin}
+  s.version = "0.9.10"
+
+  s.required_rubygems_version = Gem::Requirement.new(">= 1.2") if s.respond_to? :required_rubygems_version=
+  s.authors = ["Chris Eppstein"]
+  s.date = %q{2009-09-27}
+  s.description = %q{The 960 Grid System is an effort to streamline web development workflow by providing commonly used dimensions, based on a width of 960 pixels. http://960.gs/}
+  s.email = %q{chris@eppsteins.net}
+  s.extra_rdoc_files = ["lib/ninesixty/compass_plugin.rb", "lib/ninesixty.rb", "README.mkdn"]
+  s.files = ["compass-960-plugin.gemspec", "lib/ninesixty/compass_plugin.rb", "lib/ninesixty.rb", "Manifest", "Rakefile", "README.mkdn", "sass/960/_grid.sass", "sass/960/_text.sass", "templates/project/grid.sass", "templates/project/manifest.rb", "templates/project/text.sass", "VERSION"]
+  s.homepage = %q{http://github.com/chriseppstein/compass-960-plugin}
+  s.rdoc_options = ["--line-numbers", "--inline-source", "--title", "Compass-960-plugin", "--main", "README.mkdn"]
+  s.require_paths = ["lib"]
+  s.rubyforge_project = %q{compass-960-plugin}
+  s.rubygems_version = %q{1.3.3}
+  s.summary = %q{Compass compatible Sass port of 960.gs.}
+
+  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"])
+      s.add_development_dependency(%q<echoe>, [">= 0"])
+    else
+      s.add_dependency(%q<chriseppstein-compass>, [">= 0"])
+      s.add_dependency(%q<echoe>, [">= 0"])
+    end
+  else
+    s.add_dependency(%q<chriseppstein-compass>, [">= 0"])
+    s.add_dependency(%q<echoe>, [">= 0"])
+  end
+end

data/examples/ninesixty/extensions/ninesixty/lib/ninesixty.rb

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

data/examples/ninesixty/extensions/ninesixty/lib/ninesixty/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('960', options)

data/examples/ninesixty/extensions/ninesixty/sass/960/_grid.sass

@@ -0,0 +1,64 @@
+!ninesixty_gutter_width ||= 20px
+!ninesixty_grid_width ||= 960px
+!ninesixty_columns ||= 12
+
+=grid-container
+  :margin-left auto
+  :margin-right auto
+  :width= !ninesixty_grid_width
+
+=grid-width(!n, !cols = !ninesixty_columns, !gutter_width = !ninesixty_gutter_width)
+  :width= (!ninesixty_grid_width / !cols) * !n - !gutter_width
+
+=grid-unit-base(!gutter_width = !ninesixty_gutter_width)
+  :display inline
+  :float left
+  :margin
+    :left= !gutter_width / 2
+    :right= !gutter_width / 2
+
+=grid(!n, !cols = !ninesixty_columns, !gutter_width = !ninesixty_gutter_width)
+  +grid-unit-base(!gutter_width)
+  +grid-width(!n, !cols, !gutter_width)
+
+=alpha
+  :margin-left 0
+
+=omega
+  :margin-right 0
+
+=grids(!cols = !ninesixty_columns, !gutter_width = !ninesixty_gutter_width)
+  #{enumerate(".grid",1,!cols,"_")}
+    +grid-unit-base
+  @for !n from 1 through !cols
+    .grid_#{!n}
+      +grid-width(!n, !cols, !gutter_width)
+
+=grid-prefix(!n, !cols = !ninesixty_columns)
+  :padding-left= (!ninesixty_grid_width / !cols) * !n
+
+=grid-prefixes(!cols = !ninesixty_columns)
+  @for !n from 1 through !cols - 1
+    .prefix_#{!n}
+      +grid-prefix(!n, !cols)
+
+=grid-suffix(!n, !cols = !ninesixty_columns)
+  :padding-right= (!ninesixty_grid_width / !cols) * !n
+
+=grid-suffixes(!cols = !ninesixty_columns)
+  @for !n from 1 through !cols - 1
+    .suffix_#{!n}
+      +grid-suffix(!n, !cols)
+
+=grid-children
+  .alpha
+    +alpha
+  .omega
+    +omega
+
+=grid-system(!cols = !ninesixty_columns)
+  +grid-container
+  +grids(!cols)
+  +grid-prefixes(!cols)
+  +grid-suffixes(!cols)
+  +grid-children