foundation-sass 2.1

data/README.mkdn

@@ -0,0 +1,70 @@
+Sass Foundation
+=====================
+
+To create your first project, navigate to the foundation-sass folder in terminal and install the gem. You'll also need to make sure Compass is installed.
+    
+In Terminal:
+* sudo gem install compass
+
+Next you'll create your first project.
+
+In Terminal:
+* cd path/to/where-you-want-new-project
+* compass create my_project -r foundation-sass --using foundation-sass --force
+    
+Now you should have a new project folder created with the foundation file structure, but with the awesome advantages of having all the css pre-processed with Sass.
+
+===============================
+
+Welcome to Foundation
+=====================
+
+Foundation is a rock-solid, responsive framework for rapidly prototyping and iterating into production code. It includes a 12-column, future-friendly grid and tons of great tools and elements that'll get you up and running in no time. Clone the repo to get the marketing site, docs, and base source. You can also visit http://foundation.zurb.com to download just the base source as a starting boilerplate.
+
+Homepage:      http://foundation.zurb.com  
+Documentation: http://foundation.zurb.com/docs  
+Download:      http://foundation.zurb.com/files/foundation-download.zip  
+
+Foundation is MIT-licensed and absolutely free to use. Foundation wouldn't be possible without the support of the entire ZURB team, our friends and colleagues who gave feedback, and some luminaries who did some heavy lifting that we took advantage of (thanks guys).
+
+Repo Contents
+=============
+
+* README
+* IMAGES - Base images for Orbit and some standard elements
+* INCLUDES - Header and footer (currently PHP)
+* index.php
+* JAVASCRIPTS - jQuery, app.js placeholder, placeholder
+* MARKETING - the entire marketing site (foundation.zurb.com)
+* robots.txt - Boilerplate robots file
+* STYLESHEETS - the Foundation stylesheets
+
+ZURB
+====
+
+Foundation was made by [ZURB](http://www.zurb.com), an interaction design and design strategy firm in Campbell, CA.
+
+If Foundation knocks your socks off the way we hope it does and you want more, why not check out [our jobs](http://www.zurb.com/talent/jobs)?
+
+Community
+=========
+
+Many thanks to all the people working on implementations of Foundation for their favorite framework. If want to get on this list send an email to foundation@zurb.com.
+
+WordPress
+
+* [Starter Theme](https://github.com/drewsymo/Foundation) by Drew Morris
+* [Optional install for roots](https://github.com/retlehs/roots) by Corey Wagehoft
+
+.NET
+
+* [NuGet Package for ASP.Net MVC](http://nuget.org/List/Packages/Zurb_Foundation_MPC3) by Edward Charbeneau
+
+MIT Open Source License
+=======================
+
+Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

data/lib/foundation-sass.rb

@@ -0,0 +1,9 @@
+require 'compass'
+Compass::Frameworks.register("foundation-sass", :path => "#{File.dirname(__FILE__)}/..")
+
+module FoundationSass
+  
+  VERSION = "2.1"
+  DATE = "2011-11-18"
+
+end

data/stylesheets/_foundation-sass.sass

@@ -0,0 +1 @@
+// Compass extension

data/templates/project/MIT-LICENSE.txt

@@ -0,0 +1,20 @@
+Copyright (c) 2011 ZURB, http://www.zurb.com/
+
+Permission is hereby granted, free of charge, to any person obtaining
+a copy of this software and associated documentation files (the
+"Software"), to deal in the Software without restriction, including
+without limitation the rights to use, copy, modify, merge, publish,
+distribute, sublicense, and/or sell copies of the Software, and to
+permit persons to whom the Software is furnished to do so, subject to
+the following conditions:
+
+The above copyright notice and this permission notice shall be
+included in all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
+MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
+NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE
+LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION
+OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION
+WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

data/templates/project/config.rb

@@ -0,0 +1,33 @@
+# Compass Configuration
+
+# Required compass extenstions
+require 'foundation-sass'
+
+# HTTP paths
+http_path             = '/'
+http_stylesheets_path = '/stylesheets'
+http_images_path      = '/images'
+http_javascripts_path = '/javascripts'
+
+# File system locations
+sass_dir              = 'sass'
+css_dir               = 'stylesheets'
+images_dir            = 'images'
+javascripts_dir       = 'javascripts'
+
+# Set to true for debugging
+line_comments         = false
+
+# What syntax do we prefer?
+preferred_syntax      = :sass
+
+# CSS output style, :nested, :expanded, :compact, or :compressed
+output_style          = :compact
+
+# True or false, Compass asset helper functions generates relative paths
+relative_assets       = true
+
+# Sass options
+sass_options          = { :cache => 'false' }
+
+# Learn more: http://compass-style.org/docs/tutorials/configuration-reference/

data/templates/project/humans.txt

@@ -0,0 +1,8 @@
+/* Foundation was made by ZURB, an interaction design and design strategy firm in Campbell, CA */
+/* zurb.com */
+/* humanstxt.org */
+
+/* SITE */
+  Standards: HTML5, CSS3
+  Components: jQuery, Orbit, Reveal
+  Software: Coda, TextMate, Git

data/templates/project/index.html

@@ -0,0 +1,151 @@
+<!DOCTYPE html>
+
+<!-- paulirish.com/2008/conditional-stylesheets-vs-css-hacks-answer-neither/ -->
+<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7" lang="en"> <![endif]-->
+<!--[if IE 7]>    <html class="no-js lt-ie9 lt-ie8" lang="en"> <![endif]-->
+<!--[if IE 8]>    <html class="no-js lt-ie9" lang="en"> <![endif]-->
+<!--[if gt IE 8]><!--> <html lang="en"> <!--<![endif]-->
+<head>
+	<meta charset="utf-8" />
+	
+	<!-- Set the viewport width to device width for mobile -->
+	<meta name="viewport" content="width=device-width" />
+	
+	<title>Welcome to Foundation</title>
+  
+	<!-- Included CSS Files -->
+	<!-- Combine and Compress These CSS Files -->
+	<link rel="stylesheet" href="stylesheets/globals.css">
+	<link rel="stylesheet" href="stylesheets/typography.css">
+	<link rel="stylesheet" href="stylesheets/grid.css">
+	<link rel="stylesheet" href="stylesheets/ui.css">
+	<link rel="stylesheet" href="stylesheets/forms.css">
+	<link rel="stylesheet" href="stylesheets/orbit.css">
+	<link rel="stylesheet" href="stylesheets/reveal.css">
+	<link rel="stylesheet" href="stylesheets/mobile.css">
+	<!-- End Combine and Compress These CSS Files -->
+	<link rel="stylesheet" href="stylesheets/app.css">
+
+	<!--[if lt IE 9]>
+		<link rel="stylesheet" href="stylesheets/ie.css">
+	<![endif]-->
+
+	
+	<!-- IE Fix for HTML5 Tags -->
+	<!--[if lt IE 9]>
+		<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
+	<![endif]-->
+
+</head>
+<body>
+
+	<!-- container -->
+	<div class="container">
+		
+		<div class="row">
+			<div class="twelve columns">
+				<h2>Welcome to Foundation</h2>
+				<p>This is version 2.0.3 released on October 31, 2011</p>
+		
+				<hr />
+			</div>
+		</div>
+		
+		<div class="row">
+			<div class="eight columns">
+				<h3>The Grid</h3>
+				
+				<!-- Grid Example -->
+				<div class="row">
+					<div class="twelve columns">
+						<div class="panel">
+							<p>This is a twelve column section in a row. Each of these includes a div.panel element so you can see where the columns are - it's not required at all for the grid.</p>
+						</div>
+					</div>
+				</div>
+				<div class="row">
+					<div class="six columns">
+						<div class="panel">
+							<p>Six columns</p>
+						</div>
+					</div>
+					<div class="six columns">
+						<div class="panel">
+							<p>Six columns</p>
+						</div>
+					</div>
+				</div>
+				<div class="row">
+					<div class="four columns">
+						<div class="panel">
+							<p>Four columns</p>
+						</div>
+					</div>
+					<div class="four columns">
+						<div class="panel">
+							<p>Four columns</p>
+						</div>
+					</div>
+					<div class="four columns">
+						<div class="panel">
+							<p>Four columns</p>
+						</div>
+					</div>
+				</div>
+				
+				<h3>Tabs</h3>
+				<dl class="tabs">
+					<dd><a href="#simple1" class="active">Simple Tab 1</a></dd>
+					<dd><a href="#simple2">Simple Tab 2</a></dd>
+					<dd><a href="#simple3">Simple Tab 3</a></dd>
+				</dl>
+				
+				<ul class="tabs-content">
+					<li class="active" id="simple1Tab">This is simple tab 1's content. Pretty neat, huh?</li>
+					<li id="simple2Tab">This is simple tab 2's content. Now you see it!</li>
+					<li id="simple3Tab">This is simple tab 3's content. It's, you know...okay.</li>
+				</ul>
+				
+				<h3>Buttons</h3>
+				
+				<p><a href="#" class="small blue button">Small Blue Button</a></p>
+				<p><a href="#" class="blue button">Medium Blue Button</a></p>
+				<p><a href="#" class="large blue button">Large Blue Button</a></p>
+				
+				<p><a href="#" class="nice radius small blue button">Nice Blue Button</a></p>
+				<p><a href="#" class="nice radius blue button">Nice Blue Button</a></p>
+				<p><a href="#" class="nice radius large blue button">Nice Blue Button</a></p>
+
+			</div>
+
+			<div class="four columns">
+				<h4>Getting Started</h4>
+				<p>We're stoked you want to try Foundation! To get going, this file (index.html) includes some basic styles you can modify, play around with, or totally destroy to get going.</p>
+				
+				<h4>Other Resources</h4>
+				<p>Once you've exhausted the fun in this document, you should check out:</p>
+				<ul class="disc">
+					<li><a href="http://foundation.zurb.com/docs">Foundation Documentation</a><br />Everything you need to know about using the framework.</li>
+					<li><a href="http://github.com/zurb/foundation">Foundation on Github</a><br />Latest code, issue reports, feature requests and more.</li>
+					<li><a href="http://twitter.com/foundationzurb">@foundationzurb</a><br />Ping us on Twitter if you have questions. If you build something with this we'd love to see it (and send you a totally boss sticker).</li>
+				</ul>
+			</div>
+		</div>
+		
+	</div>
+	<!-- container -->
+	
+	
+
+
+	<!-- Included JS Files -->
+	<script src="javascripts/jquery.min.js"></script>
+	<script src="javascripts/jquery.reveal.js"></script>
+	<script src="javascripts/jquery.orbit-1.3.0.js"></script>
+	<script src="javascripts/forms.jquery.js"></script>
+	<script src="javascripts/jquery.customforms.js"></script>
+	<script src="javascripts/jquery.placeholder.min.js"></script>
+	<script src="javascripts/app.js"></script>
+	
+</body>
+</html>

data/templates/project/javascripts/app.js

@@ -0,0 +1,43 @@
+$(document).ready(function() {
+  
+  /* Use this js doc for all application specific JS */
+
+	/* TABS --------------------------------- */
+	/* Remove if you don't need :) */
+	
+	var tabs = $('dl.tabs');
+		tabsContent = $('ul.tabs-content')
+	
+	tabs.each(function(i) {
+		//Get all tabs
+		var tab = $(this).children('dd').children('a');
+		tab.click(function(e) {
+			
+			//Get Location of tab's content
+			var contentLocation = $(this).attr("href")
+			contentLocation = contentLocation + "Tab";
+			
+			//Let go if not a hashed one
+			if(contentLocation.charAt(0)=="#") {
+			
+				e.preventDefault();
+			
+				//Make Tab Active
+				tab.removeClass('active');
+				$(this).addClass('active');
+				
+				//Show Tab Content
+				$(contentLocation).parent('.tabs-content').children('li').css({"display":"none"});
+				$(contentLocation).css({"display":"block"});
+				
+			} 
+		});
+	});
+	
+	
+	/* PLACEHOLDER FOR FORMS ------------- */
+	/* Remove this and jquery.placeholder.min.js if you don't need :) */
+	
+	$('input, textarea').placeholder();
+	
+});

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

@@ -0,0 +1,58 @@
+/**
+ * jQuery.placeholder - Placeholder plugin for input fields
+ * Written by Blair Mitchelmore (blair DOT mitchelmore AT gmail DOT com)
+ * Licensed under the WTFPL (http://sam.zoy.org/wtfpl/).
+ * Date: 2008/10/14
+ *
+ * @author Blair Mitchelmore
+ * @version 1.0.1
+ *
+ **/
+new function($) {
+    $.fn.placeholder = function(settings) {
+        settings = settings || {};
+        var key = settings.dataKey || "placeholderValue";
+        var attr = settings.attr || "placeholder";
+        var className = settings.className || "placeholder";
+        var values = settings.values || [];
+        var block = settings.blockSubmit || false;
+        var blank = settings.blankSubmit || false;
+        var submit = settings.onSubmit || false;
+        var value = settings.value || "";
+        var position = settings.cursor_position || 0;
+
+        
+        return this.filter(":input").each(function(index) { 
+            $.data(this, key, values[index] || $(this).attr(attr)); 
+        }).each(function() {
+            if ($.trim($(this).val()) === "")
+                $(this).addClass(className).val($.data(this, key));
+        }).focus(function() {
+            if ($.trim($(this).val()) === $.data(this, key)) 
+                $(this).removeClass(className).val(value)
+                if ($.fn.setCursorPosition) {
+                  $(this).setCursorPosition(position);
+                }
+        }).blur(function() {
+            if ($.trim($(this).val()) === value)
+                $(this).addClass(className).val($.data(this, key));
+        }).each(function(index, elem) {
+            if (block)
+                new function(e) {
+                    $(e.form).submit(function() {
+                        return $.trim($(e).val()) != $.data(e, key)
+                    });
+                }(elem);
+            else if (blank)
+                new function(e) {
+                    $(e.form).submit(function() {
+                        if ($.trim($(e).val()) == $.data(e, key)) 
+                            $(e).removeClass(className).val("");
+                        return true;
+                    });
+                }(elem);
+            else if (submit)
+                new function(e) { $(e.form).submit(submit); }(elem);
+        });
+    };
+}(jQuery);

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

@@ -0,0 +1,168 @@
+/*
+ * jQuery Custom Forms Plugin 1.0
+ * www.ZURB.com
+ * Copyright 2010, ZURB
+ * Free to use under the MIT license.
+ * http://www.opensource.org/licenses/mit-license.php
+*/
+
+jQuery(document).ready(function ($) {
+  
+  function appendCustomMarkup(type) {
+    $('form.custom input:' + type).each(function () {
+      var $span = $('<span class="custom ' + type + '"></span>');
+      if ($(this).next('span.custom.' + type).length === 0) {
+        if (this.checked) {
+          $span.addClass('checked');
+        }
+        $(this)
+          .hide()
+          .after($span);
+      }
+    });
+  }
+  appendCustomMarkup('checkbox');
+  appendCustomMarkup('radio');
+  
+  $('form.custom select').each(function () {
+    var $this = $(this),
+        $customSelect = $this.next('div.custom.dropdown'),
+        $options = $this.find('option'),
+        maxWidth = 0,
+        $li;
+    
+    if ($customSelect.length === 0) {      
+      $customSelect = $('<div class="custom dropdown"><a href="#" class="selector"></a><ul></ul></div>"');
+      $options.each(function () {
+        $li = $('<li>' + $(this).html() + '</li>');
+        $customSelect.find('ul').append($li);
+      });
+      $customSelect.prepend('<a href="#" class="current">' + $options.first().html() + '</a>');
+      
+      $this.after($customSelect);
+      $this.hide();
+    }
+    
+    $options.each(function (index) {
+      if (this.selected) {
+        $customSelect.find('li').eq(index).addClass('selected');
+        $customSelect.find('.current').html($(this).html());
+      }
+    });
+    
+    $customSelect.find('li').each(function () {
+      $customSelect.addClass('open');
+      if ($(this).outerWidth() > maxWidth) {
+        maxWidth = $(this).outerWidth();
+      }
+      $customSelect.removeClass('open');
+    });
+    $customSelect.css('width', maxWidth + 18 + 'px');
+    $customSelect.find('ul').css('width', maxWidth + 16 + 'px');
+  });
+});
+
+(function ($) {
+  
+  function toggleCheckbox($element) {
+    var $input = $element.prev(),
+        input = $input[0];
+
+    input.checked = ((input.checked) ? false : true);
+    $element.toggleClass('checked');
+    
+    $input.trigger('change');
+  }
+  
+  function toggleRadio($element) {
+    var $input = $element.prev(),
+        input = $input[0];
+
+    $('input:radio[name=' + $input.attr('name') + ']').each(function () {
+      $(this).next().removeClass('checked');
+    });
+    input.checked = ((input.checked) ? false : true);
+    $element.toggleClass('checked');
+    
+    $input.trigger('change');
+  }
+  
+  $('form.custom span.custom.checkbox').live('click', function (event) {
+    event.preventDefault();
+    event.stopPropagation();
+    
+    toggleCheckbox($(this));
+  });
+  
+  $('form.custom span.custom.radio').live('click', function (event) {
+    event.preventDefault();
+    event.stopPropagation();
+    
+    toggleRadio($(this));
+  });
+  
+  $('form.custom label').live('click', function (event) {
+    var $associatedElement = $('#' + $(this).attr('for')),
+        $customCheckbox,
+        $customRadio;
+    if ($associatedElement.length !== 0) {
+      if ($associatedElement.attr('type') === 'checkbox') {
+        event.preventDefault();
+        $customCheckbox = $(this).find('span.custom.checkbox');
+        toggleCheckbox($customCheckbox);
+      } else if ($associatedElement.attr('type') === 'radio') {
+        event.preventDefault();
+        $customRadio = $(this).find('span.custom.radio');
+        toggleRadio($customRadio);
+      }
+    }
+  });
+
+  $('form.custom div.custom.dropdown a.current, form.custom div.custom.dropdown a.selector').live('click', function (event) {
+    var $this = $(this),
+        $dropdown = $this.closest('div.custom.dropdown');
+    
+    event.preventDefault();
+    $dropdown.toggleClass('open');
+    
+    if ($dropdown.hasClass('open')) {
+      $(document).bind('click.customdropdown', function (event) {
+        $dropdown.removeClass('open');
+        $(document).unbind('.customdropdown');
+      });
+    } else {
+      $(document).unbind('.customdropdown');
+    }
+  });
+  
+  $('form.custom div.custom.dropdown li').live('click', function (event) {
+    var $this = $(this),
+        $customDropdown = $this.closest('div.custom.dropdown'),
+        $select = $customDropdown.prev(),
+        selectedIndex = 0;
+        
+    event.preventDefault();
+    event.stopPropagation();
+    
+    $this
+      .closest('ul')
+      .find('li')
+      .removeClass('selected');
+    $this.addClass('selected');
+    
+    $customDropdown
+      .removeClass('open')
+      .find('a.current')
+      .html($this.html());
+    
+    $this.closest('ul').find('li').each(function (index) {
+      if ($this[0] == this) {
+        selectedIndex = index;
+      }
+      
+    });
+    $select[0].selectedIndex = selectedIndex;
+    
+    $select.trigger('change');
+  });
+})(jQuery);