ZURB-foundation 2.1.3.3 → 2.1.4

data/stylesheets/ZURB/_ui.sass

@@ -1,117 +1,17 @@
-@import includes/settings
-@import includes/mixins
-@import includes/colors
-/* Table of Content */
-/* :: Buttons */
-/* :: Notices/Alerts */
-/* :: tabs */
-/* :: Pagination */
-/* :: Lists */
-/* :: Panels */
-/* :: Nav */
-/* :: Video */
-/* :: Microformats */
+// Table of Contents:
+//
+// Notices and Alerts
+// Tabs
+// Pagination
+// Lists
+// Panels
+// Nav
+// Video
+// Microformats
 
-/* Buttons */
-.button
-  background: $blue
-  display: inline-block
-  text-align: center
-  padding: 9px 34px 11px
-  color: $white
-  text-decoration: none
-  font-weight: bold
-  +HelveticaFontStack
-  line-height: 1
-  position: relative
-  cursor: pointer
-  border: none
-  &.nice
-    background-color: $blue
-    +background-image(linear-gradient(rgba(255,255,255,0.2) 0%, rgba(255,255,255,0.2) 50%, rgba(0,0,0,0) 51%, rgba(0,0,0,0) 100%))
-    +box-shadow(0 1px 0 rgba(255,255,255,0.5) inset)
-    text-shadow: 0 -1px 1px rgba(0,0,0,0.28)
-    border: solid 1px darken($blue, 7%)
-    +transition-property(background-color)
-    +transition-duration(.15s)
-    +transition-timing-function(ease-in-out)
-  &.radius
-    +border-radius(3px)
-  &.round
-    +border-radius(1000)
-  &.full-width
-    width: 100%
-    padding-left: 0 !important
-    padding-right: 0 !important
-    text-align: center
-  &.left-align
-    text-align: left
-    text-indent: 12px
-
-input[type=submit].button
-  -webkit-appearance: none
-
-/* Sizes */
-.button
-  &.small
-    +font-size(11)
-    padding: 8px 20px 10px
-    width: auto
-  &.medium
-    +font-size(13)
-    width: auto
-  &.large
-    +font-size(18)
-    padding: 11px 48px 13px
-    width: auto
-/* Colors */
-.button
-  &.blue
-    background-color: $blue
-  &.red
-    background-color: $red
-  &.white
-    background-color: #e9e9e9
-    color: #333
-  &.black
-    background-color: $black
-/* Nice Colors */
-.nice
-  &.button
-    &.blue
-      border: solid 1px darken($blue, 7%)
-    &.red
-      border: solid 1px darken($red, 7%)
-    &.white
-      border: solid 1px darken($white, 14%)
-      text-shadow: none !important
-    &.black
-      border: solid 1px darken($black, 7%)
-/* Hovers */
-.button
-  &:hover, &:focus
-    background-color: darken($blue, 5%)
-    color: #fff
-  &.blue
-    &:hover, &:focus
-      background-color: darken($blue, 5%)
-  &.red
-    &:hover, &:focus
-      background-color: darken($red, 5%)
-  &.white
-    &:hover, &:focus
-      background-color: darken($white, 12%)
-      color: #333
-  &.black
-    &:hover, &:focus
-      background-color: darken($black, 5%)
+// Alerts
+//----------------------------------------------------------------------------------------------------
 
-/* Disabled */
-.button.disabled, .button[disabled]
-  +opacity(0.6)
-  cursor: default
-
-/* Alerts */
 div.alert-box
   display: block
   padding: 6px 7px
@@ -146,7 +46,9 @@ div.alert-box
     &:hover, &:focus
       +opacity(0.4)
 
-/* Tabs */
+// Tabs
+//----------------------------------------------------------------------------------------------------
+
 dl.tabs
   display: block
   margin: 0 0 20px
@@ -186,6 +88,8 @@ dl.tabs
         background: #fff
         border-width: 1px 1px 0 1px
         height: 30px
+
+// Nice tabs
 .nice
   &.tabs
     border-bottom: solid 1px #eee
@@ -211,6 +115,8 @@ dl.tabs
       &:first-child
         a.active
           margin-left: 0
+
+// Vertical tabs
 dl.tabs.vertical
   height: auto
 dl.tabs.vertical dt, dl.tabs.vertical dd, dl.nice.tabs.vertical dt, dl.nice.tabs.vertical dd
@@ -233,6 +139,8 @@ dl.tabs.vertical dd a
     margin: 0
     border-width: 1px 0 0
     background: $white
+
+// Nice tabs vertical
 .nice.tabs.vertical
   border-bottom: solid 1px #eee
   height: auto
@@ -283,7 +191,9 @@ ul.nice.contained.tabs-content
   &>li
     border-color: #eee
   
-/* Pagination */
+// Pagination
+//----------------------------------------------------------------------------------------------------
+
 ul.pagination
   display: block
   height: 24px
