coyote 0.5.2 → 0.6.1

data/test/assets/stylesheets/lib/_keystone.scss

@@ -0,0 +1,4 @@
+@import "keystone/css3";
+@import "keystone/scaffolding";
+@import "keystone/typography";
+@import "keystone/utilities";

data/test/assets/stylesheets/lib/keystone/_css3.scss

@@ -0,0 +1,6 @@
+@import "css3/background-clip";
+@import "css3/border-radius";
+@import "css3/box-shadow";
+@import "css3/box-sizing";
+@import "css3/opacity";
+@import "css3/transition";

data/test/assets/stylesheets/lib/keystone/_scaffolding.scss

@@ -0,0 +1,2 @@
+@import "scaffolding/reset";
+@import "scaffolding/structure";

data/test/assets/stylesheets/lib/keystone/_typography.scss

@@ -0,0 +1,3 @@
+@import "typography/links";
+@import "typography/lists";
+@import "typography/replacement";

data/test/assets/stylesheets/lib/keystone/_utilities.scss

@@ -0,0 +1,3 @@
+@import "utilities/alignment";
+@import "utilities/autoclear";
+@import "utilities/hoverbox";

data/test/assets/stylesheets/lib/keystone/css3/_background-clip.scss

@@ -0,0 +1,5 @@
+@mixin background-clip($clip) {
+  -webkit-background-clip: $clip;
+  -moz-background-clip: $clip;
+  background-clip: $clip;
+}

data/test/assets/stylesheets/lib/keystone/css3/_border-radius.scss

@@ -0,0 +1,5 @@
+@mixin border-radius($radius: 5px) {
+  -webkit-border-radius: $radius;
+  -moz-border-radius: $radius;
+  border-radius: $radius;
+}

data/test/assets/stylesheets/lib/keystone/css3/_box-shadow.scss

@@ -0,0 +1,5 @@
+@mixin box-shadow($shadow: 0 1px 3px rgba(0,0,0,.25)) {
+  -webkit-box-shadow: $shadow;
+  -moz-box-shadow: $shadow;
+  box-shadow: $shadow;
+}

data/test/assets/stylesheets/lib/keystone/css3/_box-sizing.scss

@@ -0,0 +1,5 @@
+@mixin box-sizing($sizing) {
+  -webkit-box-sizing: $sizing;
+  -moz-box-sizing: $sizing;
+  box-sizing: $sizing;
+}

data/test/assets/stylesheets/lib/keystone/css3/_opacity.scss

@@ -0,0 +1,6 @@
+@mixin opacity($opacity: 100) {
+  filter: alpha(opacity=$opacity);
+  -moz-opacity: $opacity * 0.01;
+  -khtml-opacity: $opacity * 0.01;
+  opacity: $opacity * 0.01;
+}

data/test/assets/stylesheets/lib/keystone/css3/_transition.scss

@@ -0,0 +1,5 @@
+@mixin transition($transition) {
+  -webkit-transition: $transition;
+  -moz-transition: $transition;
+  transition: $transition;
+}

data/test/assets/stylesheets/lib/keystone/scaffolding/_reset.scss

@@ -0,0 +1,75 @@
+@mixin global-reset {
+  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-size: 100%;
+    font: inherit;
+    vertical-align: baseline;
+  }
+
+  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;
+  }
+}
+
+@mixin imulus-reset {
+  input, select, textarea, button {
+    background: transparent;
+    margin: 0;
+    padding: 0;
+    border: 0;
+  }
+
+  ins {
+    text-decoration: none;
+  }
+
+  del {
+    text-decoration: line-through;
+  }
+
+  strong {
+    font-weight: bold;
+  }
+
+  em {
+    font-style: italic;
+  }
+}

data/test/assets/stylesheets/lib/keystone/scaffolding/_structure.scss

