foundation-sass 2.1

data/templates/project/javascripts/jquery.placeholder.min.js

@@ -0,0 +1,2 @@
+/*! http://mths.be/placeholder v1.8.5 by @mathias */
+(function(g,a,$){var f='placeholder' in a.createElement('input'),b='placeholder' in a.createElement('textarea');if(f&&b){$.fn.placeholder=function(){return this};$.fn.placeholder.input=$.fn.placeholder.textarea=true}else{$.fn.placeholder=function(){return this.filter((f?'textarea':':input')+'[placeholder]').bind('focus.placeholder',c).bind('blur.placeholder',e).trigger('blur.placeholder').end()};$.fn.placeholder.input=f;$.fn.placeholder.textarea=b;$(function(){$('form').bind('submit.placeholder',function(){var h=$('.placeholder',this).each(c);setTimeout(function(){h.each(e)},10)})});$(g).bind('unload.placeholder',function(){$('.placeholder').val('')})}function d(i){var h={},j=/^jQuery\d+$/;$.each(i.attributes,function(l,k){if(k.specified&&!j.test(k.name)){h[k.name]=k.value}});return h}function c(){var h=$(this);if(h.val()===h.attr('placeholder')&&h.hasClass('placeholder')){if(h.data('placeholder-password')){h.hide().next().show().focus().attr('id',h.removeAttr('id').data('placeholder-id'))}else{h.val('').removeClass('placeholder')}}}function e(){var l,k=$(this),h=k,j=this.id;if(k.val()===''){if(k.is(':password')){if(!k.data('placeholder-textinput')){try{l=k.clone().attr({type:'text'})}catch(i){l=$('<input>').attr($.extend(d(this),{type:'text'}))}l.removeAttr('name').data('placeholder-password',true).data('placeholder-id',j).bind('focus.placeholder',c);k.data('placeholder-textinput',l).data('placeholder-id',j).before(l)}k=k.removeAttr('id').hide().prev().attr('id',j).show()}k.addClass('placeholder').val(k.attr('placeholder'))}else{k.removeClass('placeholder')}}}(this,document,jQuery));

data/templates/project/javascripts/jquery.reveal.js

