adrianss-compass-oocss-plugin 0.0.1

data/sass/oocss/_reset.sass

@@ -0,0 +1,61 @@
+/* 
+  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
+
+table
+  border-collapse: collapse
+  border-spacing: 0
+
+fieldset, img
+  border: 0
+
+address, caption, cite, code, dfn, em, strong, th, var
+  font-style: normal
+  font-weight: normal
+
+li
+  list-style: none
+
+caption, th
+  text-align: left
+
+h1, h2, h3, h4, h5, h6
+  font-size: 100%
+  font-weight: normal
+
+q
+  &:before, &:after
+    content: ''
+
+abbr, acronym
+  border: 0
+  font-variant: normal
+
+sup
+  vertical-align: text-top
+
+sub
+  vertical-align: text-bottom
+
+input, textarea, select
+  font-family: inherit
+  font-size: inherit
+  font-weight: inherit
+
+input, textarea, select
+  *font-size: 100%
+
+legend
+  color: #000

data/sass/oocss/_talk.sass

@@ -0,0 +1,76 @@
+// Talk bubbles
+
+=talk_scaffold
+  /* **************** TALK BUBBLE ***************** 
+  .bubble
+    overflow: hidden
+    _overflow: visible
+    _zoom: 1
+    margin: 10px
+   
+    b b
+      position: absolute
+      height: 0
+      width: 0
+      border: solid 7px transparent
+      /* set color to match background color for IE6 
+      _border: 7px solid #fff 
+   
+    .bottom
+      visibility: hidden
+   
+  /* top bubbles 
+  .bubbleTop
+    .inner
+      margin-top: 7px
+   
+    b b
+      top: 0
+      left: 10px
+      border-top-style: none
+   
+  /* left bubbles 
+  .bubbleLeft
+    .inner
+      margin-left: 7px
+   
+    b b
+      top: 10px
+      left: 0
+      border-left-style: none
+   
+  /* right bubbles 
+  .bubbleRight
+    .inner
+      margin-right: 7px
+   
+    b b
+      top: 10px
+      right: 0
+      border-right-style: none
+   
+  /* bottom bubbles 
+  .bubbleBottom
+    .inner
+      margin-bottom: 7px
+   
+    b b
+      bottom: 0
+      left: 10px
+      border-bottom-style: none
+   
+    .bottom
+      visibility: visible
+   
+  /* extensions (swaps alignment of talk bubble) 
+  /* apply to bubbleLeft or bubbleRight */
+  .bubbleHorizontalExt b b
+    top: auto
+    bottom: 10px
+    visibility: visible
+   
+  /* apply to bubbleTop or bubbleBottom */
+  .bubbleVerticalExt b b
+    right: 10px
+    left: auto
+

data/sass/oocss/_talk_skins.sass