@@ -311,7 +221,9 @@ ul.pagination
         a
           border-bottom: none
 
-/* Lists */
+// Lists
+//----------------------------------------------------------------------------------------------------
+
 ul.nice, ol.nice
   list-style: none
   margin: 0
@@ -324,7 +236,9 @@ ul.nice li span.bullet, ol.nice li span.number
   top: 0
   color: #ccc
 
-/* Panels */
+// Panels
+//----------------------------------------------------------------------------------------------------
+
 div.panel 
   padding: 20px 20px 2px 20px
   background-color: #efefef
@@ -332,7 +246,9 @@ div.panel
   +box-shadow(0 2px 5px rgba(0,0,0,0.15))
   margin: 0 0 20px 0
   
-/* Nav Bar with Dropdowns */
+// Nav Bar with Dropdowns
+//----------------------------------------------------------------------------------------------------
+
 .nav-bar
   height: 45px
   background: #fff
@@ -404,9 +320,11 @@ div.panel
   p:last-child
     margin-bottom: 0
 
-/* Video */
-/* Mad props to http://www.alistapart.com/articles/creating-intrinsic-ratios-for-video/ */
-.video
+// Video
+//----------------------------------------------------------------------------------------------------
+// Mad props to http://www.alistapart.com/articles/creating-intrinsic-ratios-for-video/
+
+.flex-video
   position: relative
   padding-top: 25px
   padding-bottom: 67.5%
@@ -424,8 +342,10 @@ div.panel
     width: 100%
     height: 100%
 
-/* Microformats */
-/* hcard */
+// Microformats
+//----------------------------------------------------------------------------------------------------
+
+// hcard
 ul.vcard
   display: inline-block
   margin: 0 0 12px 0
@@ -437,6 +357,8 @@ ul.vcard
     &.fn
       font-weight: bold
       +font-size(15)
+
+// vevent
 p.vevent span.summary
   font-weight: bold
 p.vevent abbr 
@@ -444,4 +366,4 @@ p.vevent abbr
   text-decoration: none
   font-weight: bold
   border: none
-  padding: 0 1px
+  padding: 0 1px

data/stylesheets/ZURB/includes/_colors.sass

@@ -5,4 +5,8 @@ $blue: #00a6fc
 $white: #fff
 $black: #000
 $red: #e91c21
-$black: #141414
+$orange: #cc4714
+$yellow: #ff0
+$black: #141414
+
+$default-color: $blue !default

data/stylesheets/ZURB/includes/_mixins.sass

@@ -1,16 +1,17 @@
-// Compass, importing CSS3 mixins and it's utilities
+// Compass imports
 //----------------------------------------------------------------------------------------------------
 
 @import compass/css3
 @import compass/utilities
 
-// Font stacks
+// Font stack
 //----------------------------------------------------------------------------------------------------
 
 @mixin HelveticaFontStack
-  font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif
+  font-family: $helvetica-font-stack
 
 // Font size mixin to include px and rem
+//----------------------------------------------------------------------------------------------------
 
 @mixin font-size($size, $is-important: false)
   @if $is-important
@@ -20,13 +21,16 @@
     font-size: $size + px 
     font-size: ($size / 10) + rem
 
-// WebKit: font-smoothing
-// Values: none, antialiased (default), subpixel-antialiased
-//
+// WebKit font-smoothing
+//----------------------------------------------------------------------------------------------------
+
 // References:
 //
 // 1. http://maxvoltar.com/sandbox/fontsmoothing/
 // 2. http://maxvoltar.com/archive/-webkit-font-smoothing
+//
+// Values: none, antialiased (default), subpixel-antialiased
+//
 
 @mixin font-smoothing($value: antialiased)
   -webkit-font-smoothing: $value

data/stylesheets/ZURB/includes/_settings.sass

@@ -1,5 +1,45 @@
-// Setttings to configure any needed vars that are global to Foundation
+// `Global Foundation vars
 //----------------------------------------------------------------------------------------------------
 
-$experimental-support-for-khtml: false
-$experimental-support-for-microsoft: false
+//
+// This file contains global variables and settings for Foundation
+// When adding new variables, be sure to use `!default` to allow over-riding at the project level
+//
+
+// Compass experimental support setttings
+//----------------------------------------------------------------------------------------------------
+
+$experimental-support-for-khtml: false !default
+$experimental-support-for-microsoft: false !default
+
+// Font stacks
+//----------------------------------------------------------------------------------------------------
+
+$helvetica-font-stack: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif
+
+// Default body tag variables
+//----------------------------------------------------------------------------------------------------
+
+$body-font-size: 13 !default
+$body-font-family: $helvetica-font-stack !default
+$body-background: #fff !default
+$body-line-height: 18px !default
+$body-color: #555 !default
+
+// Grid settings
+//----------------------------------------------------------------------------------------------------
+
+$grid-max-width: 980px !default
+$grid-min-width: 727px !default
+$support-block-grid-nth-child: false !default
+
+// Button settings
+//----------------------------------------------------------------------------------------------------
+
+$button-transition-duration: .25s !default
+
+// Orbit settings
+//----------------------------------------------------------------------------------------------------
+
+$orbit-slider-id: featured !default
+$include-default-orbit-slider-id: true !default

