foundation-sass 2.1

data/templates/project/sass/grid.sass

@@ -0,0 +1,159 @@
+@import includes/settings
+@import includes/mixins
+@import includes/colors
+/* Arfully Masterminded by ZURB */
+/* Grid :: This is the mobile-friendly, responsive grid that lets Foundation work much of its magic. */
+
+.container
+  padding: 0 20px
+// To set the grid to a certain size, set max-width to width
+.row
+  width: 100%
+  max-width: 980px
+  min-width: 727px
+  margin: 0 auto
+  .row
+    min-width: 0px
+.column, .columns
+  margin-left: 4.4%
+  float: left
+  min-height: 1px
+  position: relative
+  &:first-child
+    margin-left: 0
+
+.row
+  .one.columns
+    width: 4.3%
+  .two.columns
+    width: 13%
+  .three.columns
+    width: 21.7%
+  .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%
+    &: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%
+
+  //.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%
+  
+img, object, embed
+  max-width: 100%
+  height: auto
+img
+  -ms-interpolation-mode: bicubic
+  
+/* 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 */
+/* These are 2-up, 3-up, 4-up and 5-up ULs, suited for repeating block 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
+  &>li
+    display: block
+    height: auto
+    float: left
+  &.two-up
+    margin-left: -4%
+    &>li
+      margin-left: 4%
+      width: 46%
+  &.three-up
+    margin-left: -2%
+    &>li
+      margin-left: 2%
+      width: 31.3%
+  &.four-up
+    margin-left: -4%
+    &>li
+      margin-left: 4%
+      width: 23%
+  &.five-up
+    margin-left: -1.5%
+    &>li
+      margin-left: 1.5%
+      width: 18.5%
+  

data/templates/project/sass/ie.sass

@@ -0,0 +1,11 @@
+@import includes/settings
+@import includes/mixins
+@import includes/colors
+
+/* This is for all IE specfific style less than IE9. We hate IE. */
+
+// `IE styles
+//----------------------------------------------------------------------------------------------------
+
+div.panel
+  border: 1px solid #ccc

data/templates/project/sass/includes/_colors.sass

@@ -0,0 +1,8 @@
+// Colors
+//----------------------------------------------------------------------------------------------------
+
+$blue: #00a6fc
+$white: #fff
+$black: #000
+$red: #e91c21
+$black: #141414

data/templates/project/sass/includes/_mixins.sass

@@ -0,0 +1,32 @@
+// Compass, importing CSS3 mixins and it's utilities
+//----------------------------------------------------------------------------------------------------
+
+@import compass/css3
+@import compass/utilities
+
+// Font stacks
+//----------------------------------------------------------------------------------------------------
+
+@mixin HelveticaFontStack
+  font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif
+
+// Font size mixin to include px and rem
+
+@mixin font-size($size, $important: false)
+  @if $important
+    font-size: $size + px !important
+    font-size: ($size / 10) + rem !important
+  @else
+    font-size: $size + px 
+    font-size: ($size / 10) + rem
+
+// WebKit: font-smoothing
+// Values: none, antialiased (default), subpixel-antialiased
+//
+// References:
+//
+// 1. http://maxvoltar.com/sandbox/fontsmoothing/
+// 2. http://maxvoltar.com/archive/-webkit-font-smoothing
+
+@mixin font-smoothing($value: antialiased)
+  -webkit-font-smoothing: $value

data/templates/project/sass/includes/_settings.sass

@@ -0,0 +1,5 @@
+// Setttings to configure any needed vars that are global to Foundation
+//----------------------------------------------------------------------------------------------------
+
+$experimental-support-for-khtml: false
+$experimental-support-for-microsoft: false

data/templates/project/sass/mobile.sass