@@ -0,0 +1,55 @@
+
+=talk_skins_scaffold
+  /* yowza (extends bubbleTop) 
+  .yowza
+    .inner
+      background-color: #d4494f
+   
+    b b
+      border-bottom-color: #d4494f
+   
+  /* discuss (extends bubbleBottom) 
+  .discuss
+    .inner
+      background-color: #CCC
+   
+    b b
+      border-top-color: #CCC
+   
+  /* lol (extends bubbleLeft) 
+  .lol
+    .inner
+      background-color: #845B4E
+   
+    b b
+      border-right-color: #845B4E
+   
+  /* meep (extends bubbleRight) 
+  .meep
+    .inner
+      background-color: #6cc6c6
+   
+    b b
+      border-left-color: #6cc6c6
+   
+  /* yoyo (extends bubbleBottom) 
+  .yoyo
+    .inner
+      background-color: #52a583
+   
+    b b
+      border-top-color: #52a583
+   
+  /* header 
+  .fire
+    color: #000
+    font-size: 18px
+    border-bottom: 1px dashed #fff
+   
+    *
+      color: #000
+      font-size: 18px
+      border-bottom: 1px dashed #fff
+   
+  .attribution
+    margin-left: 27px

data/sass/oocss/_template.sass

@@ -0,0 +1,81 @@
+// overflow to hidden
+// with hacks for ie
+// inside class body must be main, left_column, etc.
+=body
+  overflow: hidden
+  _overflow: visible
+  _zoom: 1
+
+// #container
+// +page(750px) /* oldSchool
+// default = 950px
+=page(!page_width=950px)
+  margin: 0 auto
+  width= !page_width
+
+// #container
+// +page /* first set to page style
+// +liquid /* then extend liquid 
+=liquid
+  width: auto
+  margin: 0
+
+// ====== Columns ======
+=main
+  overflow: hidden
+  _overflow: visible
+  _zoom: 1
+
+=left_column(!column_width=250px)
+  float: left
+  width= !column_width
+  _margin-right: -3px
+
+=right_column(!column_width=300px)
+  float: right
+  width= !column_width
+  _margin-left: -3px
+
+
+=template_scaffold
+  /* **************** TEMPLATE *****************
+  /* ====== Page Head, Body, and Foot ======
+  .body
+    +body
+
+  .page
+    +page
+
+  /* "old school" and "liquid" extend page to allow for different page widths
+  .oldSchool
+    width: 750px
+
+  .gs960
+    width: 960px
+
+  .liquid
+    +liquid
+
+
+  /* ====== Columns ======
+  .main
+    +main
+
+  .leftCol
+    +left_column
+
+  .rightCol
+    +right_column
+
+  /* extend columns to allow for common column widths
+  .gMail
+    width: 160px
+
+  .gCal
+    width: 180px
+
+  .yahoo
+    width: 240px
+
+  .myYahoo
+    width: 300px

data/sass/oocss/_template_debug.sass

@@ -0,0 +1,15 @@
+/* **************** TEMPLATE DEBUG ***************** 
+.body
+  background-color: red
+
+.page
+  background-color: orange
+
+.main
+  background-color: yellow
+
+.leftCol
+  background-color: lime
+
+.rightCol
+  background-color: aqua

data/spec/compass-oocss-plugin_spec.rb

@@ -0,0 +1,58 @@
+require 'fileutils'
+require 'compass'
+require 'compass/exec'
+require 'timeout'
+require File.dirname(__FILE__) + '/spec_helper'
+require 'compass-oocss-plugin'
+
+include Compass::CommandLineHelper
+include Compass::TestCaseHelper
+
+Spec::Matchers.define :exist do
+  match do |thisfile|
+    File.exist?(thisfile)
+  end
+  
+  failure_message_for_should do |thisfile|
+    "expected file: #{thisfile} exist"
+  end
+  
+  failure_message_for_should_not do |thisfile|
+    "expected file: #{thisfile} not exist"
+  end  
+  
+  description do
+    "expected a file exist "
+  end
+end
+
+describe "compass-oocss-plugin" do
+
+  before(:each) do
+    Compass.configuration.reset!
+  end
+
+  it "should show version" do
+    compass "-vq"
+    @last_result.should match(/\d+\.\d+\.\d+( [0-9a-f]+)?/)
+  end
+
+  it "should include oocss in list of frameworks" do
+    compass "--list-frameworks"
+    @last_result.split.should include("oocss")
+  end
+
+  it "should install framework" do
+    dir_name="oocss_project"
+    within_tmp_directory do
+      compass *%W(--framework oocss #{dir_name})
+      "#{dir_name}/src/screen.sass".should exist
+      "#{dir_name}/stylesheets/screen.css".should exist
+      "#{dir_name}/src/partials/_ie6hacks.sass".should exist
+      "#{dir_name}/src/partials/_ie7hacks.sass".should exist
+      "#{dir_name}/src/screen.sass".should exist
+    end
+  end
+
+
+end

data/spec/grids_system_spec.rb

@@ -0,0 +1,113 @@
+require File.dirname(__FILE__) + '/spec_helper'
+require 'sass'
+require 'compass-oocss-plugin'
+
+def compile_sass(sass_code)
+  sass_engine = Sass::Engine.new(sass_code)
+  output = sass_engine.render
+end
+
+describe "grids system" do
+
+  it "should create a oocss unit" do
+    sass_code = <<SASS
+@import sass/oocss/grids.sass
+
+.myblock
+  +unit
+SASS
+    
+    css_code = <<CSS
+.myblock {
+  float: left;
+  /* _zoom:1; */ }
+CSS
+    compile_sass(sass_code).should == css_code
+  end
+
+  it "should create a oocss line" do
+    sass_code = <<SASS
+@import sass/oocss/grids.sass
+
+.row
+  +line
+SASS
+    
+    css_code = <<CSS
+.row {
+  _zoom: 1; }
+  .row:after {
+    content: ".";
+    display: block;
+    height: 0;
+    clear: both;
+    visibility: hidden; }
+CSS
+    compile_sass(sass_code).should == css_code
+  end  
+
+  it "should mixin unit size1of3 last" do
+    sass_code = <<SASS
+@import sass/oocss/grids.sass
+
+.my-last-block
+  +unit
+  +size1of3
+  +last_unit
+SASS
+    
+    css_code = <<CSS
+.my-last-block {
+  float: left;
+  /* _zoom:1; */
+  width: 33.33333%;
+  display: table-cell;
+  float: none;
+  width: auto;
+  _display: block;
+  _position: relative;
+  _left: -3px;
+  _margin-right: -3px; }
+CSS
+    compile_sass(sass_code).should == css_code
+  end
+
+  it "+column(1/3, true) should equal +unit +size1of3 +last" do
+    sass_column = <<SASS
+@import sass/oocss/grids.sass
+
+.my-last-block
+  +column(1/3, true)
+SASS
+    
+    sass_mixins = <<SASS
+@import sass/oocss/grids.sass
+
+.my-last-block
+  +unit
+  +size1of3
+  +last_unit
+SASS
+    compile_sass(sass_column).should == compile_sass(sass_mixins)
+  end
+
+  it "+column(2/5) should equal +size2of5" do
+    sass_column = <<SASS
+@import sass/oocss/grids.sass
+
+.my-last-block
+  +column(2/5)
+SASS
+    
+    sass_mixins = <<SASS
+@import sass/oocss/grids.sass
+
+.my-last-block
+  +unit
+  +size2of5
+SASS
+    compile_sass(sass_column).should == compile_sass(sass_mixins)
+  end  
+
+  
+end