zurb-foundation 3.2.5 → 4.0.0.rc1

data/docs/config.ru

@@ -0,0 +1,12 @@
+require 'sprockets'
+require 'sass'
+
+map '/assets' do
+  environment = Sprockets::Environment.new
+  environment.append_path File.expand_path('../../scss', __FILE__)
+  environment.append_path File.expand_path('../css', __FILE__)
+  environment.append_path File.expand_path('../../test/js', __FILE__)
+  environment.append_path File.expand_path('../../js', __FILE__)
+  environment.append_path File.expand_path('../js', __FILE__)
+  run environment
+end

data/docs/config/deploy.rb

@@ -0,0 +1,33 @@
+# use local key for authentication
+ssh_options[:forward_agent] = true
+default_run_options[:pty] = true
+
+set :application, "foundation"
+set :repository,  "git@github.com:zurb/#{application}.git"
+set :user, application
+set :deploy_to, "/var/www/foundation-docs"
+set :deploy_via, :remote_cache
+set :use_sudo, false
+set :branch, "4.0-wip"
+set :bundle_gemfile, "docs/Gemfile"
+
+set :scm, :git
+
+server 'foundation.zurb.com', :web
+
+after "deploy:update_code", "deploy:generate_static_site"
+set :keep_releases, 3
+after "deploy:update", "deploy:cleanup"
+
+namespace :deploy do
+  task :default do
+    update
+  end
+  
+  task :generate_static_site do
+    run "cd #{release_path}/docs && bundle exec ruby #{release_path}/docs/compile.rb"
+  end
+
+end
+
+require "bundler/capistrano"

data/docs/controller.rb

@@ -0,0 +1,43 @@
+require 'socket'
+layout 'layout.html.erb'
+
+ignore /css\//
+ignore /js\//
+ignore /.+.md/
+ignore /Gemfile.*/
+ignore /Procfile/
+ignore /compile.rb/
+
+helpers do
+  def asset_path
+    if Socket.gethostname == "foundation"
+      "http://foundation4.zurb.com/docs/assets"
+    else
+      "http://#{Socket.ip_address_list.detect{|intf| intf.ipv4_private?}.getnameinfo[0]}:4001/assets"
+    end
+  end
+
+  def code_example(code, lang=:ruby)
+    "<div class='#{lang}'>" + CodeRay.scan(code, lang).div(:css => :class) + "</div>"
+  end
+  
+  def foundation_home_path
+    '/'
+  end
+  
+  def features_path
+    '/grid.php'
+  end
+  
+  def add_ons_path
+    '/templates.php'
+  end
+  
+  def case_studies_path
+    '/case-jacquelinewest.php'
+  end
+  
+  def docs_path
+    '/docs/'
+  end
+end

data/docs/css/_coderay.scss