data/stylesheets/_ZURB-foundation.sass

@@ -0,0 +1,13 @@
+// Shared
+@import ZURB/includes
+
+// Foundation parts
+@import ZURB/globals
+@import ZURB/typography
+@import ZURB/grid
+@import ZURB/buttons
+@import ZURB/ui
+@import ZURB/forms
+@import ZURB/orbit
+@import ZURB/reveal
+@import ZURB/mobile

data/templates/project/index.html

@@ -14,16 +14,6 @@
 	<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]>
@@ -45,7 +35,7 @@
 		<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>
+				<p>This is version 2.1.4 released on January 07, 2011</p>
 		
 				<hr />
 			</div>
@@ -140,6 +130,7 @@
 
 	<!-- Included JS Files -->
 	<script src="javascripts/jquery.min.js"></script>
+	<script src="javascripts/modernizr.foundation.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>

data/templates/project/javascripts/app.js

@@ -29,10 +29,11 @@ $(document).ready(function () {
 	if (window.location.hash) {
 		activateTab($('a[href="' + window.location.hash + '"]'));
 	}
-	
+
 	/* ALERT BOXES ------------ */
-	$(".alert-box").delegate("a.close", "click", function() {
-	  $(this).closest(".alert-box").fadeOut(function(){
+	$(".alert-box").delegate("a.close", "click", function(event) {
+    event.preventDefault();
+	  $(this).closest(".alert-box").fadeOut(function(event){
 	    $(this).remove();
 	  });
 	});
@@ -50,43 +51,41 @@ $(document).ready(function () {
 //	$('.block-grid.three-up>li:nth-child(3n+1)').css({clear: 'left'});
 //	$('.block-grid.four-up>li:nth-child(4n+1)').css({clear: 'left'});
 //	$('.block-grid.five-up>li:nth-child(5n+1)').css({clear: 'left'});
-	
-	
-	
+
+
+
 	/* DROPDOWN NAV ------------- */
-	/*
-	$('.nav-bar li a, .nav-bar li a:after').each(function() {
+
+	var currentFoundationDropdown = null;
+	$('.nav-bar li a').each(function() {
 		$(this).data('clicks', 0);
 	});
-	$('.nav-bar li a, .nav-bar li a:after').bind('touchend click', function(e){
-		e.stopPropagation();
+	$('.nav-bar li a').on('click', function(e) {
 		e.preventDefault();
-		var f = $(this).siblings('.flyout');
+		if (currentFoundationDropdown !== $(this).index() || currentFoundationDropdown === null) {
+			$(this).data('clicks', 0);
+			currentFoundationDropdown = $(this).index();
+		}
 		$(this).data('clicks', ($(this).data('clicks') + 1));
-		if (!f.is(':visible') && f.length > 0) {
+		var f = $(this).siblings('.flyout');
+		if (!f.is(':visible') && $(this).parent('.has-flyout').length > 1) {
 			$('.nav-bar li .flyout').hide();
 			f.show();
-		}
-	});
-	$('.nav-bar li a, .nav-bar li a:after').bind(' touchend click', function(e) {
-		e.stopPropagation();
-		e.preventDefault();
-		if ($(this).data('clicks') > 1) {
+		} else if (($(this).data('clicks') > 1) || ($(this).parent('.has-flyout').length < 1)) {
 			window.location = $(this).attr('href');
 		}
 	});
-	$('.nav-bar').bind('touchend click', function(e) {
+	$('.nav-bar').on('click', function(e) {
 		e.stopPropagation();
-		if (!$(e.target).parents('.nav-bar li .flyout') || $(e.target) != $('.nav-bar li .flyout')) {
+		if ($(e.target).parents().is('.flyout') || $(e.target).is('.flyout')) {
 			e.preventDefault();
 		}
 	});
-	$('body').bind('touchend', function(e) {
-		if (!$(e.target).parents('.nav-bar li .flyout') || $(e.target) != $('.nav-bar li .flyout')) {
-			$('.nav-bar li .flyout').hide();
-		}
-	});
-	*/
+	// $('body').bind('touchend', function(e) {
+	// 	if (!$(e.target).parents().is('.nav-bar') || !$(e.target).is('.nav-bar')) {
+	// 		$('.nav-bar li .flyout').is(':visible').hide();
+	// 	}
+	// });
 
 	/* DISABLED BUTTONS ------------- */
 	/* Gives elements with a class of 'disabled' a return: false; */