ericam-compass-susy-plugin 0.1.4

data/LICENSE.txt

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

@@ -0,0 +1,15 @@
+lib/susy/compass_plugin.rb
+lib/susy/sass_extensions.rb
+lib/susy.rb
+Manifest
+Rakefile
+README.mkdn
+sass/susy/_grid.sass
+sass/susy/_utils.sass
+templates/project/print.sass
+templates/project/screen.sass
+templates/project/ie.sass
+templates/project/_base.sass
+templates/project/manifest.rb
+VERSION
+LICENSE.txt

data/README.mkdn

@@ -0,0 +1,73 @@
+Susy - Compass Plugin
+================================
+
+This plugin is a native grid system framework for [Compass](http://compass-style.org/).
+
+Install
+=======
+
+    sudo gem sources --add http://gems.github.com/
+    sudo gem install chriseppstein-compass
+    sudo gem install ericam-compass-susy-plugin
+
+Create a Susy-based Compass Project
+==================================
+
+    compass -r susy -f susy <project name>
+
+Then edit your `base.sass`, `screen.sass` and `print.sass` files accordingly. A reset is added automatically.
+
+Customizing your Grid System
+============================
+
+To create a grid system, set the !grid_unit, !total_cols, !col_width, and
+!gutter_width variables in your `base.sass` and then use the `+grid-container` mixin to declare
+your container element.
+
+Example:
+
+    !grid_unit = "em"
+    !total_cols = 10
+    !col_width = 7
+    !gutter_width = 1
+
+    #page
+      +grid-container
+
+The default values are 16 columns, column width of 4em and gutter width 1em.
+
+Making Semantic Grids
+=====================
+
+* Use the `+grid-container` mixin to declare your container element.
+
+* Use the `+grid-col` mixin to declare a grid element. The first argument
+is the number of cols, the second is the size (in grid columns) of the
+containing element (defaults to the containers total_cols).
+
+* Use the `+last` mixin to declare the last comumn in a row.
+
+* Use the `+right` mixin to float a grid item to the right instead of left.
+
+* Use the `+grid-prefix` and `+grid-suffix` mixins to add grid columns
+before or after a grid element.
+
+
+
+Example:
+
+    #page
+      +grid-container
+      #left-nav
+        +grid-col(3)
+      #main-content
+        +grid-prefix(2)
+        +grid-col(4, 10)
+        +last
+        +right
+
+Extra Utility Mixins
+=====================
+
+Extra utilities are included in Susy's `utils.sass` file, with additional list options, 
+experimental (CSS3/proprietary) CSS, and more.

data/Rakefile

@@ -0,0 +1,22 @@
+require 'fileutils'
+require 'sass'
+require 'lib/susy/sass_extensions'
+
+begin
+  require 'echoe'
+ 
+  Echoe.new('compass-susy-plugin', open('VERSION').read) do |p|
+    # p.rubyforge_name = 'susy'
+    p.summary = "A Compass grid system plugin."
+    p.description = "Susy is a ground-up native Compass plugin grid system that takes full advantage of Sass' capabilities to remove the tedium from grid-based web design."
+    p.url = "http://github.com/ericam/compass-susy-plugin"
+    p.author = ['Eric Meyer']
+    p.email = "eric@oddbird.net"
+    p.dependencies = ["chriseppstein-compass"]
+    p.has_rdoc = false
+  end
+ 
+rescue LoadError => boom
+  puts "You are missing a dependency required for meta-operations on this gem."
+  puts "#{boom.to_s.capitalize}."
+end

data/VERSION

@@ -0,0 +1 @@
+0.1.4

data/compass-susy-plugin.gemspec

@@ -0,0 +1,36 @@
+# -*- encoding: utf-8 -*-
+
+Gem::Specification.new do |s|
+  s.name = %q{compass-susy-plugin}
+  s.version = "0.1.4"
+
+  s.required_rubygems_version = Gem::Requirement.new(">= 1.2") if s.respond_to? :required_rubygems_version=
+  s.authors = ["Eric Meyer"]
+  s.date = %q{2009-07-12}
+  s.description = %q{Susy is a ground-up native Compass plugin grid system that takes full advantage of Sass' capabilities to remove the tedium from grid-based web design.}
+  s.email = %q{eric@oddbird.net}
+  s.extra_rdoc_files = ["lib/susy/compass_plugin.rb", "lib/susy/sass_extensions.rb", "lib/susy.rb", "README.mkdn"]
+  s.files = ["lib/susy/compass_plugin.rb", "lib/susy/sass_extensions.rb", "lib/susy.rb", "Manifest", "Rakefile", "README.mkdn", "sass/susy/_grid.sass", "sass/susy/_utils.sass", "templates/project/_base.sass", "templates/project/screen.sass", "templates/project/print.sass", "templates/project/ie.sass", "templates/project/manifest.rb", "VERSION", "LICENSE.txt", "compass-susy-plugin.gemspec"]
+  s.homepage = %q{http://github.com/ericam/compass-susy-plugin}
+  s.rdoc_options = ["--line-numbers", "--inline-source", "--title", "Compass-Susy-plugin", "--main", "README.mkdn"]
+  s.require_paths = ["lib"]
+  s.rubyforge_project = %q{compass-susy-plugin}
+  s.rubygems_version = %q{1.3.3}
+  s.summary = %q{A Compass grid system plugin.}
+
+  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/lib/susy.rb

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

data/lib/susy/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('susy', options)

data/lib/susy/sass_extensions.rb

@@ -0,0 +1,7 @@
+require 'sass'
+
+module Sass::Script::Functions
+  def enumerate(prefix, from_index, to_index)
+    Sass::Script::String.new(((from_index.value)..(to_index.value)).map{|i| "#{prefix}#{i}"}.join(", "))
+  end
+end

data/sass/susy/_grid.sass

@@ -0,0 +1,33 @@
+!grid_unit ||= "em"
+!total_cols ||= 16
+!col_width ||= 4
+!gutter_width ||= 1
+
+=grid-container
+  +clearfix
+  :margin-left auto
+  :margin-right auto
+  :width= (!grid * !col_width) + ((!grid - 1) * !gutter_width) + !grid_unit
+  :max-width 99%
+
+=get_col_width(!n, !context = !total_cols)
+  :width= ((!n * !col_width) + ((!n - 1) * !gutter_width)) / ((!context * !col_width) + ((!context - 1) * !gutter_width)) * 100 + "%"
+
+=grid-col(!n, !context = !total_cols)
+  +get_col_width(!n, !context)
+  :display inline
+  :float left
+  :margin-right= !gutter_width / ((!context * !col_width) + ((!context - 1) * !gutter_width)) * 100 + "%"
+
+=last
+  :margin-right= 0
+
+=right
+  :display inline
+  :float right
+
+=grid-prefix(!n, !context = !total_cols)
+  :padding-left= ((!n * !col_width) + ((!n) * !gutter_width)) / ((!context * !col_width) + ((!context - 1) * !gutter_width)) * 100 + "%"
+
+=grid-suffix(!n, !context = !total_cols)
+  :padding-right= ((!n * !col_width) + ((!n - 1) * !gutter_width)) / ((!context * !col_width) + ((!context - 1) * !gutter_width)) * 100 + "%"

data/sass/susy/_utils.sass

@@ -0,0 +1,111 @@
+@import compass/utilities.sass
+
+// removes all background images and colors from the element and offspring, and adds a grid image
+=show-grid(!src)
+  :background
+    :image= "url("!src")"
+    :repeat repeat 
+    :position top left
+  *
+    :background transparent
+
+// an inline-block list that works in IE
+=inline-block-list(!hpad = 0)
+  +horizontal-list-container
+  li
+    +no-bullet
+    +inline-block
+    :padding 
+      :left= !hpad
+      :right= !hpad
+    &.first, &:first-child
+      :padding-left 0px
+    &.last, &:last-child
+      :padding-right 0px
+
+// hide an element from the viewport, but keep it for accessability
+=hide
+  :position absolute
+  :top -9999em
+
+// a skip-to-content accessibility link that will appear on focus
+=skip-link(!t = 0, !r = fales, !b = false, !l = false)
+  +hide
+  :display block
+  &:focus
+    @if !t
+      :top= !t
+    @if !r
+      :right= !r
+    @if !b
+      :bottom= !b
+    @if !l
+      :left= !l
+    :z-index 999
+
+// Because some serif fonts add line-height when switching to italics inline:
+=inline-italic
+  :font-style italic
+  :line-height .5
+
+
+// EXPERIMENTAL
+
+=trans(!o = 100)
+  :filter= "alpha(opacity=" + !o + ")"
+  :-moz-opacity= !o / 100
+  :-khtml-opacity= !o / 100
+  :opacity= !o / 100
+
+=rounded(!trbl = false, !tl = false, !tr = false, !br = false, !bl = false)
+  @if !trbl
+    /* Mozilla (FireFox)
+    -moz-border-radius= !trbl
+    /* Webkit (Safari, Chrome)
+    -webkit-border-radius= !trbl
+    /* CSS3
+    border-radius= !trbl
+  @if !tl
+    /* Mozilla (FireFox)
+    -moz-border-radius-topleft= !tl
+    /* Webkit (Safari, Chrome)
+    -webkit-border-top-left-radius= !tl
+    /* CSS3
+    border-top-left-radius= !tl
+  @if !tr
+    /* Mozilla (FireFox)
+    -moz-border-radius-topright= !tr
+    /* Webkit (Safari, Chrome)
+    -webkit-border-top-right-radius= !tr
+    /* CSS3
+    border-top-right-radius= !tr
+  @if !br
+    /* Mozilla (FireFox)
+    -moz-border-radius-bottomright= !br
+    /* Webkit (Safari, Chrome)
+    -webkit-border-bottom-right-radius= !br
+    /* CSS3
+    border-bottom-right-radius= !br
+  @if !bl
+    /* Mozilla (FireFox)
+    -moz-border-radius-bottomleft= !bl
+    /* Webkit (Safari, Chrome)
+    -webkit-border-bottom-left-radius= !bl
+    /* CSS3
+    border-bottom-left-radius= !bl
+
+=box_model(!bm)
+  /* Mozilla (FireFox)
+  -moz-box-sizing= !bm
+  /* Webkit (Safari, Chrome)
+  -webkit-box-sizing= !bm
+  /* IE (8)
+  -ms-box-sizing= !bm
+  /* CSS3
+  box-sizing= !bm
+
+=box_shadow(!ho, !vo, !b, !c )
+  /* Webkit (Safari, Chrome)
+  -webkit-box-shadow= !ho !vo !b !c
+  /* CSS3
+  box-shadow= !ho !vo !b !c

data/templates/project/_base.sass

@@ -0,0 +1,102 @@
+// 
+//  Susy: My own damn Compass/SASS framework
+//  by Eric Meyer
+//
+
+
+/* RESET STYLES
+@import compass/reset.sass
+
+// MIXINS
+@import susy/utils.sass
+@import susy/grid.sass
+
+// GRID
+// !grid_unit = "em"
+// !total_cols = 10
+// !col_width = 7
+// !gutter_width = 1
+
+
+// COLORS
+!dark = #000
+!light = #fff
+
+
+// FONT PRESETS
+
+// You set the font and line heights in pixels
+!base_font_size_px ||= 12
+!base_line_height_px ||= 18
+
+// SUSY will do the math to make that relative
+!base_line_height = (!base_line_height_px / !base_font_size_px) + "em"
+!base_font_size = (!base_font_size_px / 16) + "em"
+
+// Give yourself some font stacks to work with
+=sans-family
+  :font-family 'Futura Medium', 'Century Gothic', AppleGothic, sans-serif
+
+=serif-family
+  :font-family 'Adobe Caslon Pro', 'Big Caslon', Garamond, 'Hoefler Text', 'Times New Roman', Times, serif 
+
+
+// Remember to add default styles to everything!
+/* DEFAULTS
+\:focus
+
+/* links
+a
+
+/* headers
+h1, h2, h3, h4, h5, h6
+
+/* forms
+form
+
+fieldset
+
+label
+
+textarea
+
+input
+
+input[type=submit]
+
+/* block tags
+p
+
+=list_default(!ol = false)
+  @if !ol
+    :list-style decimal-leading-zero
+    :margin 0 1.5em 1.5em 2em
+  @else
+    :list-style disc
+    :margin 0 1.5em 1.5em 1.5em 
+
+ol
+  +list_default("ol")
+
+ul
+  +list_default
+
+blockquote
+
+/* inline tags
+cite
+
+em
+  +inline-italic
+
+strong
+  :font-weight bold
+
+ins
+  :text-decoration underline
+
+del
+  :text-decoration line-through
+
+/* replaced tags
+img

data/templates/project/ie.sass

@@ -0,0 +1,15 @@
+/*
+  Welcome to Susy. 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]-->
+
+/*
+  Theme Name: DEFAULT
+  Theme URI: http://eric.dirtcircle.com/
+  Description: A default style using the SUSY plugin for Compass/SASS
+  Version: 1
+  Author: Eric Meyer
+
+@import base.sass

data/templates/project/manifest.rb

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

data/templates/project/print.sass

@@ -0,0 +1,14 @@
+/*
+  Welcome to Susy. 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" />
+
+/*
+  Theme Name: DEFAULT
+  Theme URI: http://eric.dirtcircle.com/
+  Description: A default style using the SUSY plugin for Compass/SASS
+  Version: 1
+  Author: Eric Meyer
+
+  
+@import base.sass

data/templates/project/screen.sass

@@ -0,0 +1,29 @@
+/*
+  Welcome to Susy. Use this file to define screen styles.
+  Import this file using the following HTML or equivalent:
+  <link href="/stylesheets/screen.css" media="screen" rel="stylesheet" type="text/css" />
+
+/*
+  Theme Name: DEFAULT
+  Theme URI: http://eric.dirtcircle.com/
+  Description: A default style using the SUSY plugin for Compass/SASS
+  Version: 1
+  Author: Eric Meyer
+
+@import base.sass
+
+/* STRUCTURE
+
+  
+/* COMPONENTS BY TYPE
+
+
+/* COMPONENTS BY CONTENT
+
+        
+/* COMPONENTS BY PAGE
+
+
+/* DEBUG
+/ #page
+/   +show-grid("../images/grid.gif")

metadata

@@ -0,0 +1,95 @@
+--- !ruby/object:Gem::Specification 
+name: ericam-compass-susy-plugin
+version: !ruby/object:Gem::Version 
+  version: 0.1.4
+platform: ruby
+authors: 
+- Eric Meyer
+autorequire: 
+bindir: bin
+cert_chain: []
+
+date: 2009-07-12 00:00:00 -07:00
+default_executable: 
+dependencies: 
+- !ruby/object:Gem::Dependency 
+  name: chriseppstein-compass
+  type: :runtime
+  version_requirement: 
+  version_requirements: !ruby/object:Gem::Requirement 
+    requirements: 
+    - - ">="
+      - !ruby/object:Gem::Version 
+        version: "0"
+    version: 
+- !ruby/object:Gem::Dependency 
+  name: echoe
+  type: :development
+  version_requirement: 
+  version_requirements: !ruby/object:Gem::Requirement 
+    requirements: 
+    - - ">="
+      - !ruby/object:Gem::Version 
+        version: "0"
+    version: 
+description: Susy is a ground-up native Compass plugin grid system that takes full advantage of Sass' capabilities to remove the tedium from grid-based web design.
+email: eric@oddbird.net
+executables: []
+
+extensions: []
+
+extra_rdoc_files: 
+- lib/susy/compass_plugin.rb
+- lib/susy/sass_extensions.rb
+- lib/susy.rb
+- README.mkdn
+files: 
+- lib/susy/compass_plugin.rb
+- lib/susy/sass_extensions.rb
+- lib/susy.rb
+- Manifest
+- Rakefile
+- README.mkdn
+- sass/susy/_grid.sass
+- sass/susy/_utils.sass
+- templates/project/_base.sass
+- templates/project/screen.sass
+- templates/project/print.sass
+- templates/project/ie.sass
+- templates/project/manifest.rb
+- VERSION
+- LICENSE.txt
+- compass-susy-plugin.gemspec
+has_rdoc: false
+homepage: http://github.com/ericam/compass-susy-plugin
+post_install_message: 
+rdoc_options: 
+- --line-numbers
+- --inline-source
+- --title
+- Compass-Susy-plugin
+- --main
+- README.mkdn
+require_paths: 
+- lib
+required_ruby_version: !ruby/object:Gem::Requirement 
+  requirements: 
+  - - ">="
+    - !ruby/object:Gem::Version 
+      version: "0"
+  version: 
+required_rubygems_version: !ruby/object:Gem::Requirement 
+  requirements: 
+  - - ">="
+    - !ruby/object:Gem::Version 
+      version: "1.2"
+  version: 
+requirements: []
+
+rubyforge_project: compass-susy-plugin
+rubygems_version: 1.2.0
+signing_key: 
+specification_version: 3
+summary: A Compass grid system plugin.
+test_files: []
+