@@ -0,0 +1,23 @@
+@mixin html($html-background: false) {
+  font: $font-size/normal $sans-serif;
+  color: $font-color;
+  @if $html-background {
+    background: $html-background;
+  }
+  overflow-y: scroll;
+}
+
+@mixin body($body-background: false) {
+  position: relative;
+  line-height: $baseline;
+  @if $body-background {
+    background: $body-background;
+  }
+}
+
+@mixin container($width) {
+  position: relative;
+  width: $width;
+  margin: 0 auto;
+  @include autoclear;
+}

data/test/assets/stylesheets/lib/keystone/typography/_links.scss

@@ -0,0 +1,66 @@
+@mixin link-colors($normal, $hover: false, $active: false, $visited: false, $focus: false) {
+  color: $normal;
+
+  @if $visited {
+    &:visited {
+      color: $visited;
+    }
+  }
+
+  @if $focus {
+    &:focus {
+      color: $focus;
+    }
+  }
+
+  @if $hover {
+    &:hover {
+      color: $hover;
+    }
+  }
+
+  @if $active {
+    &:active {
+      color: $active;
+    }
+  }
+}
+
+@mixin link-underlines($normal, $hover: false, $active: false, $visited: false, $focus: false) {
+  text-decoration: $normal;
+
+  @if $visited {
+    &:visited {
+      text-decoration: $visited;
+    }
+  }
+
+  @if $focus {
+    &:focus {
+      text-decoration: $focus;
+    }
+  }
+
+  @if $hover {
+    &:hover {
+      text-decoration: $hover;
+    }
+  }
+
+  @if $active {
+    &:active {
+      text-decoration: $active;
+    }
+  }
+}
+
+@mixin unstyled-link {
+  color: inherit;
+  text-decoration: inherit;
+  cursor: inherit;
+
+  &:active,
+  &:focus {
+    outline: none;
+  }
+}

data/test/assets/stylesheets/lib/keystone/typography/_lists.scss

@@ -0,0 +1,38 @@
+@mixin no-bullets {
+  list-style: none;
+  margin-left: 0;
+
+  ul, ol {
+    list-style: none;
+    margin-left: 0;
+  }
+}
+
+@mixin inline-list {
+  @include no-bullets;
+  float: left;
+
+  li {
+    float: left;
+  }
+}
+
+@mixin fancy-lists {
+  ul {
+    padding: 0 0 10px 15px;
+
+    li {
+      padding: 0 0 5px 15px;
+      background: url("/images/icons/bullet.png") left 5px no-repeat;
+    }
+
+    ul {
+      padding-bottom: 0;
+      padding-top: 5px;
+
+      li {
+        background-image: url("/images/icons/bullet-inner.png");
+      }
+    }
+  }
+}

data/test/assets/stylesheets/lib/keystone/typography/_replacement.scss

@@ -0,0 +1,12 @@
+@mixin hide-text {
+  text-indent: -9999px;
+  overflow: hidden;
+  text-align: left;
+}
+
+@mixin image-replacement($image, $width, $height, $x: 0, $y: 0) {
+  @include hide-text;
+  background: url($image) $x $y no-repeat;
+  width: $width;
+  height: $height;
+}

data/test/assets/stylesheets/lib/keystone/utilities/_alignment.scss

@@ -0,0 +1,3 @@
+@mixin align-center {
+  text-align: center;
+}

data/test/assets/stylesheets/lib/keystone/utilities/_autoclear.scss

@@ -0,0 +1,11 @@
+@mixin autoclear {
+  zoom: 1;
+  &:before,
+  &:after {
+    display: table;
+    content: "";
+  }
+  &:after {
+    clear: both;
+  }
+}

data/test/assets/stylesheets/lib/keystone/utilities/_hoverbox.scss

@@ -0,0 +1,32 @@
+@mixin hoverbox {
+  a.hover-box img,
+  a.hover-box img.original {
+    float: left;
+    position: relative;
+  }
+
+  a.hover-box img.hover {
+    display: none;
+  }
+
+  a.hover-box {
+    position: relative;
+    float: left;
+    display: block;
+  }
+
+  a.hover-box:hover {
+    display: block;
+    font-size: 100%;
+    z-index: 1;
+  }
+
+  a.hover-box:hover img.hover {
+    display: block;
+    position: absolute;
+    float: left;
+    left: 0;
+    top: 0;
+    z-index: 10;
+  }
+}

