compass 0.10.0.rc1 → 0.10.0.rc2

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/compass/src/compass.sass

@@ -1,47 +0,0 @@
-=compass(!s)
-  :position relative
-  :width= 4 * !s
-  :height= 4 * !s
-  :font-size 24px
-  :font-family "Academy Engraved LET", "Papyrus"
-  .n, .s, .e, .w
-    :position absolute
-    :width= !s
-    :height= !s
-    :text-align center
-    :vertical-align middle
-  .w
-    :left 0px
-  .n.w, .s.w
-    :left= 0.5 * !s
-  .n, .s
-    :left=  1.5 * !s
-  .n.e, .s.e
-    :left= 2.5 * !s
-  .e
-    :left= 3 * !s
-  .n
-    :top 0px
-  .n.w, .n.e
-    :top= 0.5 * !s
-  .w, .e
-    :top= 1.5 * !s
-  .s.w, .s.e
-    :top= 2.5 * !s
-  .s
-    :top= 3 * !s
-
-.compass
-  :margin 1em auto
-  +compass(4em)
-  .n, .s, .e, .w
-    p
-      :margin
-        :top 1.5em
-        :bottom 1.5em
-  .n.w, .s.w, .n.e, .s.e
-    p
-      :margin
-        :top 1em
-        :bottom 1em
-  

data/examples/compass/src/sticky_footer.sass

@@ -1,11 +0,0 @@
-@import compass/reset.sass
-@import compass/layout.sass
-
-+sticky-footer(72px, "#layout", "#layout_footer", "#footer")
-
-#header
-  :background #999
-  :height 72px
-
-#footer
-  :background #ccc

data/examples/compass/src/utilities.sass