@@ -0,0 +1,126 @@
+/*
+ * jQuery Reveal Plugin 1.0
+ * www.ZURB.com
+ * Copyright 2010, ZURB
+ * Free to use under the MIT license.
+ * http://www.opensource.org/licenses/mit-license.php
+*/
+
+
+(function ($) {
+  $('a[data-reveal-id]').live('click', function (event) {
+    event.preventDefault();
+    var modalLocation = $(this).attr('data-reveal-id');
+    $('#' + modalLocation).reveal($(this).data());
+  });
+
+  $.fn.reveal = function (options) {
+    var defaults = {
+      animation: 'fadeAndPop',                // fade, fadeAndPop, none
+      animationSpeed: 300,                    // how fast animtions are
+      closeOnBackgroundClick: true,           // if you click background will modal close?
+      dismissModalClass: 'close-reveal-modal' // the class of a button or element that will close an open modal
+    };
+    var options = $.extend({}, defaults, options);
+
+    return this.each(function () {
+      var modal    = $(this),
+        topMeasure = parseInt(modal.css('top')),
+        topOffset  = modal.height() + topMeasure,
+        locked     = false,
+        modalBg    = $('.reveal-modal-bg');
+
+      if (modalBg.length == 0) {
+        modalBg = $('<div class="reveal-modal-bg" />').insertAfter(modal);
+        modalBg.fadeTo('fast', 0.8);
+      }
+
+      function openAnimation() {
+        modalBg.unbind('click.modalEvent');
+        $('.' + options.dismissModalClass).unbind('click.modalEvent');
+        if (!locked) {
+          lockModal();
+          if (options.animation == "fadeAndPop") {
+            modal.css({'top': $(document).scrollTop() - topOffset, 'opacity': 0, 'visibility': 'visible'});
+            modalBg.fadeIn(options.animationSpeed / 2);
+            modal.delay(options.animationSpeed / 2).animate({
+              "top": $(document).scrollTop() + topMeasure + 'px',
+              "opacity": 1
+            }, options.animationSpeed, unlockModal);
+          }
+          if (options.animation == "fade") {
+            modal.css({'opacity': 0, 'visibility': 'visible', 'top': $(document).scrollTop() + topMeasure});
+            modalBg.fadeIn(options.animationSpeed / 2);
+            modal.delay(options.animationSpeed / 2).animate({
+              "opacity": 1
+            }, options.animationSpeed, unlockModal);
+          }
+          if (options.animation == "none") {
+            modal.css({'visibility': 'visible', 'top': $(document).scrollTop() + topMeasure});
+            modalBg.css({"display": "block"});
+            unlockModal();
+          }
+        }
+        modal.unbind('reveal:open', openAnimation);
+      }
+      modal.bind('reveal:open', openAnimation);
+
+      function closeAnimation() {
+        if (!locked) {
+          lockModal();
+          if (options.animation == "fadeAndPop") {
+            modalBg.delay(options.animationSpeed).fadeOut(options.animationSpeed);
+            modal.animate({
+              "top":  $(document).scrollTop() - topOffset + 'px',
+              "opacity": 0
+            }, options.animationSpeed / 2, function () {
+              modal.css({'top': topMeasure, 'opacity': 1, 'visibility': 'hidden'});
+              unlockModal();
+            });
+          }
+          if (options.animation == "fade") {
+            modalBg.delay(options.animationSpeed).fadeOut(options.animationSpeed);
+            modal.animate({
+              "opacity" : 0
+            }, options.animationSpeed, function () {
+              modal.css({'opacity': 1, 'visibility': 'hidden', 'top': topMeasure});
+              unlockModal();
+            });
+          }
+          if (options.animation == "none") {
+            modal.css({'visibility': 'hidden', 'top': topMeasure});
+            modalBg.css({'display': 'none'});
+          }
+        }
+        modal.unbind('reveal:close', closeAnimation);
+      }
+      modal.bind('reveal:close', closeAnimation);
+      modal.trigger('reveal:open');
+
+      var closeButton = $('.' + options.dismissModalClass).bind('click.modalEvent', function () {
+        modal.trigger('reveal:close');
+      });
+
+      if (options.closeOnBackgroundClick) {
+        modalBg.css({"cursor": "pointer"});
+        modalBg.bind('click.modalEvent', function () {
+          modal.trigger('reveal:close');
+        });
+      }
+
+      $('body').keyup(function (event) {
+        if (event.which === 27) { // 27 is the keycode for the Escape key
+          modal.trigger('reveal:close');
+        }
+      });
+
+      function unlockModal() {
+        locked = false;
+      }
+
+      function lockModal() {
+        locked = true;
+      }
+    });
+  };
+})(jQuery);

data/templates/project/manifest.rb

@@ -0,0 +1,75 @@
+description "foundation-sass"
+
+# Make sure you list all the project template files here in the manifest.
+file "index.html"
+file "humans.txt"
+file "robots.txt"
+file "MIT-LICENSE.txt"
+
+# Config File needs --force to work when creating a project
+file "config.rb"
+
+# CSS Files
+file "stylesheets/app.css", :media => 'screen'
+file "stylesheets/forms.css", :media => 'screen'
+file "stylesheets/globals.css", :media => 'screen'
+file "stylesheets/ie.css", :media => 'screen'
+file "stylesheets/orbit.css", :media => 'screen'
+file "stylesheets/reveal.css", :media => 'screen'
+file "stylesheets/ui.css", :media => 'screen'
+file "stylesheets/mobile.css", :media => 'screen'
+file "stylesheets/grid.css", :media => 'screen'
+file "stylesheets/typography.css", :media => 'screen'
+
+# Image Files
+file "images/misc/button-gloss.png"
+file "images/misc/button-overlay.png"
+file "images/misc/custom-form-sprites.png"
+file "images/misc/input-bg.png"
+file "images/misc/modal-gloss.png"
+file "images/misc/table-sorter.png"
+file "images/orbit/bullets.jpg"
+file "images/orbit/left-arrow.png"
+file "images/orbit/loading.gif"
+file "images/orbit/mask-black.png"
+file "images/orbit/pause-black.png"
+file "images/orbit/right-arrow.png"
+file "images/orbit/rotator-black.png"
+file "images/orbit/timer-black.png"
+
+# Javascrips
+file "javascripts/app.js"
+file "javascripts/forms.jquery.js"
+file "javascripts/jquery.customforms.js"
+file "javascripts/jquery.min.js" 
+file "javascripts/jquery.reveal.js"
+file "javascripts/jquery.orbit-1.3.0.js"
+file "javascripts/jquery.placeholder.min.js"
+
+# Sass Files
+file "sass/app.sass"
+file "sass/forms.sass"
+file "sass/globals.sass"
+file "sass/ie.sass"
+file "sass/orbit.sass"
+file "sass/reveal.sass"
+file "sass/ui.sass"
+file "sass/mobile.sass"
+file "sass/grid.sass"
+file "sass/typography.sass"
+# Sass Mixins
+file "sass/includes/_mixins.sass"
+file "sass/includes/_settings.sass"
+file "sass/includes/_colors.sass"
+
+help %Q{
+
+If you need help, email us at foundation@zurb.com or visit foundation.zurb.com"
+
+}
+
+welcome_message %Q{
+
+Congratulations! You have installed ZURB Foundation!
+
+}