data/test/assets/stylesheets/styles.scss

@@ -0,0 +1,58 @@
+/* ----------------------------------------------------------------------------
+
+  Confio
+  Coded by Taylor Smith of Imulus
+
+---------------------------------------------------------------------------- */
+
+// Global Variables
+
+
+// Site Styles
+
+$html-background : #fff;
+$body-background : #eee;
+
+
+// Font Styles
+
+$sans-serif      : "Helvetica Neue", Arial, Helvetica, sans-serif;
+$serif           : "Georgia", "Times New Roman", Times, serif;
+$monospace       : "Andale Mono", "Lucida Console", monospace;
+$font-size       : 12px;
+$baseline        : 18px;
+$font-color      : #555;
+
+
+// Links
+
+$link-color      : #3da1c9;
+$link-hover      : darken($link-color, 15);
+
+
+// Grays
+
+$black           : #000;
+$white           : #fff;
+$grey-dark       : lighten($black, 25%);
+$grey-mid        : lighten($black, 50%);
+$grey-light      : lighten($black, 75%);
+$off-white       : lighten($black, 90%);
+
+
+// Accent Colors
+
+$blue            : #049CDB;
+$green           : #46a546;
+$red             : #9d261d;
+$yellow          : #ffc40d;
+$orange          : #f89406;
+$pink            : #c3325f;
+$purple          : #7a43b6;
+
+
+// Import Partials
+
+@import "lib/keystone";
+@import "app/confio";
+@import "vendor/vendor";

data/test/public/scripts/coyote.js

@@ -0,0 +1,93 @@
+(function() {
+  this.module = function(names, fn) {
+    var space, _name;
+    if (typeof names === 'string') {
+      names = names.split('.');
+    }
+    space = this[_name = names.shift()] || (this[_name] = {});
+    space.module || (space.module = this.module);
+    if (names.length) {
+      return space.module(names, fn);
+    } else {
+      return fn.call(space);
+    }
+  };
+}).call(this);
+
+
+(function() {
+  this.module("Keystone", function() {
+    return this.Forms = (function() {
+      function Forms($form) {
+        this.build();
+      }
+      Forms.prototype.build = function() {
+        if (!Keystone.elementSupportsAttribute('input', 'placeholder')) {
+          return $('input[placeholder]').each(function() {
+            var $input, placeholder;
+            $input = $(this);
+            placeholder = $input.attr('placeholder');
+            $input.val(placeholder).addClass('inactive');
+            return $input.bind({
+              focus: function() {
+                if ($input.val() === placeholder) {
+                  return $input.val('').removeClass('inactive');
+                }
+              },
+              blur: function() {
+                if ($input.val() === '') {
+                  return $input.val(placeholder).addClass('inactive');
+                }
+              }
+            });
+          });
+        }
+      };
+      return Forms;
+    })();
+  });
+}).call(this);
+
+
+(function() {
+  Keystone.elementSupportsAttribute = function(element, attribute) {
+    return attribute in document.createElement(element);
+  };
+}).call(this);
+
+
+(function() {
+  this.module("ClientName", function() {
+    return this.Interface = (function() {
+      function Interface() {
+        this.build();
+      }
+      Interface.prototype.build = function() {
+        return new Keystone.Forms;
+      };
+      return Interface;
+    })();
+  });
+}).call(this);
+
+
+(function() {
+  this.module("ClientName", function() {
+    return this.main = function() {
+      return this.interface = new ClientName.Interface;
+    };
+  });
+}).call(this);
+
+
+(function() {
+  $(function() {
+    return ClientName.main();
+  });
+}).call(this);
+
+
+../../assets/javascripts/app/confio/interface.js../../assets/javascripts/app/confio/main.js
+
+
+