seasons 0.9.3.beta1

data/stylesheets/seasons/tools/_modular-scale.sass

@@ -0,0 +1,310 @@
+// SASSY MODULAR-SCALE
+// https://github.com/scottkellum/modular-scale
+
+// Ratios
+$golden: 1.618 
+$gold: $golden 
+$octave: (2 / 1)
+$major-seventh: (15 / 8)
+$minor-seventh: (16 / 9)
+$major-sixth: (5 / 3)
+$minor-sixth: (8 / 5)
+$fifth: (3 / 2)
+$fourth: (4 / 3)
+$major-third: (5 / 4)
+$minor-third: (6 / 5)
+$major-second: (9 / 8)
+$minor-second: (16 / 15)
+
+// Defaults
+$ratio: $golden !default
+$base-size: 12px !default
+$property: font-size !default
+$class-slug: ms !default
+
+// Modular Scale function
+@function modular-scale($multiple, $base-size, $ratio)
+  // return the $base-size if $multiple is zero
+  @if $multiple == 0
+    @if type-of($base-size) == 'list'
+      $base-size: sort-list($base-size)
+      @return nth($base-size, 1)
+    // return just the simple $base-size value if it's not a list
+    @return $base-size
+
+  // if multiple base-sizes are passed in as a list
+  // and multiple ratios are passed in as a list
+  // calculate values in using each base-size / ratio combination
+  @if type-of($base-size) == 'list' and type-of($ratio) == 'list'
+    @if unit(ms-multibase-multiratio($multiple, $base-size, $ratio)) == 'px'
+      @return round(ms-multibase-multiratio($multiple, $base-size, $ratio))
+    @return ms-multibase-multiratio($multiple, $base-size, $ratio)
+    
+  // if multiple base-sizes are passed in as a list
+  // calculate values in using each base-size
+  @if type-of($base-size) == 'list' and type-of($ratio) == 'number'
+    @if unit(ms-multibase($multiple, $base-size, $ratio)) == 'px'
+      @return round(ms-multibase($multiple, $base-size, $ratio))
+    @return ms-multibase($multiple, $base-size, $ratio)
+      
+  // if multiple ratios are passed in as a list
+  // calculate values in using each ratio
+  @if type-of($base-size) == 'number' and type-of($ratio) == 'list'
+    @if unit(ms-multiratio($multiple, $base-size, $ratio)) == 'px'
+      @return round(ms-multiratio($multiple, $base-size, $ratio))
+    @return ms-multiratio($multiple, $base-size, $ratio)
+    
+  // If there are no lists just run the simple function
+  @if unit(exponent($ratio, $multiple) * $base-size) == 'px'
+    @return round(exponent($ratio, $multiple) * $base-size)
+  @return exponent($ratio, $multiple) * $base-size
+  
+  
+// calculate values in using each base-size / ratio combination
+@function ms-multibase-multiratio($multiple, $base-size, $ratio)
+  // start with an empty list to place all values in
+  $scale-values: ()
+  // make sure base sizes are in ascending order
+  $base-size: sort-list($base-size)
+  // take each base-size in turn
+  $k: 1
+  @while $k <= length($base-size)
+    // add each $base-size to the list except the first
+    @if $k > 1
+      $scale-values: append($scale-values, nth($base-size, $k))
+    // take each ratio in turn
+    $j: 1
+    @while $j <= length($ratio)
+      // reset $modular-scale for each set
+      $modular-scale: nth($base-size, $k)
+      // do the scale for each base-size using this ratio 
+      @if $multiple > 0
+        // up $multiple times
+        // and add the result to $scale-values        
+        @for $i from 1 through $multiple
+          $modular-scale: exponent(nth($ratio, $j), $i) * nth($base-size, $k)
+          $scale-values: append($scale-values, $modular-scale)
+        // and down until the value is lower than the lowest $base-size
+        // and add the result to $scale-values
+        $i: -1
+        $modular-scale: nth($base-size, $k)
+        @while $modular-scale >= nth($base-size, 1)
+          $modular-scale: exponent(nth($ratio, $j), $i) * nth($base-size, $k)
+          $scale-values: append($scale-values, $modular-scale)
+          $i: $i - 1
+      @if $multiple < 0
+        // do the scale down for each set to below 1px
+        $i: -1
+        $modular-scale: nth($base-size, $k)
+        @while $modular-scale > 1
+          $modular-scale: exponent(nth($ratio, $j), $i) * nth($base-size, $k)
+          $scale-values: append($scale-values, $modular-scale)
+          $i: $i - 1
+      $j: $j + 1
+    $k: $k + 1
+  // return trimmed and sorted final list
+  @return trim-sort($multiple, $scale-values, $base-size)
+    
+    
+// calculate values in using each base-size
+@function ms-multibase($multiple, $base-size, $ratio)
+  // start with an empty list to place all values in
+  $scale-values: ()
+  // make sure base sizes are in ascending order
+  $base-size: sort-list($base-size)
+  // take each base-size in turn
+  $k: 1
+  @while $k <= length($base-size)
+    // add each $base-size to the list except the first
+    @if $k > 1
+      $scale-values: append($scale-values, nth($base-size, $k))
+    // reset $modular-scale for each set
+    $modular-scale: nth($base-size, $k)
+    // do the scale for each base-size using this ratio 
+    @if $multiple > 0
+      // up $multiple times
+      // and add the result to $scale-values        
+      @for $i from 1 through $multiple
+        $modular-scale: exponent($ratio, $i) * nth($base-size, $k)
+        $scale-values: append($scale-values, $modular-scale)
+      // and down until the value is lower than the lowest $base-size
+      // and add the result to $scale-values
+      $i: -1
+      $modular-scale: nth($base-size, $k)
+      @while $modular-scale >= nth($base-size, 1)
+        $modular-scale: exponent($ratio, $i) * nth($base-size, $k)
+        $scale-values: append($scale-values, $modular-scale)
+        $i: $i - 1
+    @if $multiple < 0
+      // do the scale down for each set to below 1px
+      $i: -1
+      $modular-scale: nth($base-size, $k)
+      @while $modular-scale > 1
+        $modular-scale: exponent($ratio, $i) * nth($base-size, $k)
+        $scale-values: append($scale-values, $modular-scale)
+        $i: $i - 1
+    $k: $k + 1
+  // return trimmed and sorted final list
+  @return trim-sort($multiple, $scale-values, $base-size)
+
+    
+// calculate values in using each ratio
+@function ms-multiratio($multiple, $base-size, $ratio)
+  // start with an empty list to place all values in
+  $scale-values: ()
+  // If $multiple is a positive integer (up the scale)
+  @if $multiple > 0
+    // take each ratio in turn
+    $j: 1
+    @while $j <= length($ratio)
+      // reset $modular-scale for each set
+      $modular-scale: $base-size
+      // do the scale using this ratio thru the multiple, and add the result to $scale-values
+      @for $i from 1 through $multiple
+        $modular-scale: exponent(nth($ratio, $j), $i) * $base-size
+        $scale-values: append($scale-values, $modular-scale)
+      $j: $j + 1
+    // sort acsending      
+    $scale-values: sort-list($scale-values)
+    // return the final value using the laced list
+    @return nth($scale-values, $multiple)
+  // If $multiple is a negative integer (down the scale)
+  @if $multiple < 0
+    // take each ratio in turn
+    $j: 1
+    @while $j <= length($ratio)
+      // reset $modular-scale for each set
+      $modular-scale: $base-size
+      // do the scale using this ratio thru the multiple, and add the result to $scale-values
+      @for $i from 1 through ($multiple * -1)
+        $modular-scale: exponent(nth($ratio, $j), -$i) * $base-size
+        $scale-values: append($scale-values, $modular-scale)
+      $j: $j + 1
+    // sort decending
+    $scale-values: sort-list($scale-values, 'dec')
+    // return the final value using the laced list
+    @return nth($scale-values, $multiple * -1)
+    
+    
+// trim and sort the final list
+@function trim-sort($multiple, $scale-values, $base-size)
+  @if $multiple > 0
+    // trim list so we can count from the lowest $base-size
+    $scale-values: trim-list($scale-values, nth($base-size, 1))
+    // sort acsending      
+    $scale-values: sort-list($scale-values)
+    // return the final value using the laced list
+    @return nth($scale-values, $multiple)
+  @else
+    // trim list so we can count from the lowest $base-size
+    $scale-values: trim-list($scale-values, nth($base-size, 1), 'dec')
+    // sort acsending      
+    $scale-values: sort-list($scale-values, 'dec')
+    // return the final value using the laced list
+    @return nth($scale-values, -$multiple)
+  
+  
+/////////////////////////////////////////////////////////////////////////
+  
+// Shortcut
+@function ms($multiple, $base-size, $ratio)
+  // Return the value from the Modular Scale function
+  @return modular-scale($multiple, $base-size, $ratio)
+
+// Mixin
+// Deprecated. Use the modular-scale() function instead
+=modular-scale($property, $multiple, $base-size, $ratio)
+  // Print the $property and return the value from the Modular Scale function
+  @warn "The modular-scale mixin is deprecated. Instead use the function: width: modular-scale(3)" 
+  #{$property}: modular-scale($multiple, $base-size, $ratio)
+
+// Classes Mixin
+=modular-scale-classes($multiple, $property, $class-slug, $base-size, $ratio)
+  // Loop from 0 through the value of $multiple and generate a range of classes
+  @for $i from 0 through $multiple
+    .#{$class-slug}-#{$i}
+      // Print the $property and return the value from the Modular Scale function
+      #{$property}: modular-scale($i, $base-size, $ratio)
+      
+
+/////////////////////////////////////////////////////////////////////////
+
+
+// Sass exponent support
+@function exponent($base, $exponent)
+  // reset value
+  $value: $base
+  // positive intergers get multiplied
+  @if $exponent > 1
+    @for $i from 2 through $exponent
+      $value: $value * $base
+  // negitive intergers get divided. A number divided by itself is 1
+  @if $exponent < 1
+    @for $i from 0 through -$exponent
+      $value: $value / $base
+  // return the last value written
+  @return $value
+
+
+// Sass list sorting support
+@function sort-list($list, $dir: 'asc')
+  // built-in list sorting in Sass would make this go away.
+  // declare some empty lists to put our new order and temporary values 
+  $new-order: ()
+  $temp: ()
+  // fill $temp with the contents of $list
+  $temp: join($temp, $list)
+  // if sorting ascending
+  @if $dir == 'asc'
+    // loop through all values in $list
+    @for $i from 1 through length($list)
+      // impossibly high starter value to compare
+      $low: 1000000
+      // check for lowest value in $temp
+      @for $j from 1 through length($temp)
+        @if nth($temp, $j) < $low
+          $low: nth($temp, $j)
+      // add lowest value to $new-order
+      $new-order: append($new-order, $low)
+      // empty $temp for the next comparison
+      $temp: ()
+      // re-populate $temp with remaining values to sort
+      @for $k from 1 through length($list)
+        @if nth($list, $k) > $low
+          $temp: append($temp, nth($list, $k))
+  @if $dir == 'dec'
+    // loop through all values in $list
+    @for $i from 1 through length($list)
+      // 0 starter value
+      $high: 0
+      // check for highest value in $temp
+      @for $j from 1 through length($temp)
+        @if nth($temp, $j) > $high
+          $high: nth($temp, $j)
+      $new-order: append($new-order, $high)
+      // empty $temp for the next comparison
+      $temp: ()
+      // re-populate $temp with remaining values to sort
+      @for $k from 1 through length($list)
+        @if nth($list, $k) < $high
+          $temp: append($temp, nth($list, $k))
+  @return $new-order
+  
+  
+// Sass list trimming support
+@function trim-list($list, $start, $dir: 'asc')
+  // built-in list trimming in Sass would make this go away.
+  // declare some empty lists to put our trimmed values
+  $trimmed: ()
+  // if sorting ascending
+  @if $dir == 'asc'
+    // loop through all values in $list
+    @for $i from 1 through length($list)
+      @if nth($list, $i) >= $start
+        $trimmed: append($trimmed, nth($list, $i))
+  @if $dir == 'dec'
+    // loop through all values in $list
+    @for $i from 1 through length($list)
+      @if nth($list, $i) <= $start
+        $trimmed: append($trimmed, nth($list, $i))
+  @return $trimmed