@@ -0,0 +1,215 @@
+@import includes/settings
+@import includes/mixins
+@import includes/colors
+/* Mobile Grid Fixes */
+
+/* Tablet screens */
+@media only screen and (device-width: 768px), (device-width: 800px)
+  /* Currently unused */
+
+@media only screen and (max-width: 767px)
+  body
+    -webkit-text-size-adjust: none
+	
+  .row, body, .container
+    width: 100%
+    min-width: 0
+    margin-left: 0
+    margin-right: 0
+    padding-left: 0
+    padding-right: 0
+  .row .row .column, .row .row .columns
+    padding: 0
+  .column, .columns
+    width: auto !important
+    float: none
+    margin-left: 0
+    margin-right: 0
+    padding-left: 20px
+    padding-right: 20px
+  .column:last-child, .columns:last-child
+    margin-right: 0
+  .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
+
+/* Mobile 4-column Grid */
+.row
+  .phone-one.column:first-child, .phone-two.column:first-child, .phone-three.column:first-child, .phone-four.column:first-child, .phone-one.columns:first-child, .phone-two.columns:first-child, .phone-three.columns:first-child, .phone-four.columns:first-child
+    margin-left: 0px
+  .phone-one.column, .phone-two.column, .phone-three.column, .phone-four.column, .phone-one.columns, .phone-two.columns, .phone-three.columns, .phone-four.columns
+    margin-left: 4.4%
+    float: left
+    min-height: 1px
+    position: relative
+    padding: 0
+  .phone-one.columns
+    width: 21.68% !important
+  .phone-two.columns
+    width: 47.8% !important
+  .phone-three.columns
+    width: 73.9% !important
+  .phone-four.columns
+    width: 100% !important
+  
+  
+
+/* 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
+
+.hide-on-phones
+  display: block !important
+.hide-on-tablets
+  display: block !important
+.hide-on-desktops
+  display: none
+
+@media only screen and (max-device-width: 800px), only screen and (device-width: 1024px) and (device-width: 600px), only screen and (width: 1280px) and (orientation: landscape), only screen and (device-width: 800px)
+  .show-on-phones
+    display: block !important
+  .show-on-tablets
+    display: none !important
+  .show-on-desktops
+    display: block !important
+  
+  .hide-on-phones
+    display: none !important
+  .hide-on-tablets
+    display: block !important
+  .hide-on-desktops
+    display: none !important
+    
+@media only screen and (max-width: 767px)
+  .show-on-phones
+    display: none !important
+  .show-on-tablets
+    display: block !important
+  .show-on-desktops
+    display: block !important
+  
+  .hide-on-phones
+    display: block !important
+  .hide-on-tablets
+    display: none !important
+  .hide-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-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)
+  table
+    &.hide-on-phones
+      display: block !important
+    &.hide-on-desktops
+      display: block !important
+    &.show-on-tablets
+      display: block !important
+
+@media only screen and (max-width: 767px)
+  table
+    &.hide-on-tablets
+      display: block !important
+    &.hide-on-desktops
+      display: block !important
+    &.show-on-phones
+      display: block !important
+
+/* Forms */
+@media only screen and (max-width: 767px)
+  input.input-text, input.input-text.oversize, textarea, form.nice input.input-text, form.nice input.input-text.oversize, form.nice textarea
+    display: block
+    width: 96%
+    padding: 6px 2% 4px
+    +font-size(18)
+  form.nice input.input-text, form.nice input.input-text.oversize, form.nice textarea
+    +border-radius(2px)
+  form.nice small.error
+    padding: 6px 2%
+    display: block
+  form.nice .small+.error, form.nice .medium+.error, form.nice .large+.error
+    width: auto
+
+/* 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, 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 0px #ccc
+    border-width: 1px 0px 0px
+    margin: 0
+    color: #555
+    background: #eee
+    +font-size(15)
+  dl.tabs.mobile dd a.active
+    height: auto
+    margin: 0
+    border-width: 1px 0px 0px
+  
+  .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: 0px
+      height: auto
+  .nice.tabs.mobile dd:first-child a.active
+    margin-bottom: 0px
+  
+  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

data/templates/project/sass/orbit.sass

@@ -0,0 +1,156 @@
+@import includes/settings
+@import includes/mixins
+@import includes/colors
+/* 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 */                    
+#featured
+  width: 940px
+  height: 450px
+  background: #000 image-url('orbit/loading.gif') no-repeat center center
+  overflow: hidden
+  &>img, &>div, &>a
+    display: none
+
+/* 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
+  &>img
+    position: absolute
+    top: 0
+    left: 0
+  &>a
+    border: none
+    position: absolute
+    top: 0
+    left: 0
+    line-height: 0
+    display: none
+
+/* 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(0.6)
+  cursor: pointer
+  z-index: 1001
+span.rotator
+  display: block
+  width: 40px
+  height: 40px
+  position: absolute
+  top: 0
+  left: -20px
+  background: image-url('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('orbit/timer-black.png') repeat 0 0
+span.pause
+  display: block
+  width: 40px
+  height: 40px
+  position: absolute
+  top: 0
+  left: 0
+  background: image-url('orbit/pause-black.png') no-repeat
+  z-index: 4
+  +opacity(0)
+  &.active
+    background: image-url('orbit/pause-black.png') no-repeat 0 -40px
+div.timer:hover span.pause, span.pause.active
+  +opacity(1)
+  
+/* Captions */
+.orbit-caption
+  display: none
+  +HelveticaFontStack
+.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(13)
+  position: absolute
+  right: 0
+  bottom: 0
+  width: 100%
+  
+/* Directional Nav */
+div.slider-nav
+  display: block
+  span
+    width: 78px
+    height: 100px
+    text-indent: -99999px
+    position: absolute
+    z-index: 1000
+    top: 50%
+    margin-top: -50px
+    cursor: pointer
+    &.right
+      background: image-url('orbit/right-arrow.png')
+      right: 0
+    &.left
+      background: image-url('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: -99999px
+    background: image-url('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  
+