data/templates/project/robots.txt

@@ -0,0 +1,4 @@
+# www.robotstxt.org/
+# www.google.com/support/webmasters/bin/answer.py?hl=en&answer=156449
+
+User-agent: *

data/templates/project/sass/app.sass

@@ -0,0 +1,6 @@
+@import includes/settings
+@import includes/mixins
+@import includes/colors
+
+/* Artfully masterminded by ZURB */
+

data/templates/project/sass/forms.sass

@@ -0,0 +1,189 @@
+@import includes/settings
+@import includes/mixins
+@import includes/colors
+/* Artfully masterminded by ZURB :: Make sure to include app.js if using inline label inputs */
+
+/* Standard Forms */
+formv
+  margin: 0 0 18px
+  label 
+    display: block
+    +font-size(13)
+    line-height: 18px
+    cursor: pointer
+    margin-bottom: 9px
+    
+input.input-text, textarea
+  border-right: 1px solid #bbb
+  border-bottom: 1px solid #bbb
+input.input-text, textarea, select
+  display: block 
+  margin-bottom: 9px
+label + input.input-text, label + textarea, label + select, label + div.dropdown, select + div.dropdown
+  margin-top: -9px
+  
+/* Text input and textarea font and padding */
+input.input-text, textarea
+  +font-size(13)
+  padding: 4px 3px 2px
+  outline: none !important
+  background: #fff
+  &.oversize
+    +font-size(18, $important: true)
+    padding: 4px 5px !important
+  &:focus
+    background: #f9f9f9
+  
+/* Inlined Label Style */
+input, textarea
+  .placeholder
+    color: #888
+
+/* Text input and textarea sizes */
+input
+  &.input-text
+    width: 254px
+textarea
+  width: 254px
+input, textarea
+  &.small
+    width: 134px
+  &.medium
+    width: 254px
+  &.large
+    width: 434px
+
+/* Fieldsets */
+form
+  fieldset
+    padding: 9px 9px 2px 9px
+    border: solid 1px #ddd
+    margin: 18px 0
+    
+/* Errors */
+input
+  &.input-text
+    &.red
+      border-color: red
+      background-color: rgba(255,0,0,0.15)
+label.red
+  color: red
+small.error
+  margin-top: -6px
+  display: block
+  margin-bottom: 9px
+  +font-size(11)
+  color: red
+  width: 260px
+.small+.error
+  width: 140px
+.medium+.error
+  width: 260px
+.large+.error
+  width: 440px
+
+/* Nicer Forms */
+form.nice
+  input.input-text, textarea
+    border: solid 1px #bbb
+    +border-radius(2px)
+    +font-size(13)
+    padding: 6px 3px 4px
+    outline: none !important
+    background: image-url('misc/input-bg.png') #fff
+    &:focus
+      background-color: #f9f9f9
+    fieldset
+      +border-radius(3px)
+  small.error
+    padding: 6px 4px
+    border: solid 0px red
+    border-width: 0 1px 1px 1px
+    margin-top: -10px
+    background: red
+    color: #fff
+    +font-size(12)
+    font-weight: bold
+    +border-bottom-left-radius(2px)
+    +border-bottom-right-radius(2px)
+  .small+.error
+    width: 132px
+  .medium+.error
+    width: 252px
+  .large+.error
+    width: 432px
+    
+/* Custom Forms */
+form.custom
+  span.custom
+    display: inline-block
+    width: 14px
+    height: 14px
+    position: relative
+    top: 2px
+    border: solid 1px #ccc
+    background: image-url('misc/custom-form-sprites.png') 0 0 no-repeat
+    &.radio
+      +border-radius(7px)
+      &.checked
+        background-position: 0 -14px
+    &.checkbox
+      &.checked
+        background-position: 0 -28px
+  div.custom
+    &.dropdown
+      position: relative
+      display: inline-block
+      width: auto
+      height: 28px
+      margin-bottom: 9px
+      a.current
+        display: block
+        width: auto
+        line-height: 26px
+        padding: 0 38px 0 6px
+        border: solid 1px #ddd
+        color: #141414
+      a.selector
+        position: absolute
+        width: 26px
+        height: 26px
+        display: block
+        background: image-url('misc/custom-form-sprites.png') -14px 0 no-repeat
+        right: 0px
+        top: 0px
+        border: solid 1px #ddd
+      ul
+        position: absolute
+        width: auto
+        display: none
+        margin: 0
+        left: 0
+        top: 27px
+        margin: 0
+        padding: 0
+        background: rgba(255,255,255,0.9)
+        border: solid 1px #ddd
+        z-index: 10
+        &.show
+          display: block
+        li
+          cursor: pointer
+          padding: 3px 38px 3px 6px
+          margin: 0
+          &.selected
+            background: image-url('misc/custom-form-sprites.png') right -52px no-repeat
+            &:hover
+              background: image-url('misc/custom-form-sprites.png') $blue right -78px no-repeat
+          &:hover
+            background-color: $blue
+            color: #fff
+      &:hover
+        a.selector
+          background-position: -14px -26px
+      &.open
+        ul
+          display: block
+        a.selector
+          background-position: -14px -26px
+          