data/stylesheets/seasons/tools/_reset.sass

@@ -0,0 +1,192 @@
+//  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/_chrome.scss

@@ -0,0 +1,52 @@
+// CHROME //
+
+// All UI elements that don't belong on pages gets styled here.
+// It keeps everything separate and tidy.
+// Variables you defined in you skin will carry over to this file.
+// Position the viewer. The viewer is the area in which pages can be displayed.
+.viewer {
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  }
+
+nav {
+  display: block;
+  position: absolute;
+  z-index: 1;
+  }
+
+.sidebar, .menu {
+  .content {
+    display: none;
+    }
+  &.sidebar-active, &.menu-active {
+    .content {
+      display: block;
+      }
+    }
+  }
+
+// LIGHTBOX
+
+.lightbox {
+  position: fixed;
+  overflow: hidden;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  z-index: 99;
+  background: rgba(black, 0.5);
+  .container {
+    position: absolute;
+    overflow: hidden;
+    top: 0;
+    right: 0;
+    bottom: 0;
+    left: 0;
+    padding: 8px;
+    background: black;
+    }
+  }

data/templates/project/_config.sass

@@ -0,0 +1,84 @@
+// CONFIGURATION //
+
+// BASE SIZE TO BE USED THROUGHOUT STYLES
+// This must be a fixed unit of measurement, usually correlating to your text size.
+$base-size: 16px
+
+// RATIO
+// Choose a ratio you wish to use with the modular scale, not nessisary if you don't plan on using modular scales.
+$ratio: $fourth
+
+// FONT-SIZE
+$size: 1em
+
+// LINE HEIGHT
+// Basing the modular scale off of ems for this. ms(n) refers to the position on a built-in modular scale where "n" is the position. However you can use any value you like.
+$line-height: ms(1, 1em)
+
+// GRID MEASUREMENTS
+// Grid module measurements. See Mark Boulton’s write up on grids http://www.markboulton.co.uk/journal/comments/rethinking-css-grids
+$module-w: ms(5) // module width
+$module-h: ms(4) // module height
+$gutter: ms(1) // gutters
+// grid margins:
+$margin: ms(1) // side margins
+$top: ms(2) // default top margin (for text and containers)
+$bottom: ms(3) // default bottom margin (for text and containers)
+// number of modules across to calculate:
+$columns: 12 // # of columns you want to calculate for
+
+// COLORS
+$primary: #f66
+$secondary: #6f6
+$tertiary: #66f
+$text: #333
+$page: #fff
+$body: #333
+
+// FONTS
+$font: serif
+$hed: sans-serif
+$subhed: sans-serif
+
+// IMAGE/PAGE RATIOS
+// If you wish to scale images and have fixed page sizes image ratios are a must. This allows images sizes to be measured for Treesaver.
+// Image sizes still need to be hard coded for lightboxes.
+@mixin ratios
+  +ratio(16, 9)
+  +ratio(4, 3)
+  +ratio(5, 4)
+  +ratio(1, 1)
+  +ratio(4, 5)
+  +ratio(3, 4)
+
+
+// Debug tools adds element highlihgting using one-letter classes and mixins.
+// @include r, @include g, @include b, @include c, @include m, @include y
+// .r, .g, .b, .c, .m, .y
+// red, green, blue, cyan, magenta, yellow
+$debug: true
+
+
+// EXTRAS (optional) //
+
+// Vertical grid
+//$vertical-grid: true // Compile vertical grid (true/false)
+//$rows: 20 // # of rows to calculate on the vertical grid
+
+// Scrollable figure styles
+//$scroll-support: false
+
+// Hyphenate paragraphs (via CSS3 hyphenation)
+//$hyphenate: false
+
+// Page Opacity (prev, next page at 50% opacity)
+//$page-opacity: false
+
+// Caption placement tools
+//$caption-placement: false
+
+// Fullbleed figure support
+//$fullbleed: false
+
+// Online/offline elements. The ability to show/hide based on network status.
+//$offline-elements: false