@@ -1,108 +0,0 @@
-@import compass/reset.sass
-@import compass/utilities.sass
-@import yui/modules/base.sass
-@import blueprint/grid.sass
-@import blueprint/scaffolding.sass
-@import compass/utilities/text/ellipsis.sass
-
-html
-  +yui-base
-
-h2
-  :margin-top 0
-  :border-bottom 2px solid #777
-
-#utilities
-  +container
-
-.example
-  :border 2px solid #ccc
-  :padding 4px
-
-#links
-  +column(8)
-
-  .hover a
-    +hover-link
-  .colored a
-    +link-colors(#C00, #C0C, #700, #707, #777)
-  .unstyled
-    :color #333
-    a
-      +unstyled-link
-.mixin
-  :font-family monospace
-  :border
-    :width 1px
-    :style solid
-  :border-color #ccc
-  :border-color -moz-use-text-color
-  :padding 2px
-  :line-height 22px
-  :white-space nowrap
-
-#tag-cloud
-  +column(8)
-  ol
-    :margin 0
-    +inline-list
-    +tag-cloud(1em)
-    li
-      +no-bullets
-
-#lists
-  +column(8, true)
-  ul.inline
-    +inline-list
-  ul.comma-delimited
-    +comma-delimited-list
-  ol.pretty
-    +pretty-bullets("blue_arrow.gif", 5px, 7px, 18px)
-
-#tables
-  +column(16)
-  table.alternating
-    :width 100%
-    +alternating-rows-and-columns(#F9E5A7,#CEFBB3,#222)
-    +table-scaffolding
-    +outer-table-borders(2px, #151A99)
-    +inner-table-borders(1px, #151A99)
-
-#ellipsis
-  +column(8, true)
-  td
-    width: 50%
-    +ellipsis
-
-#floats
-  +column(16)
-  .clearfix-example
-    :background #ddd
-    :border 2px solid black
-    :text-align center
-    +clearfix
-  .float-left-example, .float-right-example
-    :border 1px solid black
-    :padding 10px
-    :margin 0 20px
-    :width 25%
-    :background #F9E5A7
-  .float-left-example
-    +float-left
-  .float-right-example
-    +float-right
-  .pie-clearfix-example
-    :background #ddd
-    :border 2px solid black
-    :text-align center
-    :position relative
-    +pie-clearfix
-    .positioned-example
-      :display block
-      :position absolute
-      :left -10px
-      :top -10px
-      :font-size 10px
-      :width 10em
-      :background #ccf
-      :border 1px solid black

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/gradients.sass

@@ -1,69 +0,0 @@
-@import compass/css3.sass
-
-#gradient
-  width: 200px
-  height: 100px
-  border: 1px solid #777
-
-thead th
-  min-height: 50px
-  min-width: 100px
-  +text-shadow(#fff)
-th.linear
-  +linear-gradient(color_stops(#fff, #f00 50%, #ff0 75%, #0f0))
-th.radial
-  +radial-gradient(color_stops(#fff, #f00 20px, #ff0 30px, #0f0 40px))
-tr.default
-  td.linear
-    +linear-gradient(color_stops(#c00, #00c))
-  td.radial
-    +radial-gradient(color_stops(#c00, #00c))
-  td.linear-code:before
-    content: "+linear-gradient(color_stops(#c00, #00c))"
-  td.radial-code:before
-    content: "+radial-gradient(color_stops(#c00, #00c))"
-tr.top-left
-  td.linear
-    +linear-gradient(color_stops(#c00, #00c), "top left")
-  td.radial
-    +radial-gradient(color_stops(#c00, #00c), "top left")
-  td.linear-code:before
-    content: "+linear-gradient(color_stops(#c00, #00c), \"top left\")"
-  td.radial-code:before
-    content: "+radial-gradient(color_stops(#c00, #00c), \"top left\")"
-tr.bottom-right
-  td.linear
-    +linear-gradient(color_stops(#c00, #00c), "bottom right")
-  td.radial
-    +radial-gradient(color_stops(#c00, #00c), "bottom right")
-  td.linear-code:before
-    content: "+linear-gradient(color_stops(#c00, #00c), \"bottom right\")"
-  td.radial-code:before
-    content: "+radial-gradient(color_stops(#c00, #00c), \"bottom right\")"
-tr.three-color
-  td.linear
-    +linear-gradient(color_stops(#c00, #fff, #00c))
-  td.radial
-    +radial-gradient(color_stops(#c00, #fff, #00c 50px))
-  td.linear-code:before
-    content: "+linear-gradient(color_stops(#c00, #fff, #00c))"
-  td.radial-code:before
-    content: "+radial-gradient(color_stops(#c00, #fff, #00c 50px))"
-tr.four-color
-  td.linear
-    +linear-gradient(color_stops(#c00, #0c0 25%, #0cc 75%, #00c))
-  td.radial
-    +radial-gradient(color_stops(#c00, #0c0 25%, #0cc 75%, #00c 50px))
-  td.linear-code:before
-    content: "+linear-gradient(color_stops(#c00, #0c0 25%, #0cc 75%, #00c))"
-  td.radial-code:before
-    content: "+radial-gradient(color_stops(#c00, #0c0 25%, #0cc 75%, #00c 50px))"
-tr.filled-in
-  td.linear
-    +linear-gradient(color_stops(#c00 33%, #00c 66%))
-  td.radial
-    +radial-gradient(color_stops(#c00 25px, #00c 75px))
-  td.linear-code:before
-    content: "+linear-gradient(color_stops(#c00 33%, #00c 66%))"
-  td.radial-code:before
-    content: "+radial-gradient(color_stops(#c00 25px, #00c 75px))"

data/examples/css3/src/main.sass

@@ -1,108 +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
-  +linear-gradient(color_stops(#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 rgba(255,0,0,.25)
-  .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 #{mix(red, white, .5)}
-    border: 1em solid rgba(255,0,0,.25)
-  .top-left
-    +background-size(50% 50%)
-  .centered
-    +background-size(50% 50%)
-    background-position: center center
-
-#gradients
-  .horizontal
-    +linear-gradient(color_stops(#d92626, #2626d9), "left")
-  .vertical
-    +linear-gradient(color_stops(#d92626, #2626d9))
-  .diagonal
-    +linear-gradient(color_stops(#d92626, #2626d9), "right top")
-  .radial
-    /* +radial-gradient(color_stops(#d92626 0, #2626d9 1))
-    +radial-gradient(color_stops(#d92626 10px, #2626d9 150px))
-    // +radial-gradient("center center, 10, center center, 100", #d92626, #2626d9)
-    // background-image: -moz-radial-gradient(20px center, circle, #d92626 10px, #2626d9 100px)
-    // background-color: #2626d9
-  .radial-1
-    // A default radial gradient:
-    /* +radial-gradient(color_stops(#ddd, #aaa))
-    +radial-gradient(color_stops(#ddd, #aaa))
-  .radial-2
-    // A centered gradient
-    /* +radial-gradient(color_stops(#ddd, #aaa))
-    +radial-gradient(color_stops(#ddd, #aaa))
-  .radial-3
-    // A centered radial gradient at the top
-    /* +radial-gradient(color_stops(#ddd, #aaa), "top center")
-    +radial-gradient(color_stops(#ddd, #aaa), "top center")
-  .radial-4
-    // A centered radial gradient with fixed color stops
-    /* +radial-gradient(color_stops(#ddd 20px, #aaa 50px))
-    +radial-gradient(color_stops(#ddd 20px, #aaa 50px))
-  .radial-5
-    // A centered gradient with several color stops
-    /* +radial-gradient(color_stops(#ddd 20%, #aaa 50%, #c00))
-    +radial-gradient(color_stops(#ddd 20px, #aaa 50%, #c00 200px))
-  .radial-6
-    // A centered gradient with color stops
-    /* +radial-gradient(color_stops(#0c0, #ddd 20%, #aaa 50%, #00c))
-    +radial-gradient(color_stops(#0c0 0px, #ddd 20px, #aaa 50px, #00c 100px))
-

data/examples/logo/src/ie.sass

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