data/templates/project/sass/globals.sass

@@ -0,0 +1,128 @@
+@import includes/settings
+@import includes/mixins
+@import includes/colors
+/* Artfully masterminded by ZURB */
+/* Table of Contents */
+/*  :: Reset & Standards */    
+/*  :: Links */                       
+/*  :: Lists */                       
+/*  :: Tables */                      
+/*  :: Misc */                        
+                                                          
+/* Global Reset & Standards */
+/* Eric Meyer's CSS Reset :: http://meyerweb.com/eric/tools/css/reset/ :: v2.0 | 20110126 :: License: none (public domain) */
+
+html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video
+  margin: 0 
+  padding: 0
+  border: 0
+  font: inherit
+  vertical-align: baseline
+html
+  font-size: 62.5%
+  
+/* HTML 5 display-role reset for older browsers */
+article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section
+  display: block
+body
+  line-height: 1
+ol, ul
+  list-style: none
+blockquote, q
+  quotes: none
+  &:before, &:after
+    content: ""
+    content: none
+table
+  border-collapse: collapse
+  border-spacing: 0
+  
+body
+  background: #fff
+  +HelveticaFontStack
+  +font-size(13)
+  +font-smoothing(antialiased)
+  line-height: 18px
+  color: #555
+  position: relative
+
+/* Links */
+a
+  color: $blue
+  text-decoration: none
+  outline: 0
+  line-height: inherit
+  &:hover
+    color: lighten($blue, 10%)
+p
+  a, a:visited
+    line-height: inherit
+
+/* Lists */
+ul, ol
+  margin-bottom: 18px
+ul
+  list-style: none outside
+  &.square
+    list-style: square outside
+  &.circle
+    list-style: circle outside
+  &.disc
+    list-style: disc outside
+ol
+  list-style: decimal
+ol, ul.square, ul.circle, ul.disc
+  margin-left: 30px
+ul ul, ol ol
+  margin: 4px 0 5px 30px
+li
+  margin-bottom: 12px
+ul.large li
+  line-height: 21px
+  
+/* Tables */
+table
+  background: $white
+  +border-radius(3px)
+  width: 100%
+  margin: 0 0 18px
+  border: solid 1px #ddd
+  thead
+    background: #f5f5f5
+    tr
+      th
+        +font-size(12)
+        line-height: 18px
+        text-align: left
+        padding: 8px 10px 9px
+        +font-size(14)
+        font-weight: bold
+        color: #222
+        &:first-child
+          border-left: none
+        &:last-child
+          border-right: none
+  tbody
+    tr
+      &.even, &.alt
+        background: #f9f9f9
+      &:nth-child(even)
+        background: #f9f9f9
+      td
+        +font-size(12)
+        line-height: 18px
+        text-align: left
+        color: #333
+        padding: 9px 10px
+        vertical-align: top
+        border: none
+        
+/* Misc */
+.left 
+  float: left
+.right
+  float: right
+.hide
+  display: none
+.highlight
+  background: #ff0