compass-foundation 0.1

data/vendor/assets/javascripts/jquery.reveal.js

@@ -0,0 +1,126 @@
+/*
+ * jQuery Reveal Plugin 1.0
+ * www.ZURB.com
+ * Copyright 2010, ZURB
+ * Free to use under the MIT license.
+ * http://www.opensource.org/licenses/mit-license.php
+*/
+
+
+(function ($) {
+  $('a[data-reveal-id]').live('click', function (event) {
+    event.preventDefault();
+    var modalLocation = $(this).attr('data-reveal-id');
+    $('#' + modalLocation).reveal($(this).data());
+  });
+
+  $.fn.reveal = function (options) {
+    var defaults = {
+      animation: 'fadeAndPop',                // fade, fadeAndPop, none
+      animationSpeed: 300,                    // how fast animtions are
+      closeOnBackgroundClick: true,           // if you click background will modal close?
+      dismissModalClass: 'close-reveal-modal' // the class of a button or element that will close an open modal
+    };
+    var options = $.extend({}, defaults, options);
+
+    return this.each(function () {
+      var modal    = $(this),
+        topMeasure = parseInt(modal.css('top')),
+        topOffset  = modal.height() + topMeasure,
+        locked     = false,
+        modalBg    = $('.reveal-modal-bg');
+
+      if (modalBg.length == 0) {
+        modalBg = $('<div class="reveal-modal-bg" />').insertAfter(modal);
+        modalBg.fadeTo('fast', 0.8);
+      }
+
+      function openAnimation() {
+        modalBg.unbind('click.modalEvent');
+        $('.' + options.dismissModalClass).unbind('click.modalEvent');
+        if (!locked) {
+          lockModal();
+          if (options.animation == "fadeAndPop") {
+            modal.css({'top': $(document).scrollTop() - topOffset, 'opacity': 0, 'visibility': 'visible'});
+            modalBg.fadeIn(options.animationSpeed / 2);
+            modal.delay(options.animationSpeed / 2).animate({
+              "top": $(document).scrollTop() + topMeasure + 'px',
+              "opacity": 1
+            }, options.animationSpeed, unlockModal);
+          }
+          if (options.animation == "fade") {
+            modal.css({'opacity': 0, 'visibility': 'visible', 'top': $(document).scrollTop() + topMeasure});
+            modalBg.fadeIn(options.animationSpeed / 2);
+            modal.delay(options.animationSpeed / 2).animate({
+              "opacity": 1
+            }, options.animationSpeed, unlockModal);
+          }
+          if (options.animation == "none") {
+            modal.css({'visibility': 'visible', 'top': $(document).scrollTop() + topMeasure});
+            modalBg.css({"display": "block"});
+            unlockModal();
+          }
+        }
+        modal.unbind('reveal:open', openAnimation);
+      }
+      modal.bind('reveal:open', openAnimation);
+
+      function closeAnimation() {
+        if (!locked) {
+          lockModal();
+          if (options.animation == "fadeAndPop") {
+            modalBg.delay(options.animationSpeed).fadeOut(options.animationSpeed);
+            modal.animate({
+              "top":  $(document).scrollTop() - topOffset + 'px',
+              "opacity": 0
+            }, options.animationSpeed / 2, function () {
+              modal.css({'top': topMeasure, 'opacity': 1, 'visibility': 'hidden'});
+              unlockModal();
+            });
+          }
+          if (options.animation == "fade") {
+            modalBg.delay(options.animationSpeed).fadeOut(options.animationSpeed);
+            modal.animate({
+              "opacity" : 0
+            }, options.animationSpeed, function () {
+              modal.css({'opacity': 1, 'visibility': 'hidden', 'top': topMeasure});
+              unlockModal();
+            });
+          }
+          if (options.animation == "none") {
+            modal.css({'visibility': 'hidden', 'top': topMeasure});
+            modalBg.css({'display': 'none'});
+          }
+        }
+        modal.unbind('reveal:close', closeAnimation);
+      }
+      modal.bind('reveal:close', closeAnimation);
+      modal.trigger('reveal:open');
+
+      var closeButton = $('.' + options.dismissModalClass).bind('click.modalEvent', function () {
+        modal.trigger('reveal:close');
+      });
+
+      if (options.closeOnBackgroundClick) {
+        modalBg.css({"cursor": "pointer"});
+        modalBg.bind('click.modalEvent', function () {
+          modal.trigger('reveal:close');
+        });
+      }
+
+      $('body').keyup(function (event) {
+        if (event.which === 27) { // 27 is the keycode for the Escape key
+          modal.trigger('reveal:close');
+        }
+      });
+
+      function unlockModal() {
+        locked = false;
+      }
+
+      function lockModal() {
+        locked = true;
+      }
+    });
+  };
+})(jQuery);

data/vendor/assets/stylesheets/compass-foundation/_compass_foundation.scss

@@ -0,0 +1,13 @@
+@import "globals.scss";
+@import "ie.scss";
+
+@import "typography.scss";
+@import "ui.scss";
+@import "forms.scss";
+@import "grid.scss";
+@import "mobile.scss";
+@import "orbit.scss";
+@import "reveal.scss";
+
+
+