@@ -0,0 +1,116 @@
+
+/* CodeRay Syntax Highlighting Styles to match Github */
+.CodeRay {
+  background-color: #eee;
+  border: 1px solid #CCC;
+  font-family: 'Consolas', 'Liberation Mono', Courier, monospace;
+  color: #000;
+  padding: .8em 0 .8em .8em;
+  margin-bottom: 1.3em;
+  overflow: auto;
+}
+
+.CodeRay pre {
+  margin: 0px;
+  font-size: .9em;
+  line-height: 1.4em;
+  white-space: pre;
+}
+
+table.CodeRay { border-collapse: collapse; width: 100%; padding: 2px }
+table.CodeRay td {
+  padding: 1em 0.5em;
+  vertical-align: top;
+}
+
+.CodeRay .code { width: 100% }
+
+.CodeRay .debug { color:white !important; background:blue !important; }
+
+.CodeRay .annotation { color:#007 }
+.CodeRay .attribute-name { color:#f08 }
+.CodeRay .attribute-value { color:#700 }
+.CodeRay .binary { color:#509; }
+.CodeRay .comment  { color:#998; font-style: italic;}
+.CodeRay .char { color:#04D }
+.CodeRay .char .content { color:#04D }
+.CodeRay .char .delimiter { color:#039 }
+.CodeRay .class { color:#458; }
+.CodeRay .complex { color:#A08; }
+.CodeRay .constant { color:teal; }
+.CodeRay .color { color:#0A0 }
+.CodeRay .class-variable { color:#369 }
+.CodeRay .decorator { color:#B0B; }
+.CodeRay .definition { color:#099; }
+.CodeRay .directive { color:#088; }
+.CodeRay .delimiter { color:black }
+.CodeRay .doc { color:#970 }
+.CodeRay .doctype { color:#34b }
+.CodeRay .doc-string { color:#D42; }
+.CodeRay .escape  { color:#666; }
+.CodeRay .entity { color:#800; }
+.CodeRay .error { color: #808; }
+.CodeRay .exception { color:#C00; }
+.CodeRay .filename { color:#099; }
+.CodeRay .function { color:#900; }
+.CodeRay .global-variable { color:teal; }
+.CodeRay .hex { color:#058; }
+.CodeRay .integer  { color:#099; }
+.CodeRay .include { color:#B44; }
+.CodeRay .inline { color: black }
+.CodeRay .inline .inline { background: #ccc }
+.CodeRay .inline .inline .inline { background: #bbb }
+.CodeRay .inline .inline-delimiter { color: #D14; }
+.CodeRay .inline-delimiter { color: #D14; }
+.CodeRay .important { color:#f00; }
+.CodeRay .interpreted { color:#B2B; }
+.CodeRay .instance-variable { color:teal }
+.CodeRay .label { color:#970; }
+.CodeRay .local-variable { color:#963 }
+.CodeRay .octal { color:#40E; }
+.CodeRay .predefined { color:#369; }
+.CodeRay .preprocessor { color:#579; }
+.CodeRay .pseudo-class { color:#00C; }
+.CodeRay .predefined-type { color:#074; }
+.CodeRay .reserved, .keyword  { color:#000; }
+
+.CodeRay .key { color: #808; }
+.CodeRay .key .delimiter { color: #606; }
+.CodeRay .key .char { color: #80f; }
+.CodeRay .value { color: #088; }
+
+.CodeRay .regexp { background-color:#fff0ff }
+.CodeRay .regexp .content { color:#808 }
+.CodeRay .regexp .delimiter { color:#404 }
+.CodeRay .regexp .modifier { color:#C2C }
+.CodeRay .regexp .function  { color:#404; font-weight: bold }
+
+.CodeRay .string { color: #D20; }
+.CodeRay .string .string { }
+.CodeRay .string .string .string { background-color:#ffd0d0 }
+.CodeRay .string .content { color: #D14; }
+.CodeRay .string .char { color: #D14; }
+.CodeRay .string .delimiter { color: #D14; }
+
+.CodeRay .shell { color:#D14 }
+.CodeRay .shell .content { }
+.CodeRay .shell .delimiter { color:#D14 }
+
+.CodeRay .symbol { color:#990073 }
+.CodeRay .symbol .content { color:#A60 }
+.CodeRay .symbol .delimiter { color:#630 }
+
+.CodeRay .tag, .CodeRay .attribute-name { color:#070 }
+.CodeRay .tag-special { color:#D70; }
+.CodeRay .type { color:#339; }
+.CodeRay .variable  { color:#036 }
+
+.CodeRay .insert { background: #afa; }
+.CodeRay .delete { background: #faa; }
+.CodeRay .change { color: #aaf; background: #007; }
+.CodeRay .head { color: #f8f; background: #505 }
+
+.CodeRay .insert .insert { color: #080; }
+.CodeRay .delete .delete { color: #800; }
+.CodeRay .change .change { color: #66f; }
+.CodeRay .head .head { color: #f4f; }

data/docs/css/_settings.scss

@@ -0,0 +1 @@
+$row-width: 70em;

data/docs/css/docs.scss

@@ -0,0 +1,174 @@
+@import "settings";
+@import "foundation";
+@import "coderay";
+
+/* Documentation Overrides */
+
+/* Coderay styles */
+.html, .css, .scss, .js { position: relative; }
+
+.CodeRay:before {
+  position: absolute;
+  top: 6px;
+  right: 6px;
+  display: block;
+  color: #ccc;
+  font-size: .75em;
+}
+.html > .CodeRay:before { content: "HTML"; }
+.css > .CodeRay:before { content: "SCSS"; }
+.js > .CodeRay:before { content: "JS"; }
+
+
+/* Docs Footer Styles */
+.row.full-width {
+  max-width: 100%;
+}
+footer.row.full-width {
+  padding-top: 30px;
+  border-top: solid 1px #ddd;
+  font-size: 14px;
+}
+
+#copyright {
+  background: #3f3f3f;
+  color: #fff;
+  padding: 11px 0;
+  margin-top: 30px;
+
+  a {
+    color: #fff;
+    font-size: 14px;
+  }
+
+  p,
+  ul { margin-bottom: 0; }
+}
+
+
+
+/* Alert Docs */
+.alert-base {
+  @include alert-base;
+
+  &.bg { @include alert-style; }
+  &.custom-bg { @include alert-style(#ff6c3c); }
+  &.radius { @include radius; }
+  .close { @include alert-close; }
+}
+
+/* Breadcrumb Docs */
+.crumb-container {
+  @include crumb-container;
+  &.radius { @include radius; }
+  &.crumbs li { @include crumbs; }
+}
+
+/* Button Docs */
+.buttony.custom { @include button(1.1em, #FF94CB, 20px); }
+
+.button-base {
+  @include button-base;
+  &.size { @include button-size; }
+  &.style { @include button-style; }
+  &.shine { @include single-transition(background-color); @include radius; @include inset-shadow(); }
+}
+
+/* Button Group Docs */
+.button-group-docs {
+  @include button-group-container;
+  .button-class { @include button; }
+  &.list li { @include button-group-style; }
+  &.extras {
+    li { @include button-group-style(true); }
+    .button-class { @include inset-shadow; @include single-transition(background-color); }
+  }
+}
+
+/* Clearing Docs */
+.clearing-thumbs { list-style: none;
+  li { float: left; margin-right: 10px; }
+}
+
+/* Forms Docs */
+.attached-label {
+  @include prefix-postfix-base;
+  @include grid-column($columns:3,$float:left);
+  &.style { @include prefix; }
+  &.custom { @include prefix(orange); }
+}
+
+input[type="text"].attached-input {
+  @include grid-column($columns:9);
+}
+
+/* Dropdown Buttons Docs */
+.customized-dropdown-docs {
+  @include button;
+  @include dropdown-button;
+  @include radius;
+  @include single-transition;
+  @include inset-shadow;
+}
+
+/* Keystroke Docs */
+.custom-keystroke kbd { @include keystroke(orange);}
+
+/* Label Docs */
+.label-custom {
+  @include label(0 10px,11px,pink,6px);
+}
+
+/* Panels Docs */
+.panel-custom { @include panel(pink,40px); }
+
+/* Progress Bar Docs */
+.progress-custom {
+  @include progress-container;
+  @include radius(6px);
+  & > span {
+    @include progress-meter(pink);
+    @include radius(5px);
+  }
+}
+
+/* Side Nav Docs */
+.side-nav-custom { @include side-nav(darken(orange, 20%),16px,orange); }
+
+/* Sub Nav Docs */
+.sub-nav-custom { @include sub-nav(orange,11px,orange); }
+
+/* Thumbs Docs */
+.th-custom {
+  @include thumb(10px,0 0 0 2px black, 0 0 10px 2px rgba(orange,0.5));
+  @include radius(6);
+  @include single-transition(all,400ms,ease-in);
+}
+
+/* Grid Docs */
+#masthead { @include grid-row; @include panel;
+  & > hgroup { @include grid-column(4, $float:left); }
+  & > section { @include grid-column(8, $float:left); }
+}
+
+/* Switch Docs */
+.switch-custom { @include switch(700ms, ease-in-out, 50px, 18px, 2.6em, #888, lighten(yellow, 30%), lighten(red, 40%)); }
+.switch-custom-base { @include switch-base;
+  &.size { @include switch-size; }
+  &.style { @include switch-style; }
+}
+
+/* ZURBjobs */
+.jobs {
+  border: 1px solid #eee;
+  padding: 10px 20px 20px;
+  font-size: 14px;
+  line-height: 1.1;
+  ul { list-style: none;
+    li { margin-bottom: 10px; }
+  }
+  .location {
+    display: block;
+    color: #555;
+  }
+}

data/docs/css/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;
+}