compass-foundation 0.1

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

@@ -0,0 +1,188 @@
+/* Arfully Masterminded by ZURB */
+
+/* --------------------------------------------------
+	:: Grid
+	
+	This is the mobile-friendly, responsive grid that
+	lets Foundation work much of its magic.
+	
+	-------------------------------------------------- */
+
+.container {
+  padding: 0px 20px; }
+
+.row {
+  width: 100%;
+  max-width: 980px;
+  min-width: 727px;
+  margin: 0 auto;
+  .row {
+    min-width: 0px; } }
+
+/* To fix the grid into a certain size, set max-width to width */
+
+.column, .columns {
+  margin-left: 4.4%;
+  float: left;
+  min-height: 1px;
+  position: relative; }
+
+.column:first-child, .columns:first-child {
+  margin-left: 0px; }
+
+.row {
+  .one.columns {
+    width: 4.3%; }
+  .two.columns {
+    width: 13%; }
+  .three.columns {
+    width: 21.68%; }
+  .four.columns {
+    width: 30.4%; }
+  .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%; }
+  .offset-by-two {
+    margin-left: 21.8%; }
+  .offset-by-three {
+    margin-left: 30.5%; }
+  .offset-by-four {
+    margin-left: 39.2%; }
+  .offset-by-five {
+    margin-left: 47.9%; }
+  .offset-by-six {
+    margin-left: 56.6%; }
+  .offset-by-seven {
+    margin-left: 65.3%; }
+  .offset-by-eight {
+    margin-left: 74.0%; }
+  .offset-by-nine {
+    margin-left: 82.7%; }
+  .offset-by-ten {
+    margin-left: 91.4%; }
+  .one.centered {
+    margin-left: 47.9%; }
+  .two.centered {
+    margin-left: 43.5%; }
+  .three.centered {
+    margin-left: 39.2%; }
+  .four.centered {
+    margin-left: 34.8%; }
+  .five.centered {
+    margin-left: 30.5%; }
+  .six.centered {
+    margin-left: 26.1%; }
+  .seven.centered {
+    margin-left: 21.8%; }
+  .eight.centered {
+    margin-left: 17.4%; }
+  .nine.centered {
+    margin-left: 13.1%; }
+  .ten.centered {
+    margin-left: 8.7%; }
+  .eleven.centered {
+    margin-left: 4.3%; }
+  .offset-by-one:first-child {
+    margin-left: 8.7%; }
+  .offset-by-two:first-child {
+    margin-left: 17.4%; }
+  .offset-by-three:first-child {
+    margin-left: 26.1%; }
+  .offset-by-four:first-child {
+    margin-left: 34.8%; }
+  .offset-by-five:first-child {
+    margin-left: 43.5%; }
+  .offset-by-six:first-child {
+    margin-left: 52.2%; }
+  .offset-by-seven:first-child {
+    margin-left: 60.9%; }
+  .offset-by-eight:first-child {
+    margin-left: 69.6%; }
+  .offset-by-nine:first-child {
+    margin-left: 78.3%; }
+  .offset-by-ten:first-child {
+    margin-left: 87%; }
+  .offset-by-eleven:first-child {
+    margin-left: 95.7%; } }
+
+/*.row .offset-by-eleven 	{ margin-left: 95.7%;  }*/
+
+img, object, embed {
+  max-width: 100%;
+  height: auto; }
+
+img {
+  -ms-interpolation-mode: bicubic; }
+
+/* Nicolas Gallagher's micro clearfix */
+
+.row {
+  &:before, &:after {
+    content: "";
+    display: table; } }
+
+.clearfix {
+  &:before, &:after {
+    content: "";
+    display: table; } }
+
+.row:after, .clearfix:after {
+  clear: both; }
+
+.row, .clearfix {
+  zoom: 1; }
+
+/*	--------------------------------------------------
+	:: Block grids
+	
+	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
+	-------------------------------------------------- */
+
+.block-grid {
+  display: block;
+  overflow: hidden; }
+
+.block-grid>li {
+  display: block;
+  height: auto;
+  float: left; }
+
+.block-grid {
+  &.two-up {
+    margin-left: -4%; }
+  &.two-up>li {
+    margin-left: 4%;
+    width: 46%; }
+  &.three-up {
+    margin-left: -2%; }
+  &.three-up>li {
+    margin-left: 2%;
+    width: 31.3%; }
+  &.four-up {
+    margin-left: -2%; }
+  &.four-up>li {
+    margin-left: 2%;
+    width: 23%; }
+  &.five-up {
+    margin-left: -1.5%; }
+  &.five-up>li {
+    margin-left: 1.5%;
+    width: 18.5%; } }

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