data/vendor/assets/stylesheets/compass-foundation/_forms.scss

@@ -0,0 +1,249 @@
+/* 	Artfully masterminded by ZURB  
+	
+	Make sure to include the app.js if you are going to use inline label inputs 
+*/
+
+/* -----------------------------------------
+   Standard Forms
+----------------------------------------- */
+
+form {
+  margin: 0 0 18px;
+  label {
+    display: block;
+    font-size: 13px;
+    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, textarea, select, div.dropdown {
+    margin-top: -9px; } }
+
+select + div.dropdown {
+  margin-top: -9px; }
+
+/* Text input and textarea font and padding */
+
+input.input-text, textarea {
+  font-size: 13px;
+  padding: 4px 3px 2px;
+  outline: none !important;
+  background: #fff; }
+
+input.input-text.oversize, textarea.oversize {
+  font-size: 18px !important;
+  padding: 4px 5px !important; }
+
+input.input-text:focus, textarea:focus {
+  background: #f9f9f9; }
+
+/* Inlined Label Style */
+
+input.placeholder, textarea.placeholder {
+  color: #888; }
+
+/* Text input and textarea sizes */
+
+input.input-text, textarea {
+  width: 254px; }
+
+input.small, textarea.small {
+  width: 134px; }
+
+input.medium, textarea.medium {
+  width: 254px; }
+
+input.large, textarea.large {
+  width: 434px; }
+
+/* Fieldsets */
+
+form fieldset {
+  padding: 9px 9px 2px 9px;
+  border: solid 1px #ddd;
+  margin: 18px 0; }
+
+/* Inlined Radio & Checkbox */
+
+div.form-field {
+  input {
+    &[type=radio], &[type=checkbox] {
+      display: inline;
+      width: auto;
+      margin-bottom: 0; } }
+  &.error input {
+    border-color: red;
+    background-color: rgba(255, 0, 0, 0.15); } }
+
+/* Errors */
+
+input.input-text.red {
+  border-color: red;
+  background-color: rgba(255, 0, 0, 0.15); }
+
+div.form-field.error label, label.red {
+  color: red; }
+
+div.form-field.error small, small.error {
+  margin-top: -6px;
+  display: block;
+  margin-bottom: 9px;
+  font-size: 11px;
+  color: red;
+  width: 260px; }
+
+.small + small.error {
+  width: 140px; }
+
+.medium + small.error {
+  width: 260px; }
+
+.large + small.error {
+  width: 440px; }
+
+/* -----------------------------------------
+   Nicer Forms
+----------------------------------------- */
+
+form {
+  &.nice {
+    div.form-field input, input.input-text, textarea {
+      border: solid 1px #bbb;
+      border-radius: 2px;
+      -webkit-border-radius: 2px;
+      -moz-border-radius: 2px; }
+    div.form-field input, input.input-text, textarea {
+      font-size: 13px;
+      padding: 6px 3px 4px;
+      outline: none !important;
+      background: url(../images/misc/input-bg.png) white; }
+    div.form-field input:focus, input.input-text:focus, textarea:focus {
+      background-color: #f9f9f9; }
+    fieldset {
+      border-radius: 3px;
+      -webkit-border-radius: 3px;
+      -moz-border-radius: 3px; }
+    div.form-field {
+      input {
+        &[type=radio], &[type=checkbox] {
+          display: inline;
+          width: auto;
+          margin-bottom: 0; } }
+      &.error small {
+        padding: 6px 4px;
+        border: solid 0px red;
+        border-width: 0px 1px 1px 1px;
+        margin-top: -10px;
+        background: red;
+        color: #fff;
+        font-size: 12px;
+        font-weight: bold;
+        border-bottom-left-radius: 2px;
+        border-bottom-right-radius: 2px;
+        -webkit-border-bottom-left-radius: 2px;
+        -webkit-border-bottom-right-radius: 2px;
+        -moz-border-radius-bottomleft: 2px;
+        -moz-border-radius-bottomright: 2px; } }
+    small.error {
+      padding: 6px 4px;
+      border: solid 0px red;
+      border-width: 0px 1px 1px 1px;
+      margin-top: -10px;
+      background: red;
+      color: #fff;
+      font-size: 12px;
+      font-weight: bold;
+      border-bottom-left-radius: 2px;
+      border-bottom-right-radius: 2px;
+      -webkit-border-bottom-left-radius: 2px;
+      -webkit-border-bottom-right-radius: 2px;
+      -moz-border-radius-bottomleft: 2px;
+      -moz-border-radius-bottomright: 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; } }
+  &.custom {
+    span.custom {
+      display: inline-block;
+      width: 14px;
+      height: 14px;
+      position: relative;
+      top: 2px;
+      border: solid 1px #ccc;
+      background: url(../images/misc/custom-form-sprites.png) 0 0 no-repeat;
+      &.radio {
+        border-radius: 7px;
+        -webkit-border-radius: 7px;
+        -moz-border-radius: 7px;
+        &.checked {
+          background-position: 0px -14px; } }
+      &.checkbox.checked {
+        background-position: 0px -28px; } }
+    div.custom.dropdown {
+      position: relative;
+      display: inline-block;
+      width: auto;
+      height: 28px;
+      margin-bottom: 9px;
+      a {
+        &.current {
+          display: block;
+          width: auto;
+          line-height: 26px;
+          padding: 0 38px 0 6px;
+          border: solid 1px #ddd;
+          color: #141414; }
+        &.selector {
+          position: absolute;
+          width: 26px;
+          height: 26px;
+          display: block;
+          background: url(../images/misc/custom-form-sprites.png) -14px 0 no-repeat;
+          right: 0px;
+          top: 0px;
+          border: solid 1px #ddd; } }
+      &:hover a.selector, &.open a.selector {
+        background-position: -14px -26px; }
+      ul {
+        position: absolute;
+        width: auto;
+        display: none;
+        margin: 0;
+        left: 0px;
+        top: 27px;
+        margin: 0;
+        padding: 0;
+        background: rgba(255, 255, 255, 0.9);
+        border: solid 1px #ddd;
+        z-index: 10;
+        li {
+          cursor: pointer;
+          padding: 3px 38px 3px 6px;
+          margin: 0;
+          &.selected {
+            background: url(../images/misc/custom-form-sprites.png) right -52px no-repeat; }
+          &:hover {
+            background-color: #2a85e8;
+            color: #fff; }
+          &.selected:hover {
+            background: url(../images/misc/custom-form-sprites.png) #2a85e8 right -78px no-repeat; } }
+        &.show {
+          display: block; } }
+      &.open ul {
+        display: block; } } } }
+
+/* -----------------------------------------
+   Custom Forms
+----------------------------------------- */

data/vendor/assets/stylesheets/compass-foundation/_globals.scss

@@ -0,0 +1,176 @@
+/* Artfully Masterminded by ZURB */
+
+/* -------------------------------------------------- 
+    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, &:after {
+    content: '';
+    content: none; } }
+
+q {
+  &:before, &:after {
+    content: '';
+    content: none; } }
+
+table {
+  border-collapse: collapse;
+  border-spacing: 0; }
+
+body {
+  background: #fff;
+  font-family: "Helvetica Neue", "HelveticaNeue", Helvetica, Arial, "Lucida Grande", sans-serif;
+  font-size: 13px;
+  line-height: 18px;
+  color: #555;
+  position: relative;
+  -webkit-font-smoothing: antialiased; }
+
+/*	--------------------------------------------------
+	:: Links
+	-------------------------------------------------- */
+
+a {
+  color: #2a85e8;
+  text-decoration: none;
+  outline: 0;
+  line-height: inherit;
+  &:hover {
+    color: #11639d; } }
+
+p a {
+  line-height: inherit;
+  &:visited {
+    line-height: inherit; } }
+
+/*	--------------------------------------------------
+	:: Lists
+	-------------------------------------------------- */
+
+ul, ol {
+  margin-bottom: 18px; }
+
+ul {
+  list-style: none outside; }
+
+ol {
+  list-style: decimal;
+  margin-left: 30px; }
+
+ul {
+  &.square, &.circle, &.disc {
+    margin-left: 30px; }
+  &.square {
+    list-style: square outside; }
+  &.circle {
+    list-style: circle outside; }
+  &.disc {
+    list-style: disc outside; }
+  ul {
+    margin: 4px 0 5px 30px; } }
+
+ol ol {
+  margin: 4px 0 5px 30px; }
+
+li {
+  margin-bottom: 12px; }
+
+ul.large li {
+  line-height: 21px; }
+
+/*	--------------------------------------------------
+	:: Tables
+	-------------------------------------------------- */
+
+table {
+  background: #fff;
+  -moz-border-radius: 3px;
+  -webkit-border-radius: 3px;
+  width: 100%;
+  margin: 0 0 18px;
+  border: 1px solid #ddd;
+  thead {
+    background: #f5f5f5;
+    tr th {
+      font-size: 12px;
+      line-height: 18px;
+      text-align: left; } }
+  tbody tr td {
+    font-size: 12px;
+    line-height: 18px;
+    text-align: left; }
+  thead tr th {
+    padding: 8px 10px 9px;
+    font-size: 14px;
+    font-weight: bold;
+    color: #222;
+    &:first-child {
+      border-left: none; }
+    &:last-child {
+      border-right: none; } }
+  tbody tr {
+    &.even, &.alt, &:nth-child(even) {
+      background: #f9f9f9; }
+    td {
+      color: #333;
+      padding: 9px 10px;
+      vertical-align: top;
+      border: none; } } }
+
+/* -------------------------------------------------- 
+	:: Misc
+---------------------------------------------------*/
+
+.left {
+  float: left; }
+
+.right {
+  float: right; }
+
+.hide {
+  display: none; }
+
+.highlight {
+  background: #ff0; }