zurb-foundation 3.2.5 → 4.0.0.rc1

data/templates/project/manifest.rb

@@ -1,50 +1,39 @@
 description 'Foundation Compass Gem'
 
 # Sass Files
-stylesheet 'scss/_settings.scss',                         :to => '_settings.scss'
-stylesheet 'scss/app.scss',                               :to => 'app.scss', :media => "screen, projector, print"
+file 'scss/_settings.scss',                         :to => 'scss/_settings.scss'
+file 'scss/normalize.scss',                         :to => 'scss/normalize.scss', :media => "screen, projector, print"
+file 'scss/app.scss',                               :to => 'scss/app.scss', :media => "screen, projector, print"
 
 # Make sure you list all the project template files here in the manifest.
 file 'humans.txt'
 file 'robots.txt'
 file 'MIT-LICENSE.txt'
 
-# Images exist in non-standard location so they will play nicely with
-# Rails asset-pipeline.  So this method allows us to copy images from
-# outside the compass template
-def copy_images_from(relative_path, prefix_path)
-  absolute_path = File.join(File.dirname(__FILE__), relative_path, prefix_path)
-  img_files = Dir.glob("#{absolute_path}/*.*")
-  img_files.each do |img|
-    image "#{relative_path}/#{prefix_path}/#{File.basename(img)}", 
-      :to => "#{prefix_path}/#{File.basename(img)}"
-  end
-end
-
 def copy_js_from(relative_path, prefix_path, excludes=[])
   absolute_path = File.join(File.dirname(__FILE__), relative_path, prefix_path)
   js_files = Dir.glob("#{absolute_path}/*.js")
   js_files.reject! {|f| excludes.include? File.basename(f)}
   js_files.each do |js|
-    javascript "#{relative_path}/#{prefix_path}/#{File.basename(js)}", 
-      :to => "#{prefix_path}/#{File.basename(js)}"
+    file "#{relative_path}/#{prefix_path}/#{File.basename(js)}",
+      :to => "js/#{prefix_path}/#{File.basename(js)}"
   end
   return js_files.map {|f| "#{prefix_path}/#{File.basename(f)}"}
 end
 
-copy_images_from("../../vendor/assets/images", "foundation/orbit")
-javascripts = copy_js_from("../../vendor/assets/javascripts", "foundation", ["index.js"])
+javascripts = copy_js_from("../../js", "foundation", ["index.js"])
+vendor_javascripts = copy_js_from("../../js", "vendor")
 
-javascripts.reject! do |f|   
-  [
-    "jquery.js",
-    "modernizr.foundation.js",
-    "app.js",
-    "jquery.offcanvas.js"
-  ].include?(File.basename(f))
-end
+# javascripts.reject! do |f|
+#   [
+#     "jquery.js",
+#     "modernizr.foundation.js",
+#     "app.js",
+#     "jquery.offcanvas.js"
+#   ].include?(File.basename(f))
+# end
 
-html 'index.html', :erb => true, :javascripts => javascripts
+html 'index.html', :erb => true, :javascripts => javascripts, :version => Foundation::VERSION
 
 help %Q{
 
@@ -56,4 +45,8 @@ welcome_message %Q{
 
 w00t! You're using ZURB Foundation, now go forth and rock 'n roll!
 
-}
+}
+
+file 'config.rb'
+
+no_configuration_file!

data/templates/project/scss/_settings.scss

@@ -1,245 +1,6 @@
-@import "foundation/common/ratios";
+// Settings file to override Foundation variables
 
-// Settings file containing Foundation defaults
+// You can find the variables for each component at the bottom of their
+// doc page. We tried to name them to where they'd make sense just by reading them.
+// Go to http://foundation.zurb.com/docs/ to find what you need.
 
