compass-edge 0.9.5.0 → 0.10.0.pre

data/examples/compass/extensions/yui/stylesheets/yui/modules/_reset.sass

@@ -1,61 +0,0 @@
-/*
-  Copyright (c) 2008, Yahoo! Inc. All rights reserved.
-  Code licensed under the BSD License:
-  http://developer.yahoo.net/yui/license.txt
-  version: 3.0.0pr2
-
-=reset
-  html
-    :color #000
-    :background #FFF
-
-  body, div, dl, dt, dd, ul, ol, li,
-  h1, h2, h3, h4, h5, h6, pre, code,
-  form, fieldset, legend,input,
-  textarea, p, blockquote, th, td
-    :margin 0
-    :padding 0
-
-  li
-    :list-style none
-
-  h1, h2, h3, h4, h5, h6
-    :font-size 100%
-    :font-weight normal
-
-  code, th, address, caption,
-  cite, dfn, em, strong, var
-    :font-style normal
-    :font-weight normal
-
-  fieldset, img, abbr, acronym
-    :border 0
-
-  legend
-    :color #000
-
-  input, textarea, select
-    :font-family inherit
-    :font-size inherit
-    :font-weight inherit
-    :*font-size 100%
-
-  th, caption
-    :text-align left
-
-  table
-    :border-collapse collapse
-    :border-spacing 0
-
-  q
-    &:before, &:after
-      :content ''
-
-  abbr, acronym
-    :font-variant normal
-
-  sup
-    :vertical-align text-top
-
-  sub
-    :vertical-align text-bottom

data/examples/compass/extensions/yui/templates/project/manifest.rb

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

data/examples/compass/extensions/yui/templates/project/screen.sass

@@ -1,4 +0,0 @@
-@import yui.sass
-@import compass/reset.sass
-
-+yui

data/examples/css3/config.rb

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

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

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

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

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

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

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

@@ -1,80 +0,0 @@
-@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/susy/bootstrap.rb

@@ -1,3 +0,0 @@
-require File.join(File.dirname(__FILE__), '..', 'downloader')
-
-install_from_github('ericam', 'compass-susy-plugin', 'susy', 'edge')

data/examples/susy/config.rb

@@ -1,9 +0,0 @@
-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/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"