data/templates/project/_skin.scss

@@ -0,0 +1,44 @@
+// SKIN //
+
+// Style the pages themselves here.
+// To keep things tidy it is recommended that only pages get styled here.
+// UI elements should be styled in the "chrome" directory.
+
+
+// TYPOGRAPHIC STYLES
+// Keep vertical spacing and all line-height attributes a multiple of your line-height to avoid text flow bugs. Do not use "!important" on any measurements here
+// Only use system fonts for paragraphs and other large bodies of text. If web fonts are used line endings will be missing or duplicated.
+p {
+  color: $text;
+  text-indent: $line-height;
+  &.noindent, &.caption, .keeptogether & {
+    text-indent: 0;
+    }
+  &.caption {
+    text-align: left;
+    }
+  }
+
+h1, h2, h3, h4 ,h5 ,h6 {
+  font-family: $subhed;
+  font-weight: bold;
+  }
+
+h1 {
+  font-family: $hed;
+  @include solid($line-height);
+  }
+
+// GENERAL GRID STYLES
+// Styles here apply to every grid in your publication
+.grid {
+  margin: $gutter;
+  padding: 0 $margin;
+  background: $page;
+  }
+
+// GRID STYLES
+// Styles to specify grids in your publication, for example the department grid.
+.department.grid {
+  
+  }