-// Grid Settings
-
-// $rowWidth: 1000px;
-// $columnGutter: 30px;
-// $totalColumns: 12;
-// $mobileTotalColumns: 4;
-// $blockGridElements: 12; // Highest number of block grid elements, Maximum of 24 supported
-
-// Colors Settings
-
-// $mainColor: #2ba6cb;
-// $secondaryColor: #e9e9e9;
-// $alertColor: #c60f13;
-// $successColor: #5da423;
-// $txtColor: #222;
-// $highlightColor: #ffff99;
-// $black: #000;
-// $white: #fff;
-// $shinyEdge: rgba(#fff, .5);
-// $darkEdge: rgba(#000, .2);
-
-// Font Settings
-
-// $fontSmoothing: antialiased;
-// $headerFontFamily: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
-// $headerFontWeight: bold;
-// $headerFontStyle: normal;
-// $headerFontColor: #222;
-// $bodyFontFamily: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
-// $bodyFontWeight: normal;
-// $bodyFontStyle: normal;
-// $bodyFontColor: $txtColor;
-
-// Text Direction Settings
-
-// $textDirection: ltr; // Controls default global text direction, 'rtl' or 'ltr'
-
-// Button Settings
-
-// $buttonRadius: 3px;
-// $btnBase: 10px;
-
-// $tinyBtnBase: $btnBase - 5;
-// $smallBtnBase: $btnBase - 3;
-// $largeBtnBase: $btnBase + 5;
-
-// Form Settings
-
-// $formSpacing: 12px;
-// $labelFontWeight: 500;
-// $labelFontColor: lighten(#000, 30%);
-// $labelBtmMargin: 3px;
-// $inputFontColor: rgba(0,0,0,0.75);
-// $inputFontSize: 14px;
-// $inputBgColor: #fff;
-// $inputFocusBgColor: darken(#fff, 2%);
-// $inputBorderColor: darken(#fff, 20%);
-// $inputFocusBorderColor: darken(#fff, 30%);
-// $inputBorderStyle: solid;
-// $inputBorderWidth: 1px;
-// $inputBorderRadius: 2px;
-// $fieldsetBorderRadius: 3px;
-
-// Custom Form Settings
-
-// $custFormBorderColor: #ccc;
-// $custFormBgColor: #fff;
-// $custCheckColor: #222;
-// $custSelectCurrentFontColor: #141414;
-// $custSelectBgColor: #fff;
-// $custSelectBorderColor: #ddd;
-// $custSelectTriangleColor: #aaa;
-// $custSelectTriangleColorOpen: #222;
-// $custSelectDropHeight: 200px;
-// $custDropdownBgColor: #fff;
-// $custDropdownBorderColor: darken(#fff, 20%);
-// $custDropdownFontColor: #555;
-// $custDropdownSelectedBgColor: lighten(#2ba6cb, 40%);
-// $custDropdownSelectedFontColor: #000;
-// $custFormDisabledBgColor: #ddd;
-
-// Tab Settings
-
-// $tabHeight: 40px;
-// $tabTermFontSize: 12px;
-
-// Nav Bar Settings
-
-// $navBarHeight: 40px;
-// $navFlyoutBaseWidth: 250px;
-
-// Top Bar Settings
-
-// $topBarBgColor: #222;
-// $topBarHeight: 45px;
-// $topBarHeightMobile: 45px;
-// $topBarBtmMargin: 30px;
-// $topBarTitleWeight: bold;
-// $topBarTitleSize: 17px;
-// $topBarLinkColor: #fff;
-// $topBarLinkWeight: bold;
-// $topBarLinkSize: 13px;
-// $topBarDropBgColor: #222;
-// $topBarDropLinkColor: #fff;
-// $topBarDropToggleSize: 5px;
-// $topBarDropToggleColor: #fff;
-// $topBarDropToggleAlpha: 0.5;
-// $topBarSearchWidth: 200px;
-// $topBarBreakPoint: 940px; // Change to 9999px for always mobile layout
-// $topBarNavToggleSize: 8px;
-// $topBarNavToggleColor: #fff;
-
-// UI Settings
-
-// $thumbRadius: 3px;
-// $progBarHeight: 25px;
-// $progBarBorderColor: darken(#fff, 20%);
-// $progBarBorderSize: 1px;
-// $progBarPad: 2px;
-// $linkListBottomMargin: 17px -22px;
-// $tableBorderRadius: 3px;
-// $alertBorderRadius: 3px;
-
-// Tooltip Settings
-
-// $hasTipBorderBottom: dotted 1px #ccc;
-// $hasTipFontWeight: bold;
-// $hasTipFontColor: #333;
-// $hasTipBorderBottomHover: dotted 1px darken($mainColor, 20%);
-// $hasTipFontColorHover: $mainColor;
-// $tooltipBackgroundColor: #000;
-// $tooltipBackgroundOpacity: 0.85;
-// $tooltipFontSize: 12px;
-// $tooltipFontWeight: bold;
-// $tooltipFontColor: #fff;
-// $tapToCloseFontSize: 10;
-// $tapToCloseFontWeight: normal;
-// $tapToCloseFontColor: #888;
-// $tooltipFontSizeScreenSm: 14;
-// $tooltipBgOpacityScreenSm: 0.85;
-// $tooltipBorderRadius: 4px;
-
-// Pricing Table Settings
-
-// $priceTableBorder: solid 1px #ddd;
-// $priceTitleBgColor: #ddd;
-// $priceTitlePadding: 15px 20px;
-// $priceTitleAlign: center;
-// $priceTitleColor: #333;
-// $priceTitleWeight: bold;
-// $priceTitleSize: 16px;
-
-// $priceMoneyBgColor: #eee;
-// $priceMoneyPadding: 15px 20px;
-// $priceMoneyAlign: center;
-// $priceMoneyColor: #333;
-// $priceMoneyWeight: normal;
-// $priceMoneySize: 20px;
-
-// $priceBgColor: #fff;
-// $priceDescColor: #777;
-// $priceDescPadding: 15px;
-// $priceDescAlign: center;
-// $priceDescFontSize: 12px;
-// $priceDescWeight: normal;
-// $priceDescLineHeight: 1.4;
-// $priceDescBtmBorder: dotted 1px #ddd;
-
-// $priceItemColor: #333;
-// $priceItemPadding: 15px;
-// $priceItemAlign: center;
-// $priceItemFontSize: 14px;
-// $priceItemWeight: normal;
-// $priceItemBtmBorder: dotted 1px #ddd;
-
-// $priceCtaBgColor: #f5f5f5;
-// $priceCtaAlign: center;
-// $priceCtaPadding: 20px;
-
-// Orbit Settings
-
-// $orbitCaptionBgColorOldBrowser: #000;
-// $orbitCaptionBgColor: rgba(0,0,0,.6);
-// $orbitCaptionFontColor: #fff;
-// $orbitBulletNavColor: #999;
-// $orbitBulletNavColorActive: #222;
-// $orbitHasThumbBorderColor: #000;
-// $orbitHasThumbBorderWidth: 2px;
-// $orbitHasThumbBorderStyle: solid;
-// $orbitSlideNumBgColor: rgba(0,0,0,0.7);
-// $orbitSlideNumFontColor: #fff;
-// $orbitSlideNumPadding: 5px;
-
-// Clearing Settings
-
-// $clearingBg: rgba(0,0,0,0.8);
-// $clearingOldBrowserBg: rgb(0,0,0);
-// $clearingCaptionBg: rgba(0,0,0,0.7);
-// $clearingCaptionOldBrowserBg: rgb(0,0,0);
-// $clearingCaptionFontColor: #fff;
-// $clearingCloseColor: #fff;
-// $clearingArrowColor: #fff;
-// $clearingArrowSize: 16px;
-// $clearingCarouselBg: rgba(0,0,0,0.75);
-// $clearingCarouselOldBrowserBg: rgb(0,0,0);
-// $clearingCarouselHeight: 150px;
-// $clearingActiveImgHeight: 75%;
-// $clearingCarouselThumbWidth: 175px;
-// $clearingCarouselThumbActiveBorder: 4px solid rgb(255,255,255);
-// $clearingImgBg: rgba(0,0,0,0.75);
-// $clearingImgOldBrowserBg: rgb(0,0,0);
-
-// Joyride Settings
-
-// $tipBg: rgba(0,0,0,0.8);
-// $tipBgIE8: #000;
-// $tipFontColor: #fff;
-// $tipHeaderWeight: bold;
-// $tipDefaultWidth: 300px;
-// $tipBorderRadius: 4px;
-// $tipPadding: 18px 20px 24px;
-// $tipNubSize: 14px;
-// $tipFontSize: 14px;
-// $tipTimerWidth: 50px;
-// $tipTimerHeight: 3px;
-// $tipTimerBorder: solid 1px #555;
-// $tipTimerColor: #666;
-// $tipCloseColor: #777;
-// $tipCloseSize: 20px;
-// $tipCloseWeight: normal;
-// $tipScreenFill: rgba(0,0,0,0.5);
-
-// Modular Scale Settings
-
-// $ratio: $golden; // THIS IS DEFAULT IN MODULAR-SCALE
-// $baseFontSize: 14px;
-// $importantModNum: 44px;
-// $base-size: $baseFontSize $importantModNum;
-// Produced the following list of values: 14, 17, 23, 27, 37, 44, 59, 71, 95, 115;
-// http://www.modularscale.com by Tim Brown
-// https://github.com/scottkellum/modular-scale by scottkellum

