seasons 0.9.3.beta3 → 0.9.3.beta4

data/seasons.gemspec

@@ -2,7 +2,7 @@
 
 Gem::Specification.new do |s|
   s.name = %q{seasons}
-  s.version = "0.9.3.beta3"
+  s.version = "0.9.3.beta4"
 
   s.required_rubygems_version = Gem::Requirement.new(">= 1.3.5")
   s.authors = ["Scott Kellum"]
@@ -22,7 +22,7 @@ Gem::Specification.new do |s|
     "stylesheets/seasons/tools/_reset.sass",
     "templates/project/_chrome.scss",
     "templates/project/_config.sass",
-    "templates/project/_skin.scss",
+    "templates/project/_grid.scss",
     "templates/project/style.sass",
     "templates/project/treesaver-0.9.3b.js",
     "templates/project/toc.json",
@@ -35,7 +35,7 @@ Gem::Specification.new do |s|
   s.homepage = %q{http://www.treesaver.net/}
   s.require_paths = ["lib"]
   s.rubyforge_project = %q{seasons}
-  s.rubygems_version = %q{0.9.3.beta3}
+  s.rubygems_version = %q{0.9.3.beta4}
   s.summary = %q{The Compass variant of the Seasons framework to style Treesaver.}
   s.add_dependency(%q<compass>, ["~> 0.11"])
 end

data/stylesheets/seasons/_core.sass

@@ -18,10 +18,16 @@ $columns: 12 !default
 $text-column-span: 3 !default
 
 
+$row-prefix: r !default
+$column-prefix: c !default
+$width-prefix: w !default
+$height-prefix: h !default
+$ratio-prefix: r !default
+
 // IMAGE + PAGE RATIOS
 =ratio($width, $height, $cols: $columns)
   @for $i from 1 through $cols
-    .r#{$width}x#{$height}.w#{$i}, .container.w#{$i} [ratio="#{$width}x#{$height}"] img // Grid ratio, figure ratio.
+    .#{$ratio-prefix+$width}x#{$height}.#{$width-prefix+$i}, .container.#{$width-prefix+$i} [ratio="#{$width}x#{$height}"] img // Grid ratio, figure ratio.
       width: grid($i) // Width spans all columns
       height: round(grid($i) * ( $height / $width )) // Height is the proportion of the width.
 
@@ -29,10 +35,10 @@ $text-column-span: 3 !default
 
 // GRID MEASURMENTS
 @for $i from 1 through $columns // loop defines columns. c1, c2, c3 . . .
-  .c#{$i}
+  .#{$column-prefix+$i}
     margin-left: grid($i) - $module-w
 @for $i from 1 through $columns // loop defines widths. w1, w2, w3 . . .
-  .w#{$i}
+  .#{$width-prefix+$i}
     width: grid($i)
 
 // Vertical grid
@@ -40,11 +46,11 @@ $vertical-grid: false !default
 $rows: 10 !default
 @if $vertical-grid // Generate only if $vertical-grid is true. This code is usually not nessisary.
   @for $i from 1 through $rows // loop defines rows. r1, r2, r3 . . .
-    .r#{$i}
+    .#{$row-prefix+$i}
       position: absolute
       top: (grid($i, $module-h) - $module-h) + $top
   @for $i from 1 through $rows // loop defines heights. h1, h2, h3 . . .
-    .h#{$i}
+    .#{$height-prefix+$i}
       height: grid($i, $module-h)
 
 // Lightbox sizes

data/stylesheets/seasons/tools/_css3.sass

@@ -492,13 +492,13 @@ $prefixes: -webkit- -moz- -ms- -o-
 
 =gradient($startcolor, $endcolor, $startpos: top)
   background-color: $startcolor / 2 + $endcolor / 2
-  $vertical: false
-  $horizontal: false
   @if $startpos == "top"
-    $vertical: true
+    filter: unquote("progid:DXImageTransform.Microsoft.gradient(startColorstr='")#{$startcolor}unquote("', endColorstr='")#{$endcolor}unquote("')")
+    -ms-filter: unquote("progid:DXImageTransform.Microsoft.gradient(startColorstr='#{$startcolor}', endColorstr='#{$endcolor}')")
     background-image: -webkit-gradient(linear, top left, bottom left, from($startcolor), to($endcolor))
   @if $startpos == "left"
-    $horizontal: true
+    filter: unquote("progid:DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr='")#{$startcolor}unquote("', endColorstr='")#{$endcolor}unquote("')")
+    -ms-filter: unquote("progid:DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr='#{$startcolor}', endColorstr='#{$endcolor}')")
     background-image: -webkit-gradient(linear, top left, top right, from($startcolor), to($endcolor))
   @if $startpos == "bottom"
     background-image: -webkit-gradient(linear, bottom left, top left, from($startcolor), to($endcolor))
@@ -512,12 +512,6 @@ $prefixes: -webkit- -moz- -ms- -o-
     background-image: -webkit-gradient(linear, $startpos, top right, from($startcolor), to($endcolor))
   @if $startpos == "bottom right"
     background-image: -webkit-gradient(linear, $startpos, top left, from($startcolor), to($endcolor))
-  @if $vertical
-    filter: unquote("progid:DXImageTransform.Microsoft.gradient(startColorstr='")#{$startcolor}unquote("', endColorstr='")#{$endcolor}unquote("')")
-    -ms-filter: unquote("progid:DXImageTransform.Microsoft.gradient(startColorstr='#{$startcolor}', endColorstr='#{$endcolor}')")
-  @if $horizontal
-    filter: unquote("progid:DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr='")#{$startcolor}unquote("', endColorstr='")#{$endcolor}unquote("')")
-    -ms-filter: unquote("progid:DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr='#{$startcolor}', endColorstr='#{$endcolor}')")
   background-image: -webkit-linear-gradient($startpos, $startcolor, $endcolor)
   background-image: -moz-linear-gradient($startpos, $startcolor, $endcolor)
   background-image: -ms-linear-gradient($startpos, $startcolor, $endcolor)

data/stylesheets/seasons/tools/_grid-tools.sass

@@ -1,17 +1,19 @@
 // GRID MEASUREMENTS
-@function grid($unit, $measure: $module-w)
-  @return (($measure * $unit) + ($gutter * ($unit - 1)))
+@function grid($units, $measure: $module-w)
+  @return (($measure * $units) + ($gutter * ($units - 1)))
 
-=location($across: 1, $down: 1, $width: 1, $height: 1)
+$vertical-grid: false !default
+=location($across: 1, $width: 1, $down: 1, $height: 1)
   position: absolute
   margin-left: grid($across, $module-w) - $module-w
-  position: absolute
-  top: (grid($down, $module-h) - $module-h) + $top
+  @if $vertical-grid
+    top: (grid($down, $module-h) - $module-h) + $top
   @if $width == "auto"
     width: auto
   @else
     width: grid($width, $module-w)
-  @if $height == "auto"
-    height: auto
-  @else
-    height: grid($height, $module-h)
+  @if $vertical-grid
+    @if $height == "auto"
+      height: auto
+    @else
+      height: grid($height, $module-h)

data/stylesheets/seasons/tools/_reset.sass

@@ -1,192 +1,195 @@
-//  RESET MOSTLY LIFTED FROM THE HTML5RESET :: http://html5reset.org
-
-//  HTML5 RESET....................http://html5reset.org
-//  Eric Meyer.....................http://ericmeyer.com
-//  HTML5 Doctor...................http://html5doctor.com
-//  and the HTML5 Boilerplate......http://html5boilerplate.com
-
-html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, menu, time, mark, audio, video
-  margin: 0
-  padding: 0
-  border: 0
-  outline: 0
-  font-size: 100%
-  vertical-align: baseline
-  background: transparent
-  cursor: default
-
-article, aside, figure, footer, header, hgroup, nav, section
-  display: block
-
-blockquote, q
-  quotes: none
-
-blockquote:before, blockquote:after, q:before, q:after
-  content: ''
-  content: none
-
-a
-  margin: 0
-  padding: 0
-  font-size: 100%
-  vertical-align: baseline
-  background: transparent
-  color: inherit
-  text-decoration: inherit
-
-del
-  text-decoration: line-through
-
-abbr[title], dfn[title]
-  border-bottom: 1px dotted #000
-  cursor: help
-
-.zoomable, .zoomable *
-  cursor: -webkit-zoom-in
-  cursor: -moz-zoom-in
-  cursor: -ms-zoom-in
-  cursor: -o-zoom-in
-  cursor: zoom-in
-
-.lightbox, .lightbox *
-  cursor: -webkit-zoom-out
-  cursor: -moz-zoom-out
-  cursor: -ms-zoom-out
-  cursor: -o-zoom-out
-  cursor: zoom-out
-
-
-//  tables still need cellspacing="0" in the markup
-
-table
-  border-collapse: collapse
-  border-spacing: 0
-th
-  font-weight: bold
-  vertical-align: bottom
-td
-  font-weight: normal
-  vertical-align: top
-
-hr
-  display: block
-  height: 1px
-  border: 0
-  margin: 1em 0
-  padding: 0
-
-input, select
-  vertical-align: middle
-
-pre
-  white-space: pre /* CSS2 */
-  white-space: pre-wrap /* CSS 2.1 */
-  white-space: pre-line /* CSS 3 (and 2.1 as well, actually) */
-  word-wrap: break-word /* IE */
-
-
-input[type="radio"]
-  vertical-align: text-bottom
-input[type="checkbox"]
-  vertical-align: bottom
-  *vertical-align: baseline
-.ie6 input
-  vertical-align: text-bottom
-
-select, input, textarea
-  font: 99% sans-serif
-
-table
-  font-size: inherit
-  font: 100%
-
-
-//  Accessible focus treatment
-//  people.opera.com/patrickl/experiments/keyboard/test
-
-a:hover, a:active
-  outline: none
-
-small
-  font-size: 85%
-
-strong, th
-  font-weight: bold
-
-td, td img
-  vertical-align: top 
-
-
-//  Make sure sup and sub don't screw with your line-heights
-//  gist.github.com/413930
-
-sub, sup
-  font-size: 75%
-  line-height: 0
-  position: relative
-sup
-  top: -0.5em
-sub
-  bottom: -0.25em
-
-
-//  standardize any monospaced elements
-
-pre, code, kbd, samp
-  font-family: monospace, sans-serif
-
-// hand cursor on clickable elements, text on editable text only, default on everything else.
-input
-  cursor: auto
-textarea
-  cursor: text
-a, a *, .clickable, label, input[type=button], input[type=submit], input[type=reset], button, #nextPage, #previousPage, #nextPage *, #previousPage *
-  cursor: pointer
-
-
-//  Webkit browsers add a 2px margin outside the chrome of form elements
-
-button, input, select, textarea
-  margin: 0
-
-
-//  make buttons play nice in IE
-
-button
-  width: auto
-  overflow: visible
-
-
-//  scale images in IE7 more attractively
-
-.ie7 img
-  -ms-interpolation-mode: bicubic
-
-
-//  prevent BG image flicker upon hover
-
-.ie6 html
-  filter: expression(document.execCommand("BackgroundImageCache", false, true))
-
-
-//  let's clear some floats
-
-.clearfix:before, .clearfix:after
-  content: "\0020"
-  display: block
-  height: 0
-  overflow: hidden  
-.clearfix:after
-  clear: both  
-.clearfix
-  zoom: 1  
-
-ins
-  background-color: #fcd700
-  color: #000
-  text-decoration: none
-mark
-  background-color: #fcd700
-  color: #000
-  font-style: italic
-  font-weight: bold
+$reset: true !default
+
+@if $reset
+  //  RESET MOSTLY LIFTED FROM THE HTML5RESET :: http://html5reset.org
+  
+  //  HTML5 RESET....................http://html5reset.org
+  //  Eric Meyer.....................http://ericmeyer.com
+  //  HTML5 Doctor...................http://html5doctor.com
+  //  and the HTML5 Boilerplate......http://html5boilerplate.com
+  
+  html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, menu, time, mark, audio, video
+    margin: 0
+    padding: 0
+    border: 0
+    outline: 0
+    font-size: 100%
+    vertical-align: baseline
+    background: transparent
+    cursor: default
+  
+  article, aside, figure, footer, header, hgroup, nav, section
+    display: block
+  
+  blockquote, q
+    quotes: none
+  
+  blockquote:before, blockquote:after, q:before, q:after
+    content: ''
+    content: none
+  
+  a
+    margin: 0
+    padding: 0
+    font-size: 100%
+    vertical-align: baseline
+    background: transparent
+    color: inherit
+    text-decoration: inherit
+  
+  del
+    text-decoration: line-through
+  
+  abbr[title], dfn[title]
+    border-bottom: 1px dotted #000
+    cursor: help
+  
+  .zoomable, .zoomable *
+    cursor: -webkit-zoom-in
+    cursor: -moz-zoom-in
+    cursor: -ms-zoom-in
+    cursor: -o-zoom-in
+    cursor: zoom-in
+  
+  .lightbox, .lightbox *
+    cursor: -webkit-zoom-out
+    cursor: -moz-zoom-out
+    cursor: -ms-zoom-out
+    cursor: -o-zoom-out
+    cursor: zoom-out
+  
+  
+  //  tables still need cellspacing="0" in the markup
+  
+  table
+    border-collapse: collapse
+    border-spacing: 0
+  th
+    font-weight: bold
+    vertical-align: bottom
+  td
+    font-weight: normal
+    vertical-align: top
+  
+  hr
+    display: block
+    height: 1px
+    border: 0
+    margin: 1em 0
+    padding: 0
+  
+  input, select
+    vertical-align: middle
+  
+  pre
+    white-space: pre /* CSS2 */
+    white-space: pre-wrap /* CSS 2.1 */
+    white-space: pre-line /* CSS 3 (and 2.1 as well, actually) */
+    word-wrap: break-word /* IE */
+  
+  
+  input[type="radio"]
+    vertical-align: text-bottom
+  input[type="checkbox"]
+    vertical-align: bottom
+    *vertical-align: baseline
+  .ie6 input
+    vertical-align: text-bottom
+  
+  select, input, textarea
+    font: 99% sans-serif
+  
+  table
+    font-size: inherit
+    font: 100%
+  
+  
+  //  Accessible focus treatment
+  //  people.opera.com/patrickl/experiments/keyboard/test
+  
+  a:hover, a:active
+    outline: none
+  
+  small
+    font-size: 85%
+  
+  strong, th
+    font-weight: bold
+  
+  td, td img
+    vertical-align: top 
+  
+  
+  //  Make sure sup and sub don't screw with your line-heights
+  //  gist.github.com/413930
+  
+  sub, sup
+    font-size: 75%
+    line-height: 0
+    position: relative
+  sup
+    top: -0.5em
+  sub
+    bottom: -0.25em
+  
+  
+  //  standardize any monospaced elements
+  
+  pre, code, kbd, samp
+    font-family: monospace, sans-serif
+  
+  // hand cursor on clickable elements, text on editable text only, default on everything else.
+  input
+    cursor: auto
+  textarea
+    cursor: text
+  a, a *, .clickable, label, input[type=button], input[type=submit], input[type=reset], button, #nextPage, #previousPage, #nextPage *, #previousPage *
+    cursor: pointer
+  
+  
+  //  Webkit browsers add a 2px margin outside the chrome of form elements
+  
+  button, input, select, textarea
+    margin: 0
+  
+  
+  //  make buttons play nice in IE
+  
+  button
+    width: auto
+    overflow: visible
+  
+  
+  //  scale images in IE7 more attractively
+  
+  .ie7 img
+    -ms-interpolation-mode: bicubic
+  
+  
+  //  prevent BG image flicker upon hover
+  
+  .ie6 html
+    filter: expression(document.execCommand("BackgroundImageCache", false, true))
+  
+  
+  //  let's clear some floats
+  
+  .clearfix:before, .clearfix:after
+    content: "\0020"
+    display: block
+    height: 0
+    overflow: hidden  
+  .clearfix:after
+    clear: both  
+  .clearfix
+    zoom: 1  
+  
+  ins
+    background-color: #fcd700
+    color: #000
+    text-decoration: none
+  mark
+    background-color: #fcd700
+    color: #000
+    font-style: italic
+    font-weight: bold

data/templates/project/manifest.rb

@@ -2,7 +2,7 @@ description "Seasons treesaver framework"
 
 stylesheet 'style.sass'
 stylesheet '_config.sass'
-stylesheet '_skin.scss'
+stylesheet '_grid.scss'
 stylesheet '_chrome.scss'
 
 html 'resources.html'

data/templates/project/style.sass

@@ -8,6 +8,7 @@
 //  It creates a flexable yet solid foundation for building templates.
 
 // IMPORT TOOLS AND RESET:
+$reset: true // set to false if you don’t want the bundled reset
 @import seasons/tools
 
 
@@ -15,8 +16,8 @@
 // Configuration:
 @import config
 
-// Skin:
-@import skin
+// grid:
+@import grid
 
 // Chrome:
 @import chrome

metadata

@@ -6,8 +6,8 @@ version: !ruby/object:Gem::Version
   - 0
   - 9
   - 3
-  - beta3
-  version: 0.9.3.beta3
+  - beta4
+  version: 0.9.3.beta4
 platform: ruby
 authors: 
 - Scott Kellum
@@ -52,7 +52,7 @@ files:
 - stylesheets/seasons/tools/_reset.sass
 - templates/project/_chrome.scss
 - templates/project/_config.sass
-- templates/project/_skin.scss
+- templates/project/_grid.scss
 - templates/project/style.sass
 - templates/project/treesaver-0.9.3b.js
 - templates/project/toc.json