compass 0.10.0.rc1 → 0.10.0.rc2

data/examples/logo/src/print.sass

@@ -1,6 +0,0 @@
-/*
-  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

@@ -1,29 +0,0 @@
-/*
-  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/extensions/ninesixty/README.mkdn

@@ -1,56 +0,0 @@
-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

@@ -1,36 +0,0 @@
-# -*- 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

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

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

@@ -1,5 +0,0 @@
-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

@@ -1,64 +0,0 @@
-!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

@@ -1,59 +0,0 @@
-!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

@@ -1,34 +0,0 @@
-/*
-  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

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

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

@@ -1,10 +0,0 @@
-/*
-  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

@@ -1,16 +0,0 @@
-/*
-  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)

data/examples/ninesixty/src/text.sass

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

data/examples/susy/extensions/susy/LICENSE.txt

@@ -1,28 +0,0 @@
-Copyright (c) 2009, Eric Meyer
-All rights reserved.
-
-Redistribution and use in source and binary forms, with or without
-modification, are permitted provided that the following conditions are
-met:
-
-    * Redistributions of source code must retain the above copyright
-      notice, this list of conditions and the following disclaimer.
-    * Redistributions in binary form must reproduce the above
-      copyright notice, this list of conditions and the following
-      disclaimer in the documentation and/or other materials provided
-      with the distribution.
-    * Neither the name of the author nor the names of other
-      contributors may be used to endorse or promote products derived
-      from this software without specific prior written permission.
-
-THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS
-"AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT
-LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR
-A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT
-OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL,
-SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT
-LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE,
-DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY
-THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
-(INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
-OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.

data/examples/susy/extensions/susy/README.mkdn

@@ -1,235 +0,0 @@
-Susy - Compass Plugin 
-=====================
-
-Susy is a semantic CSS framework creator entirely native to
-[Compass](http://compass-style.org/).
-Susy is an expert at fluid grids in an elastic (or fluid, or fixed) shell that
-will never activate that bloody side-scroll bar. Susy sets your width on the
-outer element (`container`), adds a `max-width` of `100%` and builds the rest
-of your grid in percentages. The philosophy and technique are based on
-[Natalie Downe](http://natbat.net/)'s "[CSS
-Systems](http://natbat.net/2008/Sep/28/css-systems/)" - which introduces
-difficult math in the service of beautiful structure. With the power of
-Compass/Sass, Susy will do that math for you.
-
-Using simple mixins, columns can be created, suffixed, prefixed, and nested
-easily - and always in flexible percentages.
-
-Install 
-=======
-
-    sudo gem sources --add http://gemcutter.org/ 
-    sudo gem install compass-susy-plugin
-
-Create a Susy-based Compass Project 
-===================================
-
-    compass -r susy -f susy <project name>
-
-Then edit your `_base.sass`, `_defaults.sass`, `screen.sass` and `print.sass`
-files accordingly. A reset is added automatically, and includes help for some
-HTML5 elements.
-
-Philosophy and Goals
---------------------
-
-The method comes from [Natalie Downe](http://natbat.net/)'s "[CSS
-Systems](http://natbat.net/2008/Sep/28/css-systems/)", but I'll cover it here.
-
-It is important for accessibility and usability that we are:
-
-* Responsive to text sizing: In order for our site to be accessible we need to
-  allow different font-sizes to be set by the client. In order to maintain
-  design integrity of proportions and line-lengths, the grid needs to respond
-  to those sizes.
-
-* Responsive to window sizing: In order to maintain usability across
-  platforms/monitors, our grid needs to respond to the size of the viewport.
-  This is mainly an issue as the viewport shrinks and we are given a
-  side-scroll bar. No one likes that. On the large end our design integrity
-  and line lengths are more important than taking up all the possible space.
-
-In order to achieve both goals we need to combine the best of the elastic
-(em-based) and fluid (%-based) models. The solution is simple: First we build
-a fluid grid, then place it inside an elastic shell, and apply a maximum width
-to that shell so that it never exceeds the size of the viewport. It's simple
-in theory, but daunting in practice, as you constantly have to adjust your
-math based on the context.
-
-But Susy harnesses the power of Compass and Sass to do all the math for you.
-
-Grid Basics
-===========
-
-* Set up your default grid values (total columns, column width, gutter
-  width, side gutter width), your base font size, and important mixins
-  in `_base.sass`.
-
-* Set defaults for all the important HTML tags in `_defaults.sass`. It's
-  better than using the browser defaults. And better than using ours.
-
-* Create your grid in `screen.sass`: apply the `+susy` mixin to the `body`
-  element and the `+container` mixin to the element that contains the page
-  grid.
-
-* Use the `+columns` mixin to declare the width in columns of an element,
-  or `+full` for any element spanning the full width of its context.
-
-* Use `+alpha` and `+omega` to declare elements which include the first or
-  last column within their parent element (`+full` to declare both `+alpha`
-  and `+omega`). Note: `+alpha` is actually only needed in the very top level,
-  and does nothing in nested contexts. Neither is needed on a `+full` element.
-
-* Use `+prefix` or `+suffix` to give the width (in columns) of an elements
-  left or right margin, or `+pad` to give both `+prefix` and `+suffix` at
-  once.
-
-* In nested contexts, all of these mixins take an extra final argument, the
-  width in columns of the parent (nesting) element.
-
-That's it for the basics! Here's a sample Susy grid layout:
-
-    body
-      +susy
-     
-    #page
-      +container
-     
-    #brand
-      +full
-      +pad(1,1)
-      h1
-        +full(8)
-        +pad(1,2,8)
-        
-    #nav
-      +columns(2)
-      +alpha
-     
-    #content
-      +columns(8)
-      +omega
-      #description
-        +columns(5,8)
-      #credit
-        +columns(3,8)
-        +omega(8)
-
-Tutorial
-========
-
-For more details, read [the tutorial](http://www.oddbird.net/susy/tutorial/).  
-It's also included with Susy in the docs/ folder.
-
-Extra Utility Mixins 
-=====================
-
-Extra utilities are included in Susy's `utils.sass` file, with additional list
-options, experimental (CSS3/proprietary) CSS, and more.
-
-* `+show-grid(!src)` - Repeat the specified grid image on an element. Good for
-  testing your baseline grid.
-
-* `+inline-block-list([!horizontalpadding])` - Make list items inline-block
-  when floating just won't do the trick (if you need them centered or right).
-
-* `+hide` - Hide content from visual browsers while keeping accessability
-  intact.
-
-* `+skip-link([!top = 0, !right, !bottom, !left])` - Hide a link, and then show
-  it again on focus. the TRBL settings allow you to place it absolutely on
-  display. Default will be top left of the positioning context.
-
-And then the fun stuff in `_CSS3.sass`:
-
-* `+opacity(!opacity)` - add cross-browser opacity settings (takes a range of
-  0 to 1). `+transprent` and `+opaque` are available as shortcuts.
-
-* `+border-radius(!radius)` - Rounded corners in supporting browsers.
-  `+border-bottom-left-radius` etc. all work.
-
-* `+box-sizing(!model)` - Set the box sizing model in supporting browsers.
-
-* `+box-shadow(!verticaloffset, !horizontaloffset, !blur, !color)` -
-  Box-shadow in supporting browsers.
-
-* `+column-count(!number)`, `+column-gap(!length)`, `+column-width(!length)`,
-  and `+column-rule(!width, !style, !color)` - CSS columns in supporting
-  browsers.
-
-Advanced Options
-================
-
-Susy is built for flexibility, so that you always write the code you want to
-write. While everything should 'just work' out of the box, there are plenty of
-advanced options hidden inside. Here's a few:
-
-* `!hacks` is a boolean constant that you can set in your base.sass file to
-  choose between using targeted hacks for IE (a variation of the star hack in
-  most cases) in your screen.css, or using a conditional-comment targeted
-  ie.css. All the needed mixins are available for either setting. `!hacks` is
-  true by default so there is no extra work maintaining multiple files unless
-  you want to.
-
-    Example 1:
-    
-        !hacks = true
-    
-        #nav
-          +inline-block-list
-    
-    Example 2:
-    
-        !hacks = false
-      
-        (in screen.sass)
-        #nav
-          +inline-block-list
-        
-        (in ie.sass)
-        #nav li
-          +ie-inline-block
-
-    It requires more maintenance on your part, but the result is a
-    hack-free output.
-    
-    The Susy mixins that use either hacks or targeted mixins are
-    `+omega` (`+ie-omega([!right-floated = false])`), `+inline-block`
-    (`+ie-inline-block`), and `+inline-block-list` which sets
-    `+inline-block` on the list items.
-    
-    The ie-specific mixins only add the needed ie-specific adjustments,
-    so they need to be used in addition to their counterparts, not on
-    their own.
-
-* `gutter(!context)` is a function that you can call at any time to return the
-  size of a gutter in your given context using percentages. The number is
-  returned without units so that you can perform math on it. In order to use
-  it, you will have to add "%" to it.
-
-    Example:
-        
-        #nav
-          padding-right= gutter(5) + "%"
-
-* `columns(!number, !context)` returns the span of `!number` columns in
-  `!context` as a percentage (again without the units declared). This span
-  includes any gutters between the columns spanned.
-
-    Example:
-        
-        #nav
-          padding-left= columns(3,5) + "%"
-
-* `side_gutter()` is also available and takes no arguments since it is always
-  used at the top nesting level.
-
-* `px2em()` takes one numeric argument representing the number of pixels you
-  want to mimic. The return is an em value (with no units declared) that
-  approximates that number of pixels. Useful for keeping your entire design
-  fluid.
-  
-    Example:
-    
-        #nav
-          border-bottom= px2em(2) + "em"