data/templates/project/scss/app.scss

@@ -1,52 +1,45 @@
-// Your custom settings file to override Foundation defaults
-@import "settings";
+// Global Foundation Settings
+@import "foundation/foundation-global";
 
 // Comment out this import if you are customizing you imports below
 @import "foundation";
 
-// ----------------------------------------
 // Import specific parts of Foundation by commenting the import "foundation"
 // and uncommenting what you want below. You must uncomment the following if customizing
 
-// @import "compass/css3";
-// @import "foundation/settings";
-// @import "foundation/functions/all";
+// @import
+//   "foundation/components/grid",
+//   "foundation/components/visibility",
+//   "foundation/components/block-grid",
+//   "foundation/components/type",
+//   "foundation/components/buttons",
+//   "foundation/components/forms",
+//   "foundation/components/custom-forms",
+//   "foundation/components/button-groups",
+//   "foundation/components/dropdown-buttons",
+//   "foundation/components/split-buttons",
+//   "foundation/components/flex-video",
+//   "foundation/components/section",
+//   "foundation/components/top-bar",
+//   "foundation/components/orbit",
+//   "foundation/components/reveal",
+//   "foundation/components/joyride",
+//   "foundation/components/clearing",
+//   "foundation/components/alert-boxes",
+//   "foundation/components/breadcrumbs",
+//   "foundation/components/keystrokes",
+//   "foundation/components/labels",
+//   "foundation/components/inline-lists",
+//   "foundation/components/pagination",
+//   "foundation/components/panels",
+//   "foundation/components/pricing-tables",
+//   "foundation/components/progress-bars",
+//   "foundation/components/side-nav",
+//   "foundation/components/sub-nav",
+//   "foundation/components/switch",
+//   "foundation/components/magellan",
+//   "foundation/components/tables",
+//   "foundation/components/thumbs",
+//   "foundation/components/tooltips",
+//   "foundation/components/dropdown";
 