@@ -0,0 +1,4 @@
+/* This is for all IE specfific style less than IE9. We hate IE. */
+
+div.panel {
+  border: 1px solid #ccc; }

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

@@ -0,0 +1,220 @@
+/* --------------------------------------------------
+	:: Grid
+	-------------------------------------------------- */
+
+/* Tablet screens */
+@media only screen and (device-width: 768px), (device-width: 800px) {
+  /* Currently unused */ }
+
+/* Mobile */
+@media only screen and (max-width: 767px) {
+  body {
+    -webkit-text-size-adjust: none; }
+  .row, body, .container {
+    width: 100%;
+    min-width: 0;
+    margin-left: 0px;
+    margin-right: 0px;
+    padding-left: 0px;
+    padding-right: 0px; }
+  .row .row {
+    .column, .columns {
+      padding: 0; } }
+  .column, .columns {
+    width: auto !important;
+    float: none;
+    margin-left: 0px;
+    margin-right: 0px;
+    padding-left: 20px;
+    padding-right: 20px; }
+  .column:last-child, .columns:last-child {
+    margin-right: 0px; }
+  .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; } }
+
+/* --------------------------------------------------
+	:: Block Grids
+	-------------------------------------------------- */
+
+@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, .show-on-tablets {
+  display: none !important; }
+
+.show-on-desktops {
+  display: block; }
+
+.hide-on-phones, .hide-on-tablets {
+  display: block !important; }
+
+.hide-on-desktops {
+  display: none; }
+
+@media only screen and (max-device-width: 800px), only screen and (device-width: 800px) {
+  .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, .hide-on-desktops, .show-on-phones {
+    display: block !important; }
+  .show-on-tablets, .show-on-desktops {
+    display: none !important; } }
+
+/* only screen and (device-width: 1280px), only screen and (max-device-width: 1280px),  /*
+	
+	
+/* -------------------------------------------------- 
+	:: Forms
+---------------------------------------------------*/
+
+@media only screen and (max-width: 767px) {
+  div.form-field input {
+    display: block;
+    width: 96%;
+    padding: 6px 2% 4px;
+    font-size: 18px;
+    &.small, &.medium, &.large, &.oversize {
+      display: block;
+      width: 96%;
+      padding: 6px 2% 4px;
+      font-size: 18px; } }
+  input.input-text {
+    display: block;
+    width: 96%;
+    padding: 6px 2% 4px;
+    font-size: 18px;
+    &.oversize {
+      display: block;
+      width: 96%;
+      padding: 6px 2% 4px;
+      font-size: 18px; } }
+  textarea {
+    display: block;
+    width: 96%;
+    padding: 6px 2% 4px;
+    font-size: 18px; }
+  form.nice {
+    div.form-field input, input.input-text {
+      display: block;
+      width: 96%;
+      padding: 6px 2% 4px;
+      font-size: 18px;
+      &.oversize {
+        display: block;
+        width: 96%;
+        padding: 6px 2% 4px;
+        font-size: 18px; } }
+    textarea {
+      display: block;
+      width: 96%;
+      padding: 6px 2% 4px;
+      font-size: 18px; }
+    div.form-field input, input.input-text {
+      -webkit-border-radius: 2px;
+      -moz-border-radius: 2px;
+      &.oversize {
+        -webkit-border-radius: 2px;
+        -moz-border-radius: 2px; } }
+    textarea {
+      -webkit-border-radius: 2px;
+      -moz-border-radius: 2px; }
+    div.form-field.error small, small.error {
+      padding: 6px 2%;
+      display: block; }
+    div.form-field.error .small + small, .small + .error, div.form-field.error .medium + small, .medium + .error, div.form-field.error .large + small, .large + .error {
+      width: auto; } } }
+
+/* -------------------------------------------------- 
+	:: UI
+---------------------------------------------------*/
+
+/* Buttons */
+@media only screen and (max-width: 767px) {
+  .button {
+    display: block; }
+  button.button {
+    width: 100%;
+    padding-left: 0px;
+    padding-right: 0px; } }
+
+/* Tabs */
+
+@media only screen and (max-width: 767px) {
+  dl {
+    &.tabs.mobile, &.nice.tabs.mobile {
+      width: auto;
+      margin: 20px -20px 40px;
+      height: auto; }
+    &.tabs.mobile {
+      dt, dd {
+        float: none;
+        height: auto; } }
+    &.nice.tabs.mobile {
+      dt, dd {
+        float: none;
+        height: auto; } }
+    &.tabs.mobile dd a {
+      display: block;
+      width: auto;
+      height: auto;
+      padding: 18px 20px;
+      line-height: 1;
+      border: solid 0px #ccc;
+      border-width: 1px 0px 0px;
+      margin: 0;
+      color: #555;
+      background: #eee;
+      font-size: 15px;
+      font-size: 1.5rem;
+      &.active {
+        height: auto;
+        margin: 0;
+        border-width: 1px 0px 0px; } } }
+  .nice.tabs.mobile {
+    border-bottom: solid 1px #ccc;
+    height: auto;
+    dd {
+      a {
+        padding: 18px 20px;
+        border: none;
+        border-left: none;
+        border-right: none;
+        border-top: 1px solid #ccc;
+        background: #fff;
+        &.active {
+          border: none;
+          background: #00a6fc;
+          color: #fff;
+          margin: 0;
+          position: static;
+          top: 0px;
+          height: auto; } }
+      &:first-child a.active {
+        margin: 0; } } }
+  dl {
+    &.contained.mobile, &.nice.contained.mobile {
+      margin-bottom: 0px; }
+    &.contained.tabs.mobile dd a, &.nice.contained.tabs.mobile dd a {
+      padding: 18px 20px; } } }

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

