Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with
or
.
Download ZIP
Browse files

added rails/compass gem code

  • Loading branch information...
commit 774be8e364bd6047495f1a8cef3d82f0faf3b53f 1 parent b3e6787
@mhayes mhayes authored
Showing with 4,090 additions and 0 deletions.
  1. +4 −0 Gemfile
  2. +30 −0 Gemfile.lock
  3. +22 −0 LICENSE
  4. +29 −0 README.md
  5. +2 −0  Rakefile
  6. +23 −0 foundation.gemspec
  7. +12 −0 lib/foundation.rb
  8. +5 −0 lib/foundation/engine.rb
  9. +8 −0 lib/foundation/sass_script_functions.rb
  10. +3 −0  lib/foundation/version.rb
  11. BIN  pkg/foundation-3.0.0.alpha1.gem
  12. BIN  pkg/foundation-3.0.0.alpha2.gem
  13. BIN  pkg/foundation-3.0.0.alpha3.gem
  14. BIN  pkg/foundation-3.0.0.alpha4.gem
  15. BIN  pkg/foundation-3.0.0.alpha5.gem
  16. BIN  pkg/foundation-3.0.0.alpha6.gem
  17. BIN  pkg/foundation-3.0.0.alpha7.gem
  18. BIN  pkg/foundation-3.0.0.alpha8.gem
  19. +13 −0 stylesheets/_foundation.sass
  20. +134 −0 stylesheets/foundation/_buttons.sass
  21. +299 −0 stylesheets/foundation/_forms.sass
  22. +156 −0 stylesheets/foundation/_globals.sass
  23. +208 −0 stylesheets/foundation/_grid.sass
  24. +382 −0 stylesheets/foundation/_mobile.sass
  25. +208 −0 stylesheets/foundation/_orbit.sass
  26. +94 −0 stylesheets/foundation/_reveal.sass
  27. +3 −0  stylesheets/foundation/_shared.sass
  28. +137 −0 stylesheets/foundation/_typography.sass
  29. +544 −0 stylesheets/foundation/_ui.sass
  30. +13 −0 stylesheets/foundation/shared/_colors.sass
  31. +36 −0 stylesheets/foundation/shared/_mixins.sass
  32. +45 −0 stylesheets/foundation/shared/_settings.sass
  33. +44 −0 templates/project/.gitignore
  34. +20 −0 templates/project/MIT-LICENSE.txt
  35. +8 −0 templates/project/humans.txt
  36. BIN  templates/project/images/misc/button-gloss.png
  37. BIN  templates/project/images/misc/button-overlay.png
  38. BIN  templates/project/images/misc/custom-form-sprites.png
  39. BIN  templates/project/images/misc/input-bg-outset.png
  40. BIN  templates/project/images/misc/input-bg.png
  41. BIN  templates/project/images/misc/modal-gloss.png
  42. BIN  templates/project/images/misc/table-sorter.png
  43. BIN  templates/project/images/orbit/bullets.jpg
  44. BIN  templates/project/images/orbit/left-arrow.png
  45. BIN  templates/project/images/orbit/loading.gif
  46. BIN  templates/project/images/orbit/mask-black.png
  47. BIN  templates/project/images/orbit/pause-black.png
  48. BIN  templates/project/images/orbit/right-arrow.png
  49. BIN  templates/project/images/orbit/rotator-black.png
  50. BIN  templates/project/images/orbit/timer-black.png
  51. +151 −0 templates/project/index.html
  52. +93 −0 templates/project/javascripts/app.js
  53. +256 −0 templates/project/javascripts/jquery.customforms.js
  54. +4 −0 templates/project/javascripts/jquery.min.js
  55. +629 −0 templates/project/javascripts/jquery.orbit-1.4.0.js
  56. +2 −0  templates/project/javascripts/jquery.placeholder.min.js
  57. +152 −0 templates/project/javascripts/jquery.reveal.js
  58. +150 −0 templates/project/javascripts/jquery.tooltips.js
  59. +4 −0 templates/project/javascripts/modernizr.foundation.js
  60. +52 −0 templates/project/manifest.rb
  61. +4 −0 templates/project/robots.txt
  62. +48 −0 templates/project/sass/_settings.sass
  63. +35 −0 templates/project/sass/app.sass
  64. +28 −0 templates/project/sass/ie.sass
  65. BIN  vendor/assets/images/foundation/misc/button-gloss.png
  66. BIN  vendor/assets/images/foundation/misc/button-overlay.png
  67. BIN  vendor/assets/images/foundation/misc/custom-form-sprites.png
  68. BIN  vendor/assets/images/foundation/misc/input-bg-outset.png
  69. BIN  vendor/assets/images/foundation/misc/input-bg.png
  70. BIN  vendor/assets/images/foundation/misc/modal-gloss.png
  71. BIN  vendor/assets/images/foundation/misc/table-sorter.png
  72. BIN  vendor/assets/images/foundation/orbit/bullets.jpg
  73. BIN  vendor/assets/images/foundation/orbit/left-arrow.png
  74. BIN  vendor/assets/images/foundation/orbit/loading.gif
  75. BIN  vendor/assets/images/foundation/orbit/mask-black.png
  76. BIN  vendor/assets/images/foundation/orbit/pause-black.png
  77. BIN  vendor/assets/images/foundation/orbit/right-arrow.png
  78. BIN  vendor/assets/images/foundation/orbit/rotator-black.png
  79. BIN  vendor/assets/images/foundation/orbit/timer-black.png