-// Control which mixins you have access too
-
-// @import "foundation/mixins/clearfix";
-// @import "foundation/mixins/css-triangle";
-// @import "foundation/mixins/font-size";
-
-// Must include next two for semantic grid to work
-
-// @import "foundation/mixins/respond-to";
-// @import "foundation/mixins/semantic-grid";
-
-// @import "modular-scale";
-// @import "foundation/common/globals";
-
-// Must include the grid for any responsiveness
-
-// @import "foundation/components/grid";
-
-// Control which common styles get compiled
-
-// @import "foundation/common/typography";
-// @import "foundation/common/forms";
-
-// Control which components you get if customizing
-
-// @import "foundation/components/modules/buttons";
-// @import "foundation/components/modules/tabs";
-// @import "foundation/components/modules/ui";
-// @import "foundation/components/modules/topbar";
-// @import "foundation/components/modules/navbar";
-// @import "foundation/components/modules/orbit";
-// @import "foundation/components/modules/reveal";
-// @import "foundation/components/modules/offcanvas";
-// @import "foundation/components/modules/clearing";
-// @import "foundation/components/modules/joyride";
-
-// Media Queries Overrides
-// @import "foundation/components/modules/mqueries";

data/templates/project/scss/normalize.scss

@@ -0,0 +1,396 @@
+/*! normalize.css v2.1.0 | MIT License | git.io/normalize */
+
+/* ==========================================================================
+   HTML5 display definitions
+   ========================================================================== */
+
+/**
+ * Correct `block` display not defined in IE 8/9.
+ */
+
+article,
+aside,
+details,
+figcaption,
+figure,
+footer,
+header,
+hgroup,
+main,
+nav,
+section,
+summary {
+    display: block;
+}
+
+/**
+ * Correct `inline-block` display not defined in IE 8/9.
+ */
+
+audio,
+canvas,
+video {
+    display: inline-block;
+}
+
+/**
+ * Prevent modern browsers from displaying `audio` without controls.
+ * Remove excess height in iOS 5 devices.
+ */
+
+audio:not([controls]) {
+    display: none;
+    height: 0;
+}
+
+/**
+ * Address styling not present in IE 8/9.
+ */
+
+[hidden] {
+    display: none;
+}
+
+/* ==========================================================================
+   Base
+   ========================================================================== */
+
+/**
+ * 1. Set default font family to sans-serif.
+ * 2. Prevent iOS text size adjust after orientation change, without disabling
+ *    user zoom.
+ */
+
+html {
+    font-family: sans-serif; /* 1 */
+    -webkit-text-size-adjust: 100%; /* 2 */
+    -ms-text-size-adjust: 100%; /* 2 */
+}
+
+/**
+ * Remove default margin.
+ */
+
+body {
+    margin: 0;
+}
+
+/* ==========================================================================
+   Links
+   ========================================================================== */
+
+/**
+ * Address `outline` inconsistency between Chrome and other browsers.
+ */
+
+a:focus {
+    outline: thin dotted;
+}
+
+/**
+ * Improve readability when focused and also mouse hovered in all browsers.
+ */
+
+a:active,
+a:hover {
+    outline: 0;
+}
+
+/* ==========================================================================
+   Typography
+   ========================================================================== */
+
+/**
+ * Address variable `h1` font-size and margin within `section` and `article`
+ * contexts in Firefox 4+, Safari 5, and Chrome.
+ */
+
+h1 {
+    font-size: 2em;
+    margin: 0.67em 0;
+}
+
+/**
+ * Address styling not present in IE 8/9, Safari 5, and Chrome.
+ */
+
+abbr[title] {
+    border-bottom: 1px dotted;
+}
+
+/**
+ * Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
+ */
+
+b,
+strong {
+    font-weight: bold;
+}
+
+/**
+ * Address styling not present in Safari 5 and Chrome.
+ */
+
+dfn {
+    font-style: italic;
+}
+
+/**
+ * Address differences between Firefox and other browsers.
+ */
+
+hr {
+    -moz-box-sizing: content-box;
+    box-sizing: content-box;
+    height: 0;
+}
+
+/**
+ * Address styling not present in IE 8/9.
+ */
+
+mark {
+    background: #ff0;
+    color: #000;
+}
+
+/**
+ * Correct font family set oddly in Safari 5 and Chrome.
+ */
+
+code,
+kbd,
+pre,
+samp {
+    font-family: monospace, serif;
+    font-size: 1em;
+}
+
+/**
+ * Improve readability of pre-formatted text in all browsers.
+ */
+
+pre {
+    white-space: pre-wrap;
+}
+
+/**
+ * Set consistent quote types.
+ */
+
+q {
+    quotes: "\201C" "\201D" "\2018" "\2019";
+}
+
+/**
+ * Address inconsistent and variable font size in all browsers.
+ */
+
+small {
+    font-size: 80%;
+}
+
+/**
+ * Prevent `sub` and `sup` affecting `line-height` in all browsers.
+ */
+
+sub,
+sup {
+    font-size: 75%;
+    line-height: 0;
+    position: relative;
+    vertical-align: baseline;
+}
+
+sup {
+    top: -0.5em;
+}
+
+sub {
+    bottom: -0.25em;
+}
+
+/* ==========================================================================
+   Embedded content
+   ========================================================================== */
+
+/**
+ * Remove border when inside `a` element in IE 8/9.
+ */
+
+img {
+    border: 0;
+}
+
+/**
+ * Correct overflow displayed oddly in IE 9.
+ */
+
+svg:not(:root) {
+    overflow: hidden;
+}
+
+/* ==========================================================================
+   Figures
+   ========================================================================== */
+
+/**
+ * Address margin not present in IE 8/9 and Safari 5.
+ */
+
+figure {
+    margin: 0;
+}
+
+/* ==========================================================================
+   Forms
+   ========================================================================== */
+
+/**
+ * Define consistent border, margin, and padding.
+ */
+
+fieldset {
+    border: 1px solid #c0c0c0;
+    margin: 0 2px;
+    padding: 0.35em 0.625em 0.75em;
+}
+
+/**
+ * 1. Correct `color` not being inherited in IE 8/9.
+ * 2. Remove padding so people aren't caught out if they zero out fieldsets.
+ */
+
+legend {
+    border: 0; /* 1 */
+    padding: 0; /* 2 */
+}
+
+/**
+ * 1. Correct font family not being inherited in all browsers.
+ * 2. Correct font size not being inherited in all browsers.
+ * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome.
+ */
+
+button,
+input,
+select,
+textarea {
+    font-family: inherit; /* 1 */
+    font-size: 100%; /* 2 */
+    margin: 0; /* 3 */
+}
+
+/**
+ * Address Firefox 4+ setting `line-height` on `input` using `!important` in
+ * the UA stylesheet.
+ */
+
+button,
+input {
+    line-height: normal;
+}
+
+/**
+ * Address inconsistent `text-transform` inheritance for `button` and `select`.
+ * All other form control elements do not inherit `text-transform` values.
+ * Correct `button` style inheritance in Chrome, Safari 5+, and IE 8+.
+ * Correct `select` style inheritance in Firefox 4+ and Opera.
+ */
+
+button,
+select {
+    text-transform: none;
+}
+
+/**
+ * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
+ *    and `video` controls.
+ * 2. Correct inability to style clickable `input` types in iOS.
+ * 3. Improve usability and consistency of cursor style between image-type
+ *    `input` and others.
+ */
+
+button,
+html input[type="button"], /* 1 */
+input[type="reset"],
+input[type="submit"] {
+    -webkit-appearance: button; /* 2 */
+    cursor: pointer; /* 3 */
+}
+
+/**
+ * Re-set default cursor for disabled elements.
+ */
+
+button[disabled],
+html input[disabled] {
+    cursor: default;
+}
+
+/**
+ * 1. Address box sizing set to `content-box` in IE 8/9.
+ * 2. Remove excess padding in IE 8/9.
+ */
+
+input[type="checkbox"],
+input[type="radio"] {
+    box-sizing: border-box; /* 1 */
+    padding: 0; /* 2 */
+}
+
+/**
+ * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
+ * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
+ *    (include `-moz` to future-proof).
+ */
+
+input[type="search"] {
+    -webkit-appearance: textfield; /* 1 */
+    -moz-box-sizing: content-box;
+    -webkit-box-sizing: content-box; /* 2 */
+    box-sizing: content-box;
+}
+
+/**
+ * Remove inner padding and search cancel button in Safari 5 and Chrome
+ * on OS X.
+ */
+
+input[type="search"]::-webkit-search-cancel-button,
+input[type="search"]::-webkit-search-decoration {
+    -webkit-appearance: none;
+}
+
+/**
+ * Remove inner padding and border in Firefox 4+.
+ */
+
+button::-moz-focus-inner,
+input::-moz-focus-inner {
+    border: 0;
+    padding: 0;
+}
+
+/**
+ * 1. Remove default vertical scrollbar in IE 8/9.
+ * 2. Improve readability and alignment in all browsers.
+ */
+
+textarea {
+    overflow: auto; /* 1 */
+    vertical-align: top; /* 2 */
+}
+
+/* ==========================================================================
+   Tables
+   ========================================================================== */
+
+/**
+ * Remove most spacing between table cells.
+ */
+
+table {
+    border-collapse: collapse;
+    border-spacing: 0;
+}