@@ -0,0 +1,227 @@
+/* CSS for jQuery Orbit Plugin 1.2.3
+ * www.ZURB.com/playground
+ * Copyright 2010, ZURB
+ * Free to use under the MIT license.
+ * http://www.opensource.org/licenses/mit-license.php
+ 
+ 
+ 
+/* PUT IN YOUR SLIDER ID AND SIZE TO MAKE LOAD BEAUTIFULLY
+   ================================================== */
+
+#caseStudies {
+  width: 1000px;
+  height: 210px;
+  background: white url('../images/orbit/loading.gif') no-repeat center center;
+  overflow: hidden; }
+
+#caseStudies>img, #caseStudies>div, #caseStudies>a {
+  display: none; }
+
+/* CONTAINER
+   ================================================== */
+
+div {
+  &.orbit-wrapper {
+    width: 1px;
+    height: 1px;
+    position: relative; }
+  &.orbit {
+    width: 1px;
+    height: 1px;
+    position: relative;
+    overflow: hidden;
+    &.with-bullets {
+      margin-bottom: 40px; } }
+  &.orbit>img {
+    position: absolute;
+    top: 0;
+    left: 0;
+    /* display: none; */ }
+  &.orbit>a {
+    border: none;
+    position: absolute;
+    top: 0;
+    left: 0;
+    line-height: 0;
+    display: none; } }
+
+.orbit>div {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%; }
+
+/* Note: 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.timer {
+  width: 40px;
+  height: 40px;
+  overflow: hidden;
+  position: absolute;
+  top: 10px;
+  right: 10px;
+  opacity: .6;
+  cursor: pointer;
+  z-index: 1001; }
+
+span {
+  &.rotator {
+    display: block;
+    width: 40px;
+    height: 40px;
+    position: absolute;
+    top: 0;
+    left: -20px;
+    background: url(../images/orbit/rotator-black.png) no-repeat;
+    z-index: 3; }
+  &.mask {
+    display: block;
+    width: 20px;
+    height: 40px;
+    position: absolute;
+    top: 0;
+    right: 0;
+    z-index: 2;
+    overflow: hidden; }
+  &.rotator.move {
+    left: 0; }
+  &.mask.move {
+    width: 40px;
+    left: 0;
+    background: url(../images/orbit/timer-black.png) repeat 0 0; }
+  &.pause {
+    display: block;
+    width: 40px;
+    height: 40px;
+    position: absolute;
+    top: 0;
+    left: 0;
+    background: url(../images/orbit/pause-black.png) no-repeat;
+    z-index: 4;
+    opacity: 0;
+    &.active {
+      background: url(../images/orbit/pause-black.png) no-repeat 0 -40px; } } }
+
+div.timer:hover span.pause, span.pause.active {
+  opacity: 1; }
+
+/* CAPTIONS
+   ================================================== */
+
+.orbit-caption {
+  display: none;
+  font-family: "HelveticaNeue", "Helvetica-Neue", Helvetica, Arial, sans-serif; }
+
+.orbit-wrapper .orbit-caption {
+  background: #000;
+  background: rgba(0, 0, 0, 0.6);
+  z-index: 1000;
+  color: #fff;
+  text-align: center;
+  padding: 7px 0;
+  font-size: 13px;
+  position: absolute;
+  right: 0;
+  bottom: 0;
+  width: 100%; }
+
+/* DIRECTIONAL NAV
+   ================================================== */
+
+div.slider-nav {
+  display: block;
+  span {
+    width: 78px;
+    height: 100px;
+    text-indent: -9999px;
+    position: absolute;
+    z-index: 1000;
+    top: 50%;
+    margin-top: -50px;
+    cursor: pointer;
+    &.right {
+      background: url(../images/orbit/right-arrow.png);
+      right: 0; }
+    &.left {
+      background: url(../images/orbit/left-arrow.png);
+      left: 0; } } }
+
+/* BULLET NAV
+   ================================================== */
+
+.orbit-bullets {
+  position: absolute;
+  z-index: 1000;
+  list-style: none;
+  bottom: -40px;
+  left: 50%;
+  margin-left: -50px;
+  padding: 0;
+  li {
+    float: left;
+    margin-left: 5px;
+    cursor: pointer;
+    color: #999;
+    text-indent: -9999px;
+    background: url(../images/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: 2px solid #000; } } }
+
+/* FLUID LAYOUT
+   ================================================== */
+
+.orbit {
+  .fluid-placeholder {
+    visibility: hidden;
+    position: static;
+    display: block;
+    width: 100%; }
+  width: 100% !important; }
+
+.orbit-wrapper {
+  width: 100% !important; }
+
+.orbit-bullets {
+  position: absolute;
+  z-index: 1000;
+  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: url(../images/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; } } } }