survivalkit 0.2.1 → 0.3

data/stylesheets/survivalkit/reset/_normalize.sass

@@ -1,342 +0,0 @@
-=normalize
-  /*! normalize.css 2011-08-12T17:28 UTC · http://github.com/necolas/normalize.css
-
-  /* =============================================================================
-   * HTML5 display definitions
-   * ==========================================================================
-
-  // /*
-  //  * Corrects block display not defined in IE6/7/8/9 & FF3
-
-  article, aside, details, figcaption, figure, footer, header, hgroup, nav, section
-    display: block
-
-  // /*
-  //  * Corrects inline-block display not defined in IE6/7/8/9 & FF3
-
-  audio, canvas, video
-    display: inline-block
-    *display: inline
-    *zoom: 1
-
-  // /*
-  //  * Prevents modern browsers from displaying 'audio' without controls
-
-  audio:not([controls]), [hidden]
-    display: none
-
-  // /*
-  //  * Addresses styling for 'hidden' attribute not present in IE7/8/9, FF3, S4
-  //  * Known issue: no IE6 support
-
-  /* =============================================================================
-   * Base
-   * ==========================================================================
-
-  // /*
-  //  * 1. Corrects text resizing oddly in IE6/7 when body font-size is set using em units
-  //  *    http://clagnut.com/blog/348/#c790
-  //  * 2. Keeps page centred in all browsers regardless of content height
-  //  * 3. Prevents iOS text size adjust after orientation change, without disabling user zoom
-  //  *    www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/
-
-  html
-    font-size: 100%
-    // /* 1
-    overflow-y: scroll
-    // /* 2
-    -webkit-text-size-adjust: 100%
-    // /* 3
-    -ms-text-size-adjust: 100%
-    // /* 3
-
-  // /*
-  //  * Addresses margins handled incorrectly in IE6/7
-
-  body
-    margin: 0
-    font-family: sans-serif
-
-  // /*
-  //  * Addresses font-family inconsistency between 'textarea' and other form elements.
-
-  button, input, select, textarea
-    font-family: sans-serif
-
-  /* =============================================================================
-   * Links
-   * ==========================================================================
-
-  a
-    &:focus
-      outline: thin dotted
-    &:hover, &:active
-      outline: 0
-
-  // /*
-  //  * Addresses outline displayed oddly in Chrome
-
-  // /*
-  //  * Improves readability when focused and also mouse hovered in all browsers
-  //  * people.opera.com/patrickl/experiments/keyboard/test
-
-  /* =============================================================================
-   * Typography
-   * ==========================================================================
-
-  // /*
-  //  * Addresses styling not present in IE7/8/9, S5, Chrome
-
-  abbr[title]
-    border-bottom: 1px dotted
-
-  // /*
-  //  * Addresses style set to 'bolder' in FF3/4, S4/5, Chrome
-
-  b, strong
-    font-weight: bold
-
-  blockquote
-    margin: 1em 40px
-
-  // /*
-  //  * Addresses styling not present in S5, Chrome
-
-  dfn
-    font-style: italic
-
-  // /*
-  //  * Addresses styling not present in IE6/7/8/9
-
-  mark
-    background: #ff0
-    color: #000
-
-  // /*
-  //  * Corrects font family set oddly in IE6, S4/5, Chrome
-  //  * en.wikipedia.org/wiki/User:Davidgothberg/Test59
-
-  pre, code, kbd, samp
-    font-family: monospace, serif
-    _font-family: 'courier new', monospace
-    font-size: 1em
-
-  // /*
-  //  * Improves readability of pre-formatted text in all browsers
-
-  pre
-    white-space: pre
-    white-space: pre-wrap
-    word-wrap: break-word
-
-  // /*
-  //  * 1. Addresses CSS quotes not supported in IE6/7
-  //  * 2. Addresses quote property not supported in S4
-
-  // /* 1
-
-  q
-    quotes: none
-    &:before, &:after
-      content: ''
-      content: none
-
-  // /* 2
-
-  small
-    font-size: 75%
-
-  // /*
-  //  * Prevents sub and sup affecting line-height in all browsers
-  //  * gist.github.com/413930
-
-  sub
-    font-size: 75%
-    line-height: 0
-    position: relative
-    vertical-align: baseline
-
-  sup
-    font-size: 75%
-    line-height: 0
-    position: relative
-    vertical-align: baseline
-    top: -0.5em
-
-  sub
-    bottom: -0.25em
-
-  /* =============================================================================
-   * Lists
-   * ==========================================================================
-
-  ul, ol
-    margin: 1em 0
-    padding: 0 0 0 40px
-
-  dd
-    margin: 0 0 0 40px
-
-  nav
-    ul, ol
-      list-style: none
-      list-style-image: none
-
-  /* =============================================================================
-   * Embedded content
-   * ==========================================================================
-
-  // /*
-  //  * 1. Removes border when inside 'a' element in IE6/7/8/9
-  //  * 2. Improves image quality when scaled in IE7
-  //  *    code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/
-
-  img
-    border: 0
-    // /* 1
-    -ms-interpolation-mode: bicubic
-    // /* 2
-
-  // /*
-  //  * Corrects overflow displayed oddly in IE9
-
-  svg:not(:root)
-    overflow: hidden
-
-  /* =============================================================================
-   * Figures
-   * ==========================================================================
-
-  // /*
-  //  * Addresses margin not present in IE6/7/8/9, S5, O11
-
-  figure, form
-    margin: 0
-
-  /* =============================================================================
-   * Forms
-   * ==========================================================================
-
-  // /*
-  //  * Corrects margin displayed oddly in IE6/7
-
-  // /*
-  //  * Define consistent margin and padding
-
-  fieldset
-    margin: 0 2px
-    padding: 0.35em 0.625em 0.75em
-
-  // /*
-  //  * 1. Corrects color not being inherited in IE6/7/8/9
-  //  * 2. Corrects alignment displayed oddly in IE6/7
-
-  legend
-    border: 0
-    // /* 1
-    *margin-left: -7px
-    // /* 2
-
-  // /*
-  //  * 1. Corrects font size not being inherited in all browsers
-  //  * 2. Addresses margins set differently in IE6/7, F3/4, S5, Chrome
-  //  * 3. Improves appearance and consistency in all browsers
-
-  button, input, select, textarea
-    font-size: 100%
-    // /* 1
-    margin: 0
-    // /* 2
-    vertical-align: baseline
-    // /* 3
-    *vertical-align: middle
-    // /* 3
-
-  // /*
-  //  * 1. Addresses FF3/4 setting line-height using !important in the UA stylesheet
-  //  * 2. Corrects inner spacing displayed oddly in IE6/7
-
-  button, input
-    // line-height: normal
-    // /* 1
-    *overflow: visible
-    // /* 2
-
-  // /*
-  //  * Corrects overlap and whitespace issue for buttons and inputs in IE6/7
-  //  * Known issue: reintroduces inner spacing
-
-  table
-    button, input
-      *overflow: auto
-
-  // /*
-  //  * 1. Improves usability and consistency of cursor style between image-type 'input' and others
-  //  * 2. Corrects inability to style clickable 'input' types in iOS
-
-  button, html input[type="button"]
-    cursor: pointer
-    // /* 1
-    -webkit-appearance: button
-    // /* 2
-
-  input
-    &[type="reset"], &[type="submit"]
-      cursor: pointer
-      // /* 1
-      -webkit-appearance: button
-      // /* 2
-    &[type="checkbox"], &[type="radio"]
-      box-sizing: border-box
-      // /* 1
-      padding: 0
-      // /* 2
-    &[type="search"]
-      -webkit-appearance: textfield
-      // /* 1
-      -moz-box-sizing: content-box
-      -webkit-box-sizing: content-box
-      // /* 2
-      box-sizing: content-box
-      &::-webkit-search-decoration
-        -webkit-appearance: none
-
-  // /*
-  //  * 1. Addresses box sizing set to content-box in IE8/9
-  //  * 2. Addresses excess padding in IE8/9
-
-  // /*
-  //  * 1. Addresses appearance set to searchfield in S5, Chrome
-  //  * 2. Addresses box sizing set to border-box in S5, Chrome (include -moz to future-proof)
-
-  // /*
-  //  * Corrects inner padding displayed oddly in S5, Chrome on OSX
-
-  // /*
-  //  * Corrects inner padding and border displayed oddly in FF3/4
-  //  * www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/
-
-  button::-moz-focus-inner, input::-moz-focus-inner
-    border: 0
-    padding: 0
-
-  // /*
-  //  * 1. Removes default vertical scrollbar in IE6/7/8/9
-  //  * 2. Improves readability and alignment in all browsers
-
-  textarea
-    overflow: auto
-    // /* 1
-    vertical-align: top
-    // /* 2
-
-  /* =============================================================================
-   * Tables
-   * ==========================================================================
-
-  // /*
-  //  * Remove most spacing between table cells
-
-  table
-    border-collapse: collapse
-    border-spacing: 0

data/templates/project/partials/01-variables/_grids-all.sass

@@ -1,11 +0,0 @@
-// Grid Variables --------------------------------------------------------------
-// Define the dimensions of the grid.
-// These values populate other supported grid systems
-$kit-total-cols: 6
-$kit-col-width: 140px
-$kit-gutter-width: $kit-gutter
-$kit-side-gutter-width: 0px
-
-$kit-container-width: ($kit-col-width * $kit-total-cols) + ($kit-gutter-width * ($kit-total-cols - 1))
-
-$show-grid: false

data/templates/project/partials/04-defaults/markup/_grouping.sass

@@ -1,52 +0,0 @@
-p
-  +trailer
-
-hr
-
-pre
-  @extend .mono
-  // margin: $base-rhythm-unit
-  white-space: pre
-  white-space: pre-wrap
-  word-wrap: break-word
-  line-height: 1
-
-blockquote
-  // margin: $base-rhythm-unit $kit-gutter
-  // font-style: italic
-  // font-weight: 300
-
-/* Lists --------------------------------------------------------------
-
-ol, ul
-  // +trailer
-  // padding-left: $kit-gutter
-
-dl
-  margin-left: 0
-
-ol
-  list-style: decimal
-
-ul
-  list-style: disc
-  li &
-    list-style-type: circle
-
-dt
-  // +leader
-  // font-style: italic
-  // &:first-of-type
-  //   +leader(0)
-
-dd
-  // padding-left: $kit-gutter
-
-//
-figure
-
-figcaption
-
-address
-  @extend .italic
-

data/templates/project/partials/05-grids/_grids-blueprint.sass

@@ -1,20 +0,0 @@
-// The number of columns in the grid.
-$blueprint-grid-columns: $kit-total-cols !default
-// The width of a column
-$blueprint-grid-width: $kit-col-width !default
-// The amount of margin between columns
-$blueprint-grid-margin: $kit-gutter-width !default
-@import blueprint/grid
-
-// Background grid variables
-$grid-background-total-columns: $kit-total-cols
-$grid-background-column-width: $kit-col-width
-$grid-background-gutter-width: $kit-gutter-width
-$grid-background-baseline-height: $kit-baseline
-// $grid-background-offset: $kit-side-gutter-width
-@import compass/layout/grid-background
-
-
-.container
-  +container
-  +column-grid-background

data/templates/project/partials/08-layout-design/_layout.sass

@@ -1,8 +0,0 @@
-// Set up the layout for your site using your chosen grid framework
-/* LAYOUT --------------------------------------------------------------
-
-
-#page
-  @extend .container
-  // uncomment this line for fluid layout
-  // width: 95%

data/templates/project/partials/09-styletile/_tile-layout.sass

@@ -1,80 +0,0 @@
-// Set up the layout for your site using your chosen grid framework
-
-// Style Tile Grid
-// Grid Variables ------------------------------------------------------
-$total-cols: 12
-$col-width: 60px
-$gutter-width: 14px
-$side-gutter-width: 0px
-
-@import susy
-// uncomment to output the full container width to the terminal
-// @debug columns-width()
-/* DEFINE THE GRID CONTAINER -------------------------------------------
-.container
-  +container
-
-
-
-/* LAYOUT --------------------------------------------------------------
-
-
-#page
-  @extend .container
-  // uncomment this line for fluid layout
-  width: 95%
-  header
-    +full
-    // +trailer
-    .client-id
-      +columns(8)
-    aside
-      +columns(4)
-      +omega
-  #main
-    +full
-    .text-examples
-      +columns(6)
-    .graphic-examples
-      +columns(6)
-      +omega
-  footer
-    +full
-
-
-/* graphic examples
-
-/* colors
-.colors
-  ul
-    +inline-list
-    li
-      +columns(1, 6)
-      height: $kit-baseline * 5
-      margin-bottom: $kit-baseline
-      border: 4px solid $white
-      position: relative
-      &:nth-of-type(6n+6)
-        +omega
-      &:after
-        position: relative
-        top: 102%
-        color: $gray
-
-.images
-  ul
-    +inline-list
-    li
-      +columns(3, 6)
-      overflow: hidden
-      margin-bottom: $kit-baseline
-      &:nth-of-type(2n+2)
-        +omega
-      @media screen and (min-width: 1100px)
-        +reset-column
-        &:nth-of-type(2n+2)
-          +columns(2, 6)
-        +columns(2, 6)
-        &:nth-of-type(3n+3)
-          +omega
-

data/templates/project/partials/10-responsive/_mixins.sass

@@ -1,27 +0,0 @@
-// experimental - depends on Sass 3.2 or higher
-  define your own breakpoints
-  styles nested in the mixin will pass thru in @content
-  resist the urge to settle on common device sizes
-  http://marcdrummond.com/responsive-web-design/2011/12/29/default-breakpoints-are-dead
-
-  USAGE:
-  .some-class
-    color: red
-    +respond-to(handhelds)
-      color: green
-
-=respond-to($media)
-  @if $media == handhelds
-    @media only screen and (max-width: 320px)
-      @debug 'you still need to define the proper width'
-      @content
-  @else if $media == medium-screens
-    @media only screen and (min-width: 321px) and (max-width: 1024px)
-      @debug 'you still need to define the proper width'
-      @content
-  @else if $media == wide-screens
-    @media only screen and (min-width: 1200px) and (max-width: 1635px)
-      @content
-  @else if $media == superwide-screens
-    @media only screen and (min-width: 1635px)
-      @content

data/templates/project/partials/10-responsive/_responsive-blueprint.sass

@@ -1,139 +0,0 @@
-/* RESPONSIVE GRIDS --------------------------------------------------------------
-// based on the Blueprint grid system
-
-// mobile vertical (iphone)
-  small screen devices, like phones, held in portrait mode
-// redefine grid variables for this context
-$blueprint-grid-columns: 1
-$blueprint-grid-width: 320px
-$blueprint-grid-margin: $kit-gutter-half
-@import blueprint/grid
-// @debug $blueprint-container-size
-$grid-background-total-columns: $blueprint-grid-columns
-$grid-background-column-width: $blueprint-grid-width
-$grid-background-gutter-width: $blueprint-grid-margin
-@import compass/layout/grid-background
-@media screen and (max-width: 320px)
-  // YOUR STYLES BELOW
-  #page
-    +container
-    +column-grid-background
-
-
-// mobile horizontal (iphone)
-  small screen devices, like phones, held in landscape mode
-// redefine grid variables for this context
-$blueprint-grid-columns: 3
-$blueprint-grid-width: 97px
-$blueprint-grid-margin: 15px
-@import blueprint/grid
-// @debug $blueprint-container-size
-$grid-background-total-columns: $blueprint-grid-columns
-$grid-background-column-width: $blueprint-grid-width
-$grid-background-gutter-width: $blueprint-grid-margin
-@import compass/layout/grid-background
-@media screen and (min-width: 321px) and (max-width: 480px)
-  // YOUR STYLES BELOW
-  #page
-    +container
-    +column-grid-background
-
-
-// smaller tablets
-  like Amazon Kindle (600x800) and Barnes & Noble Nook (768x1024)
-  held in portrait mode
-// redefine grid variables for this context
-$blueprint-grid-columns: 4
-$blueprint-grid-width: 100px
-$blueprint-grid-margin: $kit-gutter
-@import blueprint/grid
-// @debug $blueprint-container-size
-$grid-background-total-columns: $blueprint-grid-columns
-$grid-background-column-width: $blueprint-grid-width
-$grid-background-gutter-width: $blueprint-grid-margin
-@import compass/layout/grid-background
-@media screen and (min-width: 481px) and (max-width: 600px)
-  // YOUR STYLES BELOW
-  #page
-    +container
-    +column-grid-background
-
-
-// tablets
-  Ten-inch tables like the iPad (1024x768) held in portrait mode
-// redefine grid variables for this context
-$blueprint-grid-columns: 5
-$blueprint-grid-width: 100px
-$blueprint-grid-margin: $kit-gutter
-@import blueprint/grid
-// @debug $blueprint-container-size
-$grid-background-total-columns: $blueprint-grid-columns
-$grid-background-column-width: $blueprint-grid-width
-$grid-background-gutter-width: $blueprint-grid-margin
-@import compass/layout/grid-background
-@media screen and (min-width: 601px) and (max-width: 768px)
-  // YOUR STYLES BELOW
-  #page
-    +container
-    +column-grid-background
-
-
-// tablets, laptops, desktops
-  Tablets like the iPad (1024x768) held in landscape mode,
-  as well as certain laptop, netbook, and desktop displays
-  (commented out, since it's the default context)
-// redefine grid variables for this context
-$blueprint-grid-columns: $kit-total-cols
-$blueprint-grid-width: 105px
-$blueprint-grid-margin: $kit-gutter-width
-@import blueprint/grid
-// @debug $blueprint-container-size
-$grid-background-total-columns: $blueprint-grid-columns
-$grid-background-column-width: $blueprint-grid-width
-$grid-background-gutter-width: $blueprint-grid-margin
-@import compass/layout/grid-background
-@media screen and (min-width: 769px) and (max-width: 960px)
-  // YOUR STYLES BELOW
-  #page
-    +container
-    +column-grid-background
-
-// tablets, laptops, desktops (larger)
-  Tablets like the iPad (1024x768) held in landscape mode,
-  as well as certain laptop, netbook, and desktop displays
-  (commented out, since it's the default context)
-// redefine grid variables for this context
-$blueprint-grid-columns: $kit-total-cols
-$blueprint-grid-width: $kit-col-width
-$blueprint-grid-margin: $kit-gutter-width
-@import blueprint/grid
-// @debug $blueprint-container-size
-$grid-background-total-columns: $blueprint-grid-columns
-$grid-background-column-width: $blueprint-grid-width
-$grid-background-gutter-width: $blueprint-grid-margin
-@import compass/layout/grid-background
-@media screen and (min-width: 960px) and (max-width: 1200px)
-  // YOUR STYLES BELOW
-  #page
-    +container
-    +column-grid-background
-
-
-// wide screen
-  primarily laptop and desktop browsers
-// redefine grid variables for this context
-$blueprint-grid-columns: 8
-$blueprint-grid-width: 128px
-$blueprint-grid-margin: $kit-gutter
-@import blueprint/grid
-// @debug $blueprint-container-size
-$grid-background-total-columns: $blueprint-grid-columns
-$grid-background-column-width: $blueprint-grid-width
-$grid-background-gutter-width: $blueprint-grid-margin
-@import compass/layout/grid-background
-@media screen and (min-width: 1200px)
-  // YOUR STYLES BELOW
-  #page
-    +container
-    +column-grid-background
-