View
4 Gemfile
@@ -0,0 +1,4 @@
+source 'https://rubygems.org'
+
+# Specify your gem's dependencies in foundation.gemspec
+gemspec
View
30 Gemfile.lock
@@ -0,0 +1,30 @@
+PATH
+ remote: .
+ specs:
+ foundation (3.0.0.alpha8)
+ compass (~> 0.12.1)
+ linguistics (~> 1.0.9)
+ modular-scale (~> 0.0.5)
+ sass (~> 3.1.19)
+
+GEM
+ remote: https://rubygems.org/
+ specs:
+ chunky_png (1.2.5)
+ compass (0.12.2)
+ chunky_png (~> 1.2)
+ fssm (>= 0.2.7)
+ sass (~> 3.1)
+ fssm (0.2.9)
+ linguistics (1.0.9)
+ modular-scale (0.0.5)
+ compass (>= 0.11.5)
+ rake (0.9.2.2)
+ sass (3.1.19)
+
+PLATFORMS
+ ruby
+
+DEPENDENCIES
+ foundation!
+ rake
View
22 LICENSE
@@ -0,0 +1,22 @@
+Copyright (c) 2012 Mark Hayes
+
+MIT 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.
View
29 README.md
@@ -0,0 +1,29 @@
+# Foundation
+
+TODO: Write a gem description
+
+## Installation
+
+Add this line to your application's Gemfile:
+
+ gem 'foundation'
+
+And then execute:
+
+ $ bundle
+
+Or install it yourself as:
+
+ $ gem install foundation
+
+## Usage
+
+TODO: Write usage instructions here
+
+## Contributing
+
+1. Fork it
+2. Create your feature branch (`git checkout -b my-new-feature`)
+3. Commit your changes (`git commit -am 'Added some feature'`)
+4. Push to the branch (`git push origin my-new-feature`)
+5. Create new Pull Request
View
2  Rakefile
@@ -0,0 +1,2 @@
+#!/usr/bin/env rake
+require "bundler/gem_tasks"
View
23 foundation.gemspec
@@ -0,0 +1,23 @@
+# -*- encoding: utf-8 -*-
+require File.expand_path('../lib/foundation/version', __FILE__)
+
+Gem::Specification.new do |gem|
+ gem.authors = ["Mark Hayes"]
+ gem.email = ["mark@zurb.com"]
+ gem.description = %q{ZURB Foundation on SASS/Compass}
+ gem.summary = %q{ZURB Foundation on SASS/Compass}
+ gem.homepage = "http://foundation.zurb.com"
+
+ gem.files = `git ls-files`.split($\)
+ gem.executables = gem.files.grep(%r{^bin/}).map{ |f| File.basename(f) }
+ gem.test_files = gem.files.grep(%r{^(test|spec|features)/})
+ gem.name = "foundation"
+ gem.require_paths = ["lib"]
+ gem.version = Foundation::VERSION
+
+ gem.add_runtime_dependency "compass", "~> 0.12.1"
+ gem.add_runtime_dependency "sass", "~> 3.1.19"
+ gem.add_runtime_dependency "linguistics", "~> 1.0.9"
+ gem.add_runtime_dependency "modular-scale", "~> 0.0.5"
+ gem.add_development_dependency "rake"
+end
View
12 lib/foundation.rb
@@ -0,0 +1,12 @@
+require "foundation/version"
+require "modular-scale"
+require "linguistics"
+Linguistics::use( :en )
+require "compass"
+extension_path = File.expand_path(File.dirname(File.dirname(__FILE__)))
+Compass::Frameworks.register("foundation", :path => extension_path)
+require "foundation/sass_script_functions"
+
+module Foundation
+ require "foundation/engine" if defined?(Rails)
+end
View
5 lib/foundation/engine.rb
@@ -0,0 +1,5 @@
+module Foundation
+ class Engine < Rails::Engine
+ # auto wire assets
+ end
+end
View
8 lib/foundation/sass_script_functions.rb
@@ -0,0 +1,8 @@
+module Foundation
+ module Sass::Script::Functions
+ def convert_number_to_word(number)
+ Sass::Script::String.new(number.value.en.numwords)
+ end
+ declare :convert_number_to_word, :args => [:number]
+ end
+end
View
3  lib/foundation/version.rb
@@ -0,0 +1,3 @@
+module Foundation
+ VERSION = "3.0.0.alpha8"
+end
View
BIN  pkg/foundation-3.0.0.alpha1.gem
Binary file not shown
View
BIN  pkg/foundation-3.0.0.alpha2.gem
Binary file not shown
View
BIN  pkg/foundation-3.0.0.alpha3.gem
Binary file not shown
View
BIN  pkg/foundation-3.0.0.alpha4.gem
Binary file not shown
View
BIN  pkg/foundation-3.0.0.alpha5.gem
Binary file not shown
View
BIN  pkg/foundation-3.0.0.alpha6.gem
Binary file not shown
View
BIN  pkg/foundation-3.0.0.alpha7.gem
Binary file not shown
View
BIN  pkg/foundation-3.0.0.alpha8.gem
Binary file not shown
View
13 stylesheets/_foundation.sass
@@ -0,0 +1,13 @@
+// Shared
+@import foundation/shared
+
+// Foundation parts
+@import foundation/globals
+@import foundation/grid
+@import foundation/typography
+@import foundation/buttons
+@import foundation/ui
+@import foundation/forms
+@import foundation/orbit
+@import foundation/reveal
+@import foundation/mobile
View
134 stylesheets/foundation/_buttons.sass
@@ -0,0 +1,134 @@
+// Buttons
+//-------------------------------------------------
+
+.button
+ background: $default-color
+ display: inline-block
+ text-align: center
+ padding: 9px 34px 11px
+ color: $white
+ text-decoration: none
+ font-weight: bold
+ +font-size(13)
+ line-height: 1
+ font-family: $helvetica-font-stack
+ position: relative
+ cursor: pointer
+ border: none
+ outline: none
+ margin: 0
+
+// Don't use native buttons on iOS
+input[type=submit].button, button.button
+ -webkit-appearance: none
+
+// Hide inner focus effect in Firefox
+button::-moz-focus-inner, input[type="reset"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner, input[type="file"] > input[type="button"]::-moz-focus-inner
+ border: none
+
+// Nice button
+.button
+ &.nice
+ background-color: $default-color
+ +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(inset rgba(255,255,255,0.5) 0 1px 0)
+ text-shadow: rgba(0,0,0,0.28) 0 -1px 1px
+ border: 1px solid darken($default-color, 7%)
+ +transition-property(background-color)
+ +transition-duration($button-transition-duration)
+ +transition-timing-function(ease-in-out)
+ &.radius
+ +border-radius(3px)
+ &.round
+ +border-radius(1000px)
+ &.full-width
+ width: 100%
+ padding-left: 0 !important
+ padding-right: 0 !important
+ text-align: center
+ &.left-align
+ text-align: left
+ text-indent: 12px
+
+ // Sizes
+ &.tiny
+ +font-size(10)
+ padding: 6px 14px 8px
+ width: auto
+ &.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
+ &.blue
+ background-color: $blue
+ &.red
+ background-color: $red
+ &.white
+ background-color: darken($white, 6%)
+ color: #333
+ &.black
+ background-color: lighten($black, 10%)
+ &.green
+ background-color: $green
+
+ // Nice Colors
+ &.nice
+ &.blue
+ border: 1px solid darken($blue, 7%)
+ &.red
+ border: 1px solid darken($red, 7%)
+ &.white
+ border: 1px solid darken($white, 17%)
+ text-shadow: none !important
+ &.black
+ border: 1px solid lighten($black, 10%)
+ &.green
+ border: 1px solid darken($green, 7%)
+
+ // Hovers
+ &:hover, &:focus
+ background-color: darken($default-color, 6%)
+ color: $white
+ &.blue:hover, &.blue:focus
+ background-color: darken($blue, 6%)
+ &.red:hover, &.red:focus
+ background-color: darken($red, 6%)
+ &.white:hover, &.white:focus
+ background-color: darken($white, 13%)
+ color: #333
+ &.black:hover, &.black:focus
+ background-color: $black
+ &.green:hover, &.green:focus
+ background-color: darken($green, 6%)
+
+ // Active State for .nice.buttons
+ &.nice:active
+ +box-shadow(0 1px 0 rgba(0,0,0,0.15))
+
+ // Button disabled states
+ &.disabled, &[disabled]
+ opacity: 0.6
+ cursor: default
+
+// Correct FF button padding
+@-moz-document url-prefix("http://")
+ input[type=submit].button::-moz-focus-inner, button.button::-moz-focus-inner
+ border: 0
+ padding: 0
+ input[type=submit].tiny.button
+ padding: 5px 14px 7px
+ input[type=submit].small.button
+ padding: 7px 20px 8px
+ input[type=submit].medium.button
+ padding: 8px 34px 9px
+ input[type=submit].large.button
+ padding: 9px 48px 10px
View
299 stylesheets/foundation/_forms.sass
@@ -0,0 +1,299 @@
+// Standard Forms
+//-----------------------------------------
+
+form
+ 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
+textarea
+ max-width: 100%
+
+// Text input and textarea font and padding
+//-----------------------------------------
+
+input.input-text, textarea
+ +font-size(13)
+ padding: 4px 3px 2px
+ background: #fff
+ &.oversize
+ +font-size(18, $is-important: true)
+ padding: 4px 5px !important
+ &:focus
+ outline: none !important
+ background: #f9f9f9
+
+// Text input and textarea, disabled
+input.input-text[disabled], textarea[disabled]
+ background-color: #ddd
+
+// Inlined Label Style
+//-----------------------------------------
+
+input, textarea
+ .placeholder
+ color: #888
+
+// Text input and textarea sizes
+//-----------------------------------------
+
+input.input-text, textarea
+ width: 254px
+ +box-sizing(border-box)
+input, textarea
+ &.small
+ width: 134px
+ &.medium
+ width: 254px
+ &.large
+ width: 434px
+ &.expand
+ width: 100%
+
+// Lock textareas so they can't be resized
+// beyond their set width in webkit
+//-----------------------------------------
+textarea
+ &.locked
+ max-width: 254px
+ &.small
+ max-width: 134px
+ &.large
+ max-width: 434px
+ &.expand
+ max-width: 100%
+
+// Fieldsets
+//-----------------------------------------
+
+form
+ fieldset
+ padding: 9px 9px 2px 9px
+ border: solid 1px #ddd
+ margin: 18px 0
+
+// Inlined Radio & Checkbox
+//-----------------------------------------
+
+.form-field input[type=radio], .form-field input[type=checkbox]
+ display: inline
+ width: auto
+ margin-bottom: 0
+
+// Errors
+//-----------------------------------------
+
+.form-field.error input, input.input-text.red
+ border-color: #c00000
+ background-color: rgba(255,0,0,0.15)
+.form-field.error label, label.red
+ color: #c00000
+.form-field.error small, small.error
+ margin-top: -6px
+ display: block
+ margin-bottom: 9px
+ +font-size(11)
+ color: #c00000
+ width: 254px
+ +box-sizing(border-box)
+
+.small+small.error
+ width: 134px
+.medium+small.error
+ width: 254px
+.large+small.error
+ width: 434px
+.expand+small.error
+ width: 100%
+
+.small.oversize+small.error
+ width: 144px
+.medium.oversize+small.error
+ width: 264px
+.large.oversize+small.error
+ width: 444px
+.expand.oversize+small.error
+ width: 100%
+
+// Nicer Forms
+//-----------------------------------------
+
+form.nice
+ div.form-field input, input.input-text, textarea
+ border: solid 1px #bbb
+ +border-radius(2px)
+ +font-size(13)
+ padding: 6px 3px 4px
+ outline: none !important
+ background: image-url('foundation/misc/input-bg.png') #fff
+ &:focus
+ background-color: #f9f9f9
+ fieldset
+ +border-radius(3px)
+ div.form-field input[disabled], input.input-text[disabled], textarea[disabled]
+ background: #ddd
+ fieldset
+ +border-radius(3px)
+ div.form-field input[type=radio], div.form-field input[type=checkbox]
+ display: inline
+ width: auto
+ margin-bottom: 0
+
+ div.form-field.error small, small.error
+ padding: 6px 4px
+ border: solid 0 #c00000
+ border-width: 0 1px 1px 1px
+ margin-top: -10px
+ background: #c00000
+ color: #fff
+ +font-size(12)
+ font-weight: bold
+ +border-bottom-left-radius(2px)
+ +border-bottom-right-radius(2px)
+
+ div.form-field.error .small+small, .small+small.error
+ width: 132px
+ div.form-field.error .medium+small, .medium+small.error
+ width: 252px
+ div.form-field.error .large+small, .large+small.error
+ width: 432px
+
+ div.form-field.error .small.oversize+small, .small.oversize+small.error
+ width: 136px
+ div.form-field.error .medium.oversize+small, .medium.oversize+small.error
+ width: 256px
+ div.form-field.error .large.oversize+small, .large.oversize+small.error
+ width: 436px
+
+
+// Custom Forms
+//-------------------------------------------------
+
+form.custom
+ span.custom
+ display: inline-block
+ width: 14px
+ height: 14px
+ position: relative
+ top: 2px
+ border: solid 1px #ccc
+ background: image-url('foundation/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: block
+ width: auto
+ height: 28px
+ margin-bottom: 9px
+ margin-top: 2px
+ a.current
+ display: block
+ width: auto
+ line-height: 26px
+ min-height: 26px
+ padding: 0 38px 0 6px
+ border: solid 1px #ddd
+ color: #141414
+ background-color: #fff
+ word-wrap: nowrap
+ a.selector
+ position: absolute
+ width: 26px
+ height: 26px
+ display: block
+ background: image-url('foundation/misc/custom-form-sprites.png') -14px 1px no-repeat
+ right: 0
+ top: 0
+ border: solid 1px #ddd
+ ul
+ position: absolute
+ width: auto
+ display: none
+ margin: 0
+ left: 0
+ top: 27px
+ padding: 0
+ background: #fff
+ background: rgba(255,255,255,0.95)
+ border: solid 1px #ddd
+ &.show
+ display: block
+ li
+ cursor: pointer
+ padding: 3px 38px 3px 6px
+ min-height: 18px
+ margin: 0
+ white-space: nowrap
+ &.selected
+ background: image-url('foundation/misc/custom-form-sprites.png') right -52px no-repeat
+ &:hover
+ background: image-url('foundation/misc/custom-form-sprites.png') $default-color right -78px no-repeat
+ &:hover
+ background-color: $default-color
+ color: #fff
+ &:hover a.selector, &.open a.selector
+ background-position: -14px -26px
+ &.open
+ ul
+ display: block
+ z-index: 10
+ &.small
+ ul
+ width: 132px !important
+ &.medium
+ ul
+ width: 252px !important
+ &.large
+ ul
+ width: 432px !important
+ &.expand
+ ul
+ width: 100% !important
+ &.small
+ width: 134px !important
+ &.medium
+ width: 254px !important
+ &.large
+ width: 434px !important
+ &.expand
+ width: 100% !important
+
+ // Custom input, disabled
+ .custom.disabled
+ background-color: #ddd
+
+ // Nicer Customer Forms
+ &.nice
+ span.custom.checkbox
+ +border-radius(2px)
+ div.custom.dropdown
+ a.current
+ +border-radius(2px)
+ background-image: image-url('foundation/misc/input-bg-outset.png')
+ background-position: bottom right
+ a.selector
+ height: 27px
+ border-width: 0 0 0 1px
+ ul
+ +border-bottom-left-radius(2px)
+ +border-bottom-right-radius(2px)
+
View
156 stylesheets/foundation/_globals.sass
@@ -0,0 +1,156 @@
+// 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, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video
+ margin: 0
+ padding: 0
+ border: 0
+ font: inherit
+ vertical-align: baseline
+html
+ font-size: 62.5%
+// HTML5 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
+blockquote:before, blockquote:after, q:before, q:after
+ content: ""
+ content: none
+table
+ border-collapse: collapse
+ border-spacing: 0
+
+body
+ background: $body-background
+ font-family: $body-font-family
+ +font-size($body-font-size)
+ +font-smoothing(antialiased)
+ line-height: $body-line-height
+ color: $body-color
+ position: relative
+
+// Links
+//-----------------------------------------
+
+a
+ color: $default-color
+ text-decoration: none
+ line-height: inherit
+ &:hover
+ color: lighten($default-color, 10%)
+ &:focus
+ color: $orange
+ outline: none
+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
+li
+ margin-bottom: 12px
+ul.large li
+ line-height: 21px
+
+// Tables
+//-----------------------------------------
+
+table
+ background: $white
+ +border-radius(3px)
+ margin: 0 0 18px
+ border: solid 1px #ddd
+ thead, tfoot
+ background: #f5f5f5
+ tr
+ th
+ +font-size(12)
+ line-height: 18px
+ text-align: left
+ thead
+ tr
+ th
+ padding: 8px 10px 9px
+ +font-size(14)
+ font-weight: bold
+ color: #222
+ &:first-child
+ border-left: none
+ &:last-child
+ border-right: none
+ tbody
+ tr
+ &.alt
+ background: #f9f9f9
+ &:nth-child(even)
+ background: #f9f9f9
+ td
+ color: #333
+ padding: 9px 10px
+ vertical-align: top
+ border: none
+ tfoot
+ tr
+ td
+ +font-size(12)
+ line-height: 18px
+ text-align: left
+ &:last-child
+ border-left: none
+ &:last-child
+ border-right: none
+
+// Misc
+//-----------------------------------------
+
+.left
+ float: left
+.right
+ float: right
+.text-left
+ text-align: left
+.text-right
+ text-align: right
+.text-center
+ text-align: center
+.hide
+ display: none
+.highlight
+ background: $yellow
+
+#googlemap img, object, embed, #map_canvas embed, #map_canvas img, #map_canvas object
+ max-width: none
View
208 stylesheets/foundation/_grid.sass
@@ -0,0 +1,208 @@
+// Grid
+//--------------------------------------
+// This is the mobile-friendly, responsive grid that
+// lets Foundation work much of its magic
+
+.container
+ padding: 0 20px
+
+.row
+ width: 100%
+ max-width: $grid-max-width
+ min-width: $grid-min-width
+ margin: 0 auto
+ .row
+ min-width: 0
+
+.column, .columns
+ margin-left: 4.4%
+ float: left
+ min-height: 1px
+ position: relative
+ &:first-child
+ margin-left: 0
+[class*="column"]+[class*='column']:last-child
+ float: right
+[class*="column"]+.end[class*="column"]
+ float: left
+
+.row
+ .one.columns
+ width: 4.3%
+ .two.columns
+ width: 13%
+ .three.columns
+ width: 21.679%
+ .four.columns
+ width: 30.37%
+ .five.columns
+ width: 39.1%
+ .six.columns
+ width: 47.8%
+ .seven.columns
+ width: 56.5%
+ .eight.columns
+ width: 65.2%
+ .nine.columns
+ width: 73.9%
+ .ten.columns
+ width: 82.6%
+ .eleven.columns
+ width: 91.3%
+ .twelve.columns
+ width: 100%
+
+ .offset-by-one
+ margin-left: 13.1%
+ &:first-child
+ margin-left: 8.7%
+ .offset-by-two
+ margin-left: 21.8%
+ &:first-child
+ margin-left: 17.4%
+ .offset-by-three
+ margin-left: 30.5%
+ &:first-child
+ margin-left: 26.1%
+ .offset-by-four
+ margin-left: 39.2%
+ &:first-child
+ margin-left: 34.8%
+ .offset-by-five
+ margin-left: 47.9%
+ &:first-child
+ margin-left: 43.5%
+ .offset-by-six
+ margin-left: 56.6%
+ &:first-child
+ margin-left: 52.2%
+ .offset-by-seven
+ margin-left: 65.3%
+ &:first-child
+ margin-left: 60.9%
+ .offset-by-eight
+ margin-left: 74.0%
+ &:first-child
+ margin-left: 69.6%
+ .offset-by-nine
+ margin-left: 82.7%
+ &:first-child
+ margin-left: 78.3%
+ .offset-by-ten
+ margin-left: 91.4%
+ &:first-child
+ margin-left: 87.0%
+ .offset-by-eleven
+ &:first-child
+ margin-left: 95.7%
+ .centered
+ float: none
+ margin: 0 auto
+
+// Source Ordering
+.push-two
+ left: 17.4%
+.push-three
+ left: 26.1%
+.push-four
+ left: 34.8%
+.push-five
+ left: 43.5%
+.push-six
+ left: 52.2%
+.push-seven
+ left: 60.9%
+.push-eight
+ left: 69.6%
+.push-nine
+ left: 78.3%
+.push-ten
+ left: 87%
+
+.pull-two
+ right: 17.4%
+.pull-three
+ right: 26.1%
+.pull-four
+ right: 34.8%
+.pull-five
+ right: 43.5%
+.pull-six
+ right: 52.2%
+.pull-seven
+ right: 60.9%
+.pull-eight
+ right: 69.6%
+.pull-nine
+ right: 78.3%
+.pull-ten
+ right: 87%
+
+img, object, embed
+ max-width: 100%
+ height: auto
+img
+ -ms-interpolation-mode: bicubic
+#map_canvas img, .map_canvas img
+ max-width: none !important
+
+// Nicolas Gallagher's micro clearfix
+.row:before, .row:after, .clearfix:before, .clearfix:after
+ content: ""
+ display: table
+.row:after, .clearfix:after
+ clear: both
+.row, .clearfix
+ zoom: 1
+
+// Blockgrids
+//----------------------------------------------------------------------------------------------------
+
+// Notes:
+//
+// These are 2-up, 3-up, 4-up and 5-up ULs suited for repeating blocks of content.
+// Add 'mobile' to them to switch them just like the layout grid (one item per line) on phones
+//
+// For IE7/8 compatibility, block-grid items need to be the same height.
+// To support arbitrary height, set $support-block-grid-nth-child to true
+// Just know that IE7/8 do not support :nth-child
+
+.block-grid
+ display: block
+ overflow: hidden
+ & > li
+ display: block
+ height: auto
+ float: left
+ &.two-up
+ margin-left: -4%
+ & > li
+ margin-left: 4%
+ width: 46%
+ @if $support-block-grid-nth-child
+ &:nth-child(2n+1)
+ clear: left
+ &.three-up
+ margin-left: -2%
+ & > li
+ margin-left: 2%
+ width: 31.3%
+ @if $support-block-grid-nth-child
+ &:nth-child(3n+1)
+ clear: left
+ &.four-up
+ margin-left: -2%
+ & > li
+ margin-left: 2%
+ width: 23%
+ @if $support-block-grid-nth-child
+ &:nth-child(4n+1)
+ clear: left
+ &.five-up
+ margin-left: -1.5%
+ & > li
+ margin-left: 1.5%
+ width: 18.5%
+ @if $support-block-grid-nth-child
+ &:nth-child(5n+1)
+ clear: left
View
382 stylesheets/foundation/_mobile.sass
@@ -0,0 +1,382 @@
+// Mobile Grid Fixes
+//---------------------------------------------------
+
+// Typography
+//---------------------------------------------------
+
+@media only screen and (max-width: 767px)
+ h1
+ +font-size(32)
+ line-height: 1.3
+ h2
+ +font-size(28)
+ line-height: 1.3
+ h3
+ +font-size(21)
+ line-height: 1.3
+ h4
+ +font-size(18)
+ line-height: 1.2
+ h5
+ +font-size(16)
+ line-height: 1.2
+ h6
+ +font-size(15)
+ line-height: 1.2
+ body, p
+ +font-size(15)
+ line-height: 1.4
+
+// Grid
+//---------------------------------------------------
+@media only screen and (max-width: 767px)
+ body
+ -webkit-text-size-adjust: none
+ -ms-text-size-adjust: none
+ width: 100%
+ min-width: 0
+ margin-left: 0
+ margin-right: 0
+ padding-left: 0
+ padding-right: 0
+ .container
+ min-width: 0
+ margin-left: 0
+ margin-right: 0
+ .row
+ width: 100%
+ min-width: 0
+ margin-left: 0
+ margin-right: 0
+ .row .row .column, .row .row .columns
+ padding: 0
+ .column, .columns
+ width: auto !important
+ float: none
+ margin-left: 0
+ margin-right: 0
+ .column:last-child, .columns:last-child
+ margin-right: 0
+ float: none
+ [class*="column"]+[class*="column"]:last-child
+ float: none
+ [class*="column"]:before, [class*="column"]:after
+ content: ""
+ display: table
+ .offset-by-one, .offset-by-two, .offset-by-three, .offset-by-four, .offset-by-five, .offset-by-six, .offset-by-seven, .offset-by-eight, .offset-by-nine, .offset-by-ten, .offset-by-eleven, .centered
+ margin-left: 0% !important
+ .push-two, .push-three, .push-four, .push-five, .push-six, .push-seven, .push-eight, .push-nine, .push-ten
+ left: auto
+ .pull-two, .pull-three, .pull-four, .pull-five, .pull-six, .pull-seven, .pull-eight, .pull-nine, .pull-ten
+ right: auto
+ // Mobile 4-column Grid
+ //----------------------------------------------
+ .row
+ .phone-one:first-child, .phone-two:first-child, .phone-three:first-child, .phone-four:first-child
+ margin-left: 0
+ .phone-one:last-child, .phone-two:last-child, .phone-three:last-child, .phone-four:last-child
+ float: right
+ .phone-one, .phone-two, .phone-three, .phone-four
+ margin-left: 4.4%
+ float: left
+ min-height: 1px
+ position: relative
+ padding: 0
+ .phone-one
+ width: 21.68% !important
+ .phone-two
+ width: 47.8% !important
+ .phone-three
+ width: 73.9% !important
+ .phone-four
+ width: 100% !important
+
+ .push-one-phone
+ left: 26.08%
+ .push-two-phone
+ left: 52.2%
+ .push-three-phone
+ left: 78.3%
+
+ .pull-one-phone
+ right: 26.08%
+ .pull-two-phone
+ right: 52.2%
+ .pull-three-phone
+ right: 78.3%
+
+// Block Grid
+//--------------------------------------------------
+@media only screen and (max-width: 767px)
+ .block-grid.mobile
+ margin-left: 0%
+ &>li
+ float: none
+ width: 100%
+ margin-left: 0%
+
+// Mobile Visibility Affordances
+//---------------------------------------------------
+.show-on-phones
+ display: none !important
+.show-on-tablets
+ display: none !important
+.show-on-desktops
+ display: block !important
+
+.hide-on-phones
+ display: block !important
+.hide-on-tablets
+ display: block !important
+.hide-on-desktops
+ display: none !important
+
+// Modernizr-enabled tablet targeting
+//-------------------------------------------------
+
+@media only screen and (max-width: 1280px) and (min-width: 768px)
+ .touch
+ .hide-on-phones
+ display: block !important
+ .hide-on-tablets
+ display: none !important
+ .hide-on-desktops
+ display: block !important
+ .show-on-phones
+ display: none !important
+ .show-on-tablets
+ display: block !important
+ .show-on-desktops
+ display: none !important
+
+@media only screen and (max-width: 767px)
+ .hide-on-phones
+ display: none !important
+ .hide-on-tablets
+ display: block !important
+ .hide-on-desktops
+ display: block !important
+
+ .show-on-phones
+ display: block !important
+ .show-on-tablets
+ display: none !important
+ .show-on-desktops
+ display: none !important
+
+// Specific overrides for elements that require something other than display: block
+
+table
+ &.show-on-desktops
+ display: table !important
+ &.hide-on-phones
+ display: table !important
+ &.hide-on-tablets
+ display: table !important
+
+@media only screen and (max-width: 1280px) and (min-width: 768px)
+ .touch
+ table.hide-on-phones
+ display: table !important
+ table.hide-on-desktops
+ display: table !important
+ table.hide-on-tablets
+ display: table !important
+
+@media only screen and (max-width: 767px)
+ table
+ &.hide-on-tablets
+ display: table !important
+ &.hide-on-desktops
+ display: table !important
+ &.show-on-phones
+ display: table !important
+
+// Forms
+//----------------------------------------------
+
+@media only screen and (max-width: 767px)
+ div.form-field input, div.form-field input.small, div.form-field input.medium, div.form-field input.large, div.form-field input.oversize, input.input-text, input.input-text.oversize, textarea, form.nice div.form-field input, form.nice div.form-field input.oversize, form.nice input.input-text, form.nice input.input-text.oversize, form.nice textarea
+ display: block
+ width: 100%
+ padding: 6px 2% 4px
+ +font-size(18)
+ form.nice div.form-field input, form.nice div.form-field input.oversize, form.nice input.input-text, form.nice input.input-text.oversize, form.nice textarea
+ +border-radius(2px)
+ form.nice div.form-field.error small, form.nice small.error
+ padding: 6px 2%
+ display: block
+ form.nice div.form-field.error .small + small, form.nice .small + .error
+ width: auto
+ form.nice div.form-field.error .medium + small, form.nice .medium + .error
+ width: auto
+ form.nice div.form-field.error .large + small, form.nice .large + .error
+ width: auto
+ form.nice div.form-field.error .expand + small, form.nice .expand + .error
+ width: auto
+
+//----------------------------------------------
+// UI
+//----------------------------------------------
+
+// Buttons
+//----------------------------------------------
+
+@media only screen and (max-width: 767px)
+ .button
+ display: block
+ button.button, input[submit="submit"].button
+ width: 100%
+ padding-left: 0
+ padding-right: 0
+ margin-bottom: 5px
+
+// Tabs
+//-----------------------------------------------
+
+@media only screen and (max-width: 767px)
+ dl.tabs.mobile, dl.nice.tabs.mobile
+ width: auto
+ margin: 20px -20px 40px
+ height: auto
+ dl.tabs.mobile dt, dl.tabs.mobile dd, dl.nice.tabs.mobile dt, dl.nice.tabs.mobile dd
+ float: none
+ height: auto
+
+ dl.tabs.mobile dd a
+ display: block
+ width: auto
+ height: auto
+ padding: 18px 20px
+ line-height: 1
+ border: solid 0 #ccc
+ border-width: 1px 0 0
+ margin: 0
+ color: #555
+ background: #eee
+ +font-size(15)
+ dl.tabs.mobile dd a.active
+ height: auto
+ margin: 0
+ border-width: 1px 0 0
+
+ .nice.tabs.mobile
+ border-bottom: solid 1px #ccc
+ height: auto
+ .nice.tabs.mobile dd a
+ padding: 18px 20px
+ border: none
+ border-left: none
+ border-right: none
+ border-top: solid 1px #ccc
+ background: #fff
+ &.active
+ border: none
+ background: #00a6fc
+ color: #fff
+ margin: 0
+ position: static
+ top: 0
+ height: auto
+ .nice.tabs.mobile dd:first-child a.active
+ margin: 0
+
+ dl.contained.mobile, dl.nice.contained.mobile
+ margin-bottom: 0
+ dl.contained.tabs.mobile dd a
+ padding: 18px 20px
+ dl.nice.contained.tabs.mobile dd a
+ padding: 18px 20px
+ dl.tabs.mobile + ul.contained
+ margin-left: -20px
+ margin-right: -20px
+ border-width: 0 0 1px 0
+
+// Modernizr-enabled tablet targeting
+@media only screen and (max-width: 1280px) and (min-width: 768px)
+ .touch
+ .nav-bar
+ li
+ a
+ +font-size(13)
+ &.has-flyout
+ &>a.flyout-toggle
+ padding: 20px
+
+// Nav Bar with Dropdowns
+@media only screen and (max-width: 767px)
+ .nav-bar
+ height: auto
+ & > li
+ float: none
+ display: block
+ border-right: none
+ & > a.main
+ text-align: left
+ border-top: 1px solid #ddd
+ border-right: none
+ &.has-flyout
+ & > a.main
+ &:after
+ display: none
+ a.flyout-toggle
+ position: absolute
+ right: 0
+ top: 0
+ padding: 22px
+ z-index: 2
+ border-left: 1px dashed #eee
+ display: block
+ span
+ content: ""
+ width: 0
+ height: 0
+ border: 4px solid
+ border-color: #2a85e8 transparent transparent transparent
+ display: block
+ &:hover
+ span
+ border-top-color: #141414
+ &:first-child
+ & > a.main
+ border-top: none
+ &:hover
+ & > a.main
+ font-weight: bold
+ ul
+ position: relative
+ .flyout
+ position: relative
+ width: auto
+ top: auto
+ margin-right: -2px
+ border-width: 1px 1px 0px 1px
+ &.right
+ float: none
+ right: auto
+ left: -1px
+ &.small, &.large
+ width: auto
+ p.last-child
+ margin-bottom: 18px
+
+// Tooltips
+//-----------------------------------------------
+
+@media only screen and (max-width: 767px)
+ .tooltip
+ +font-size(14)
+ line-height: 1.4
+ padding: 7px 10px 9px 10px
+ .tooltip > .nub, .tooltip.top > .nub, .tooltip.left > .nub, .tooltip.right > .nub
+ border-color: transparent transparent rgb(0,0,0) transparent
+ border-color: transparent transparent rgba(0,0,0,0.85) transparent
+ top: -12px
+ left: 10px
+
+// Video
+//-----------------------------------------------
+
+@media only screen and (max-device-width: 800px), only screen and (device-width: 1024px) and (device-height: 600px), only screen and (width: 1280px) and (orientation: landscape), only screen and (device-width: 800px), only screen and (max-width: 767px)
+ .flex-video
+ padding-top: 0
View
208 stylesheets/foundation/_orbit.sass
@@ -0,0 +1,208 @@
+// CSS for jQuery Orbit Plugin 1.4.0
+// Maintained for Foundation. foundation.zurb.com
+// Free to use under the MIT license.
+// http://www.opensource.org/licenses/mit-license.php
+
+// Orbit container
+//-------------------------------------------------
+
+div.orbit-wrapper
+ width: 1px
+ height: 1px
+ position: relative
+div.orbit
+ width: 1px
+ height: 1px
+ position: relative
+ overflow: hidden
+ &.with-bullets
+ margin-bottom: 40px
+ .orbit-slide
+ max-width: 100%
+ position: absolute
+ top: 0
+ left: 0
+ a.orbit-slide
+ border: none
+ line-height: 0
+ display: none
+ div.orbit-slide
+ width: 100%
+ height: 100%
+
+// If your slider only uses content or anchors, you're going to want to put the width and height declarations on the .orbit > div and div.orbit > a tags in addition to just the .orbit-wrapper
+
+// Timer
+//--------------------------------------------------
+div.orbit-wrapper
+ div.timer
+ width: 40px
+ height: 40px
+ overflow: hidden
+ position: absolute
+ top: 10px
+ right: 10px
+ +opacity(0.6)
+ cursor: pointer
+ z-index: 31
+ span.rotator
+ display: block
+ width: 40px
+ height: 40px
+ position: absolute
+ top: 0
+ left: -20px
+ background: image-url('foundation/orbit/rotator-black.png') no-repeat
+ z-index: 3
+ &.move
+ left: 0
+ span.mask
+ display: block
+ width: 20px
+ height: 40px
+ position: absolute
+ top: 0
+ right: 0
+ z-index: 2
+ overflow: hidden
+ &.move
+ width: 40px
+ left: 0
+ background: image-url('foundation/orbit/timer-black.png') repeat 0 0
+ span.pause
+ display: block
+ width: 40px
+ height: 40px
+ position: absolute
+ top: 0
+ left: 0
+ background: image-url('foundation/orbit/pause-black.png') no-repeat
+ z-index: 4
+ +opacity(0)
+ &.active
+ background: image-url('foundation/orbit/pause-black.png') no-repeat 0 -40px
+ div.timer:hover span.pause, span.pause.active
+ +opacity(1)
+
+// Orbit captions
+//-------------------------------------------------
+
+.orbit-caption
+ display: none
+ +HelveticaFontStack
+.orbit-wrapper .orbit-caption
+ background: #000
+ background: rgba(0,0,0,0.6)
+ z-index: 30
+ color: #fff
+ text-align: center
+ padding: 7px 0
+ +font-size(13)
+ position: absolute
+ right: 0
+ bottom: 0
+ width: 100%
+
+// Directional Nav
+//----------------------------------------------------
+
+div.orbit-wrapper
+ div.slider-nav
+ display: block
+ span
+ width: 78px
+ height: 100px
+ text-indent: -99999px
+ position: absolute
+ z-index: 30
+ top: 50%
+ margin-top: -50px
+ cursor: pointer
+ &.right
+ background: image-url('foundation/orbit/right-arrow.png')
+ right: 0
+ &.left
+ background: image-url('foundation/orbit/left-arrow.png')
+ left: 0
+
+// Bullet Nav
+//--------------------------------------------------
+
+ul.orbit-bullets
+ position: absolute
+ z-index: 30
+ list-style: none
+ bottom: -40px
+ left: 50%
+ margin-left: -50px
+ padding: 0
+ li
+ float: left
+ margin-left: 5px
+ cursor: pointer
+ color: #999
+ text-indent: -99999px
+ background: image-url('foundation/orbit/bullets.jpg') no-repeat 4px 0
+ width: 13px
+ height: 12px
+ overflow: hidden
+ &.active
+ color: #222
+ background-position: -8px 0
+ &.has-thumb
+ background: none
+ width: 100px
+ height: 75px
+ &.active
+ &.has-thumb
+ background-position: 0 0
+ border-top: solid 2px $black
+
+// Fluid Layout
+//-------------------------------------------------------------------------------------
+
+div.orbit img.fluid-placeholder
+ visibility: hidden
+ position: static
+ display: block
+ width: 100%
+div.orbit, div.orbit-wrapper
+ width: 100% !important
+
+ul.orbit-bullets
+ position: absolute
+ z-index: 30
+ list-style: none
+ bottom: -50px
+ left: 50%
+ margin-left: -50px
+ padding: 0
+ li
+ float: left
+ margin-left: 5px
+ cursor: pointer
+ color: #999
+ text-indent: -9999px
+ background: image-url('foundation/orbit/bullets.jpg') no-repeat 4px 0
+ width: 13px
+ height: 12px
+ overflow: hidden
+ &.has-thumb
+ background: none
+ width: 100px
+ height: 75px
+ &.active
+ color: #222
+ background-position: -8px 0
+ &.has-thumb
+ background-position: 0 0
+ border-top: 2px solid #000
+
+// Correct timer in IE
+.timer
+ display: none !important
+div.caption
+ background: transparent
+ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000,endColorstr=#99000000)
+ zoom: 1
+
View
94 stylesheets/foundation/_reveal.sass
@@ -0,0 +1,94 @@
+// CSS for jQuery Reveal Plugin
+// Maintained for Foundation. foundation.zurb.com
+// Free to use under the MIT license.
+// http://www.opensource.org/licenses/mit-license.php
+
+// Reveal Modals
+//-------------------------------------------------
+
+.reveal-modal-bg
+ position: fixed
+ height: 100%
+ width: 100%
+ background: #000
+ background: rgba(0,0,0,0.8)
+ z-index: 40
+ display: none
+ top: 0
+ left: 0
+
+.reveal-modal
+ visibility: hidden
+ top: 100px
+ left: 50%
+ margin-left: -300px
+ width: 520px
+ background: #eee image-url('foundation/misc/modal-gloss.png') no-repeat -200px -80px
+ position: absolute
+ z-index: 41
+ padding: 30px 40px 34px
+ +border-radius(5px)
+ +box-shadow(0 0 10px rgba(0,0,0,0.4))
+ &.small
+ width: 200px
+ margin-left: -140px
+ &.medium
+ width: 400px
+ margin-left: -240px
+ &.large
+ width: 600px
+ margin-left: -340px
+ &.xlarge
+ width: 800px
+ margin-left: -440px
+ .close-reveal-modal
+ +font-size(22)
+ line-height: .5
+ position: absolute
+ top: 8px
+ right: 11px
+ color: #aaa
+ text-shadow: 0 -1px 1px rgba(0,0,0,0.6)
+ font-weight: bold
+ cursor: pointer
+ .row
+ min-width: 0
+
+// Reveal mobile
+//--------------------------------------------------
+
+@media handheld, only screen and (max-width: 1023px)
+ .reveal-modal-bg
+ position: absolute
+ .reveal-modal
+ &.small, &.medium, &.large, &.xlarge
+ width: 60%
+ top: 60px
+ left: 15%
+ margin-left: 0
+ padding: 20px
+ height: auto
+@media only screen and (max-width: 767px)
+ .reveal-modal-bg
+ position: absolute
+ .reveal-modal
+ &.small, &.medium, &.large, &.xlarge
+ width: 80%
+ top: 15px
+ left: 5%
+ margin-left: 0
+ padding: 20px
+ height: auto
+
+// NOTES
+
+// Close button entity is &#215;
+
+// Example markup
+
+// <div id="myModal" class="reveal-modal">
+// <h2>Awesome. I have it.</h2>
+// <p class="lead">Your couch. I it's mine.</p>
+// <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. In ultrices aliquet placerat. Duis pulvinar orci et nisi euismod vitae tempus lorem consectetur. Duis at magna quis turpis mattis venenatis eget id diam. </p>
+// <a class="close-reveal-modal">&#215;</a>
+// </div>
View
3  stylesheets/foundation/_shared.sass
@@ -0,0 +1,3 @@
+@import foundation/shared/settings
+@import foundation/shared/colors
+@import foundation/shared/mixins
View
137 stylesheets/foundation/_typography.sass
@@ -0,0 +1,137 @@
+// Typography
+//------------------------------------------------
+
+#{headings(all)}
+ color: #181818
+ font-weight: bold
+ line-height: 1.25
+ a
+ font-weight: inherit
+h1
+ +font-size(46)
+ margin-bottom: 12px
+h2
+ +font-size(35)
+ margin-bottom: 9px
+h3
+ +font-size(28)
+ margin-bottom: 9px
+h4
+ +font-size(21)
+ margin-bottom: 3px
+h5
+ +font-size(18)
+ margin-bottom: 3px
+ font-weight: normal
+h6
+ +font-size(15)
+ font-weight: normal
+
+.subheader
+ color: #777
+ font-weight: 300
+ margin-bottom: 24px
+
+p
+ +font-size(13)
+ line-height: 1.25
+ margin: 0 0 18px
+ img
+ margin: 0
+ &.lead
+ +font-size(18)
+ line-height: 1.5
+
+em, i
+ font-style: italic
+ line-height: inherit
+strong, b
+ font-weight: bold
+ line-height: inherit
+small
+ font-size: 60%
+ line-height: inherit
+h1 small, h2 small, h3 small, h4 small, h5 small
+ color: #777
+
+// Blockquotes
+//--------------------------------------------
+blockquote, blockquote p
+ line-height: 20px
+ color: #777
+blockquote
+ margin: 0 0 18px
+ padding: 9px 20px 0 19px
+ border-left: 1px solid #ddd
+ cite
+ display: block
+ +font-size(12)
+ color: #555
+ &:before
+ content: "\2014 \0020"
+ a, a:visited
+ color: #555
+
+hr
+ border: solid #ddd
+ border-width: 1px 0 0
+ clear: both
+ margin: 12px 0 18px
+ height: 0
+
+abbr, acronym
+ text-transform: uppercase
+ font-size: 90%
+ color: #222
+ border-bottom: 1px solid #ddd
+ cursor: help
+abbr
+ text-transform: none
+
+// Print styles
+//-------------------------------------------
+
+// Notes:
+//
+// Using "@media print" to avoid additional HTTP request to print.css
+// Source: http://www.phpied.com/delay-loading-your-print-css/
+// Credit: Paul Irish & HTML5 Boilerplate (http://html5boilerplate.com/)
+
+.print-only
+ display: none !important
+
+@media print
+ *
+ background: transparent !important
+ color: $black !important
+ text-shadow: none !important
+ filter: none !important
+ -ms-filter: none !important
+ p
+ a, a:visited
+ color: #444 !important
+ text-decoration: underline
+ a[href]:after
+ content: " (" attr(href) ")"
+ abbr[title]:after
+ content: " (" attr(href) ")"
+ .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after
+ content: ""
+ pre, blockquote
+ border: solid 1px #999
+ page-break-inside: avoid
+ thead
+ display: table-header-group
+ tr, img
+ page-break-inside: avoid
+ @page
+ margin: 0.5cm
+ p, h2, h3
+ orphans: 3
+ widows: 3
+ h2, h3
+ page-break-after: avoid
+ .hide-on-print
+ display: none !important
+ .print-only
+ display: block !important
View
544 stylesheets/foundation/_ui.sass
@@ -0,0 +1,544 @@
+// Table of Contents:
+//
+// Alerts
+// Labels
+// Tabs
+// Pagination
+// Breadcrumbs
+// Lists
+// Panels
+// Nav
+// Video
+// Microformats
+// Tooltips
+
+// Alerts
+//----------------------------------------------
+
+div.alert-box
+ display: block
+ padding: 6px 7px
+ font-weight: bold
+ +font-size(13)
+ background: #eee
+ border: 1px solid rgba(0,0,0,0.1)
+ margin-bottom: 12px
+ +border-radius(3px)
+ text-shadow: 0 1px rgba(255,255,255,0.9)
+ position: relative
+ &.success
+ background-color: #7fae00
+ color: $white
+ text-shadow: 0 -1px rgba(0,0,0,0.3)
+ &.warning
+ background-color: #c08c00
+ color: $white
+ text-shadow: 0 -1px rgba(0,0,0,0.3)
+ &.error
+ background-color: #c00000
+ color: $white
+ text-shadow: 0 -1px rgba(0,0,0,0.3)
+ a.close
+ color: $black
+ position: absolute
+ right: 4px
+ top: 0
+ +font-size(18)
+ +opacity(0.2)
+ padding: 4px
+ &:hover, &:focus
+ +opacity(0.4)
+
+
+
+// Labels
+//------------------------------------------------
+.label
+ padding: 0px 4px 2px
+ +font-size(11)
+ font-weight: bold
+ text-align: center
+ text-decoration: none
+ line-height: 1
+ white-space: nowrap
+ display: inline
+ position: relative
+ bottom: 1px
+ color: $white
+ background: $default-color
+ &.radius
+ +border-radius(2px)
+ &.round
+ padding: 1px 7px 2px
+ +border-radius(8px)
+ // Colors
+ &.blue
+ background-color: $blue
+ &.red
+ background-color: $red
+ &.green
+ background-color: $green
+ &.white
+ background-color: #e9e9e9
+ color: #333
+ &.black
+ background-color: $black
+
+
+
+// Tabs
+//------------------------------------------------
+
+dl.tabs
+ display: block
+ margin: 0 0 20px 0
+ padding: 0
+ height: 30px
+ border-bottom: solid 1px #ddd
+ dt
+ display: block
+ width: auto
+ height: 30px
+ padding: 0 9px 0 20px
+ line-height: 30px
+ float: left
+ color: #999
+ +font-size(11)
+ text-transform: uppercase
+ cursor: default
+ &:first-child
+ padding: 0 9px 0 0
+ dd
+ display: block
+ width: auto
+ height: 30px
+ padding: 0
+ float: left
+ a
+ display: block
+ width: auto
+ height: 29px
+ padding: 0 9px
+ line-height: 30px
+ border: solid 1px #ddd
+ margin: 0 -1px 0 0
+ color: #555
+ background: #eee
+ &.active
+ background: #fff
+ border-width: 1px 1px 0 1px
+ height: 30px
+
+// Nice tabs
+.nice
+ &.tabs
+ border-bottom: solid 1px #eee
+ margin: 0 0 30px
+ height: 43px
+ dd
+ a
+ padding: 7px 18px 9px
+ +font-size(15)
+ color: #555
+ background: none
+ border: none
+ &.active
+ font-weight: bold
+ color: #333
+ background: #fff
+ border-left: 1px solid #eee
+ border-right: 1px solid #eee
+ border-top: 3px solid #00a6fc
+ margin: 0 10px
+ position: relative
+ top: -5px
+ &: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
+ float: none
+ height: auto
+dl.tabs.vertical dd a
+ display: block
+ width: auto
+ height: auto
+ padding: 15px 20px
+ line-height: 1
+ border: solid 0 #ccc
+ border-width: 1px 1px 0
+ margin: 0
+ color: #555
+ background: #eee
+ +font-size(15)
+ &.active
+ height: auto
+ margin: 0
+ border-width: 1px 0 0
+ background: $white
+
+// Nice tabs vertical
+.nice.tabs.vertical
+ border-bottom: solid 1px #eee
+ height: auto
+ dd
+ a
+ padding: 15px 20px
+ background: $white
+ border: none
+ border-left: 1px solid #eee
+ border-right: 1px solid #eee
+ border-top: 1px solid #eee
+ &.active
+ border: none
+ background: $default-color
+ color: $white
+ margin: 0
+ position: static
+ top: 0
+ height: auto
+ &:first-child
+ a
+ &.active
+ margin: 0
+
+ul.tabs-content
+ margin: 0
+ display: block
+ &>li
+ display: none
+ &.active
+ display: block
+.no-js ul.tabs-content>li
+ display: block
+
+dl.contained, dl.nice.contained
+ margin-bottom: 0
+dl.contained.tabs dd a
+ padding: 0 14px
+dl.nice.contained.tabs dd a
+ padding: 7px 18px 9px
+
+ul.contained.tabs-content
+ padding: 0
+ &>li
+ padding: 20px
+ border: solid 0 #ddd
+ border-width: 0 1px 1px 1px
+ul.contained.vertical.tabs-content>li
+ border-width: 1px 1px 1px 1px
+ul.nice.contained.tabs-content
+ &>li
+ border-color: #eee
+
+// Pagination
+//------------------------------------------------
+
+ul.pagination
+ display: block
+ height: 24px
+ margin-left: -5px
+ li
+ float: left
+ display: block
+ height: 24px
+ color: #999
+ +font-size(15)
+ margin-left: 5px
+ a
+ display: block
+ padding: 6px 7px 4px
+ color: #555
+ &.current, &:hover, &:focus
+ a
+ border-bottom: solid 2px #00a6fc
+ color: #141414
+ &.unavailable
+ a
+ cursor: default
+ color: #999
+ &:hover, &:focus
+ a
+ border-bottom: none
+
+// Breadcrumbs
+//------------------------------------------------
+ul.breadcrumbs
+ display: block
+ background: #f4f4f4
+ padding: 7px 10px
+ border: 1px solid #ddd
+ +border-radius(2px)
+ overflow: hidden
+ li
+ margin: 0
+ padding: 0 12px 0 0
+ float: left
+ a, span
+ text-transform: uppercase
+ +font-size(11)
+ padding-left: 12px
+ &:first-child
+ a, span
+ padding-left: 0
+ &:before
+ content: "/"
+ color: #333
+ &:first-child
+ &:before
+ content: ""
+ &.current
+ a
+ cursor: default
+ color: #333
+ &:hover a, a:focus
+ text-decoration: underline
+ &.current
+ &:hover a, a:focus
+ text-decoration: none
+ &.unavailable
+ a
+ color: #999
+ &:hover a, a:focus
+ text-decoration: none
+ color: #999
+ cursor: default
+
+// Lists
+//--------------------------------------------------
+
+ul.nice, ol.nice
+ list-style: none
+ margin: 0
+ li
+ padding-left: 13px
+ position: relative
+ul.nice li span.bullet, ol.nice li span.number
+ position: absolute
+ left: 0
+ top: 0
+ color: #ccc
+
+// Panels
+//---------------------------------------------------
+
+div.panel
+ padding: 20px 20px 2px 20px
+ background-color: #efefef
+ +background-image(linear-gradient(#ffffff 0%, #f4f4f4 100%))
+ +box-shadow(0 2px 5px rgba(0,0,0,0.15))
+ margin: 0 0 20px 0
+
+// Nav Bar with Dropdowns
+//----------------------------------------------------
+
+.nav-bar
+ height: 45px
+ background: #fff
+ margin-top: 20px
+ border: 1px solid #ddd
+ &>li
+ float: left
+ display: block
+ position: relative
+ padding: 0
+ margin: 0
+ border-right: 1px solid #ddd
+ line-height: 45px
+ &>a.main
+ position: relative
+ +font-size(15)
+ padding: 0 20px
+ display: block
+ text-decoration: none
+ &>input
+ margin: 0 16px
+ ul
+ margin-bottom: 0
+ li
+ line-height: 1.3
+ &.has-flyout
+ &>a.main
+ padding-right: 36px
+ &>a.flyout-toggle
+ position: absolute
+ right: 0
+ top: 0
+ padding: 22px
+ z-index: 2
+ display: block
+ span
+ width: 0
+ height: 0
+ border-left: 4px solid transparent
+ border-right: 4px solid transparent
+ border-top: 4px solid $default-color
+ display: block
+.flyout
+ background: #fff
+ margin: 0
+ padding: 20px
+ border: 1px solid #ddd
+ position: absolute
+ top: 45px
+ left: -1px
+ width: 400px
+ z-index: 40
+ &.small
+ width: 200px
+ &.large
+ width: 600px
+ &.right
+ left: auto
+ right: 0
+ p:last-child
+ margin-bottom: 0
+.nav-bar>li .flyout
+ display: none
+
+// Sub Navs
+//---------------------------------------------------
+// http://www.zurb.com/article/292/how-to-create-simple-and-effective-sub-na
+dl.sub-nav
+ display: block
+ width: auto
+ overflow: hidden
+ margin: -4px 0 18px -9px
+ padding-top: 4px
+ dt, dd
+ float: left
+ display: inline
+ margin-left: 9px
+ margin-bottom: 4px
+ dt
+ color: #999
+ font-weight: normal
+ dd
+ a
+ text-decoration: none
+ +border-radius(12px)
+ &.active
+ a
+ background: $default-color
+ color: $white
+ padding: 3px 9px
+
+// 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%
+ height: 0
+ margin-bottom: 16px
+ overflow: hidden
+ &.widescreen
+ padding-bottom: 57.25%
+ &.vimeo
+ padding-top: 0
+ iframe, object, embed
+ position: absolute
+ top: 0
+ left: 0
+ width: 100%
+ height: 100%
+
+// Microformats
+//---------------------------------------------------
+
+// hcard
+ul.vcard
+ display: inline-block
+ margin: 0 0 12px 0
+ border: 1px solid #ddd
+ padding: 10px
+