compass-edge 0.9.1

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, working_directory = Dir.pwd)
+  download_link = "http://github.com/#{user}/#{project}/zipball/master"
+  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/logo/logo.html.haml

@@ -0,0 +1,40 @@
+%html
+  %head
+    %link{ :href => "stylesheets/screen.css", :rel => "stylesheet", :media => "screen", :type => "text/css", :charset => "utf-8" }
+  %body
+    #logo-large
+      %span.selector
+        un
+      %span.brace
+        {
+      %span.rule
+        ob:tru-sive;
+      %span.brace
+        }
+    #logo-medium
+      %span.selector
+        un
+      %span.brace
+        {
+      %span.rule
+        ob:tru-sive;
+      %span.brace
+        }
+    #logo
+      %span.selector
+        un
+      %span.brace
+        {
+      %span.rule
+        ob:tru-sive;
+      %span.brace
+        }
+    #logo-small
+      %span.selector
+        un
+      %span.brace
+        {
+      %span.rule
+        ob:tru-sive;
+      %span.brace
+        }

data/examples/logo/src/ie.sass

@@ -0,0 +1,6 @@
+/*
+  Welcome to Compass. Use this file to write IE specific override styles.
+  Import this file using the following HTML or equivalent:
+  <!--[if IE]>
+    <link href="/stylesheets/ie.css" media="screen, projection" rel="stylesheet" type="text/css" />
+  <![endif]-->

data/examples/logo/src/print.sass

@@ -0,0 +1,6 @@
+/*
+  Welcome to Compass. Use this file to define print styles.
+  Import this file using the following HTML or equivalent:
+  <link href="/stylesheets/print.css" media="print" rel="stylesheet" type="text/css" />
+  
+

data/examples/logo/src/screen.sass

@@ -0,0 +1,29 @@
+/*
+  Welcome to Compass.
+  In this file you should write your main styles. (or centralize your imports)
+  Import this file using the following HTML or equivalent:
+  <link href="/stylesheets/screen.css" media="screen, projection" rel="stylesheet" type="text/css" />
+
+@import compass/reset.sass
+@import compass/misc.sass
+
+#logo-large,
+#logo-medium,
+#logo,
+#logo-small
+  :text-align center
+  :margin
+    :bottom 40px
+
+#logo-large
+  +unobtrusive-logo(3em)
+  :margin-top 20px
+
+#logo-medium
+  +unobtrusive-logo(2em)
+
+#logo
+  +unobtrusive-logo
+
+#logo-small
+  +unobtrusive-logo(0.5em)

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

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

@@ -0,0 +1,59 @@
+!ninesixty_font_family ||= "Helvetica, Arial, 'Liberation Sans', FreeSans, sans-serif"
+
+=text(!font_family = !ninesixty_font_family)
+  body
+    :font= "13px/1.5" !font_family
+
+  a:focus
+    :outline 1px dotted invert
+
+  hr
+    :border-color #ccc
+    :border-style solid
+    :border-width 1px 0 0
+    :clear both
+    :height 0
+
+  h1
+    :font-size 25px
+
+  h2
+    :font-size 23px
+
+  h3
+    :font-size 21px
+
+  h4
+    :font-size 19px
+
+  h5
+    :font-size 17px
+
+  h6
+    :font-size 15px
+
+  ol
+    :list-style decimal
+
+  ul
+    :list-style square
+
+  li
+    :margin-left 30px
+
+  p,
+  dl,
+  hr,
+  h1,
+  h2,
+  h3,
+  h4,
+  h5,
+  h6,
+  ol,
+  ul,
+  pre,
+  table,
+  address,
+  fieldset
+    :margin-bottom 20px

data/examples/ninesixty/extensions/ninesixty/templates/project/grid.sass

@@ -0,0 +1,34 @@
+/*
+  960 Grid System ~ Core CSS.
+  Learn more ~ http://960.gs/
+  
+  Licensed under GPL and MIT.
+
+@import compass/utilities/general/reset.sass
+@import 960/grid.sass
+
++global-reset
+
+// The following generates the default grids provided by the css version of 960.gs
+.container_12
+  +grid-system(12)
+
+.container_16
+  +grid-system(16)
+
+// But most compass users prefer to construct semantic layouts like so (two column layout with header and footer):
+
+!ninesixty_columns = 24
+.two-column
+  +grid-container
+  #header,
+  #footer,
+  #sidebar,
+  #main-content
+    +grid-unit-base
+  #header, #footer
+    +grid-width(24)
+  #sidebar
+    +grid-width(8)
+  #main-content
+    +grid-width(16)

data/examples/ninesixty/extensions/ninesixty/templates/project/manifest.rb

@@ -0,0 +1,2 @@
+stylesheet 'grid.sass', :media => "screen, projection"
+stylesheet 'text.sass', :media => "screen, projection"

data/examples/ninesixty/extensions/ninesixty/templates/project/text.sass

@@ -0,0 +1,10 @@
+/*
+  960 Grid System ~ Text CSS.
+  Learn more ~ http://960.gs/
+  
+  Licensed under GPL and MIT.
+  
+
+@import 960/text.sass
+
++text

data/examples/ninesixty/src/grid.sass

@@ -0,0 +1,16 @@
+/*
+  960 Grid System ~ Core CSS.
+  Learn more ~ http://960.gs/
+  
+  Licensed under GPL and MIT.
+
+@import compass/utilities/general/reset.sass
+@import 960/grid.sass
+
++global-reset
+
+.container_12
+  +grid-system(12)
+
+.container_16
+  +grid-system(16)