survivalkit 0.3.4 → 1.0.beta.1

data/stylesheets/survivalkit/extend/_all.sass

@@ -1,2 +0,0 @@
-@import helpers
-@import sticky-footer

data/stylesheets/survivalkit/extend/_helpers.sass

@@ -1,32 +0,0 @@
-@import ../mixins/helpers
-
-%clearfix
-  +kit-clearfix
-.clearfix
-  @extend %clearfix
-
-%hidden
-  +hidden
-.hidden
-  @extend %hidden
-
-%visuallyhidden
-  +visuallyhidden
-
-%visuallyhidden.focusable
-  +visuallyhidden(true)
-
-%invisible
-  +invisible
-
-%constrain-to-parent
-  max-width: 100%
-
-%italic
-  font-style: italic
-
-%bold
-  font-weight: bold
-
-%wireframe
-  outline: 1px dashed $red

data/stylesheets/survivalkit/functions/_all.sass

@@ -1,3 +0,0 @@
-@import calculations
-@import modular-scale
-@import color-schemer

data/stylesheets/survivalkit/functions/_calculations.sass

@@ -1,19 +0,0 @@
-// Generic function to calculate a percentage based on pixel values
-  (independent of any specific grid system)
-@function calc-percent($target, $container)
-  @return ($target / $container) * 100%
-
-@function calc-em($target, $container)
-  @return ($target / $container) * 1em
-
-// shortcut name
-@function cp($target, $container)
-  @return calc-percent($target, $container)
-
-@function ce($target, $container)
-  @return calc-em($target, $container)
-
-// return the width of an arbitrary number of columns in a css grid system
-@function calc-col-width($number-of-cols)
-  $calc-width: ($kit-col-width * $number-of-cols) + ($kit-gutter-width * ($number-of-cols - 1))
-  @return $calc-width

data/stylesheets/survivalkit/functions/_modular-scale.sass

@@ -1,313 +0,0 @@
-// SASSY MODULAR-SCALE
-// https://github.com/scottkellum/modular-scale
-
-// Ratios
-$golden: 1.618 
-$gold: $golden
-$octave: (2 / 1)
-$major-seventh: (15 / 8)
-$minor-seventh: (16 / 9)
-$major-sixth: (5 / 3)
-$minor-sixth: (8 / 5)
-$fifth: (3 / 2)
-$fourth: (4 / 3)
-$major-third: (5 / 4)
-$minor-third: (6 / 5)
-$major-second: (9 / 8)
-$minor-second: (16 / 15)
-
-// Defaults
-$ratio: $golden !default
-$base-size: 12px !default
-$property: font-size !default
-$class-slug: ms !default
-
-// Modular Scale function
-@function modular-scale($multiple, $base-size, $ratio)
-  // return the $base-size if $multiple is zero
-  @if $multiple == 0
-    @if type-of($base-size) == 'list'
-      $base-size: sort-list($base-size)
-      @return nth($base-size, 1)
-    // return just the simple $base-size value if it's not a list
-    @return $base-size
-
-  // if multiple base-sizes are passed in as a list
-  // and multiple ratios are passed in as a list
-  // calculate values in using each base-size / ratio combination
-  @if type-of($base-size) == 'list' and type-of($ratio) == 'list'
-    @if unit(ms-multibase-multiratio($multiple, $base-size, $ratio)) == 'px'
-      @return round(ms-multibase-multiratio($multiple, $base-size, $ratio))
-    @return ms-multibase-multiratio($multiple, $base-size, $ratio)
-    
-  // if multiple base-sizes are passed in as a list
-  // calculate values in using each base-size
-  @if type-of($base-size) == 'list' and type-of($ratio) == 'number'
-    @if unit(ms-multibase($multiple, $base-size, $ratio)) == 'px'
-      @return round(ms-multibase($multiple, $base-size, $ratio))
-    @return ms-multibase($multiple, $base-size, $ratio)
-      
-  // if multiple ratios are passed in as a list
-  // calculate values in using each ratio
-  @if type-of($base-size) == 'number' and type-of($ratio) == 'list'
-    @if unit(ms-multiratio($multiple, $base-size, $ratio)) == 'px'
-      @return round(ms-multiratio($multiple, $base-size, $ratio))
-    @return ms-multiratio($multiple, $base-size, $ratio)
-    
-  // If there are no lists just run the simple function
-  @if unit(exponent($ratio, $multiple) * $base-size) == 'px'
-    @return round(exponent($ratio, $multiple) * $base-size)
-  @return exponent($ratio, $multiple) * $base-size
-  
-  
-// calculate values in using each base-size / ratio combination
-@function ms-multibase-multiratio($multiple, $base-size, $ratio)
-  // start with an empty list to place all values in
-  $scale-values: ()
-  // make sure base sizes are in ascending order
-  $base-size: sort-list($base-size)
-  // take each base-size in turn
-  $k: 1
-  @while $k <= length($base-size)
-    // add each $base-size to the list except the first
-    @if $k > 1
-      $scale-values: append($scale-values, nth($base-size, $k))
-    // take each ratio in turn
-    $j: 1
-    @while $j <= length($ratio)
-      // reset $modular-scale for each set
-      $modular-scale: nth($base-size, $k)
-      // do the scale for each base-size using this ratio 
-      @if $multiple > 0
-        // up $multiple times
-        // and add the result to $scale-values        
-        @for $i from 1 through $multiple
-          $modular-scale: exponent(nth($ratio, $j), $i) * nth($base-size, $k)
-          $scale-values: append($scale-values, $modular-scale)
-        // and down until the value is lower than the lowest $base-size
-        // and add the result to $scale-values
-        $i: -1
-        $modular-scale: nth($base-size, $k)
-        @while $modular-scale >= nth($base-size, 1)
-          $modular-scale: exponent(nth($ratio, $j), $i) * nth($base-size, $k)
-          $scale-values: append($scale-values, $modular-scale)
-          $i: $i - 1
-      @if $multiple < 0
-        // do the scale down for each set to below 1px
-        $i: -1
-        $modular-scale: nth($base-size, $k)
-        @while $modular-scale > 1
-          $modular-scale: exponent(nth($ratio, $j), $i) * nth($base-size, $k)
-          $scale-values: append($scale-values, $modular-scale)
-          $i: $i - 1
-      $j: $j + 1
-    $k: $k + 1
-  // return trimmed and sorted final list
-  @return trim-sort($multiple, $scale-values, $base-size)
-    
-    
-// calculate values in using each base-size
-@function ms-multibase($multiple, $base-size, $ratio)
-  // start with an empty list to place all values in
-  $scale-values: ()
-  // make sure base sizes are in ascending order
-  $base-size: sort-list($base-size)
-  // take each base-size in turn
-  $k: 1
-  @while $k <= length($base-size)
-    // add each $base-size to the list except the first
-    @if $k > 1
-      $scale-values: append($scale-values, nth($base-size, $k))
-    // reset $modular-scale for each set
-    $modular-scale: nth($base-size, $k)
-    // do the scale for each base-size using this ratio 
-    @if $multiple > 0
-      // up $multiple times
-      // and add the result to $scale-values        
-      @for $i from 1 through $multiple
-        $modular-scale: exponent($ratio, $i) * nth($base-size, $k)
-        $scale-values: append($scale-values, $modular-scale)
-      // and down until the value is lower than the lowest $base-size
-      // and add the result to $scale-values
-      $i: -1
-      $modular-scale: nth($base-size, $k)
-      @while $modular-scale >= nth($base-size, 1)
-        $modular-scale: exponent($ratio, $i) * nth($base-size, $k)
-        $scale-values: append($scale-values, $modular-scale)
-        $i: $i - 1
-    @if $multiple < 0
-      // do the scale down for each set to below 1px
-      $i: -1
-      $modular-scale: nth($base-size, $k)
-      @while $modular-scale > 1
-        $modular-scale: exponent($ratio, $i) * nth($base-size, $k)
-        $scale-values: append($scale-values, $modular-scale)
-        $i: $i - 1
-    $k: $k + 1
-  // return trimmed and sorted final list
-  @return trim-sort($multiple, $scale-values, $base-size)
-
-    
-// calculate values in using each ratio
-@function ms-multiratio($multiple, $base-size, $ratio)
-  // start with an empty list to place all values in
-  $scale-values: ()
-  // If $multiple is a positive integer (up the scale)
-  @if $multiple > 0
-    // take each ratio in turn
-    $j: 1
-    @while $j <= length($ratio)
-      // reset $modular-scale for each set
-      $modular-scale: $base-size
-      // do the scale using this ratio thru the multiple, and add the result to $scale-values
-      @for $i from 1 through $multiple
-        $modular-scale: exponent(nth($ratio, $j), $i) * $base-size
-        $scale-values: append($scale-values, $modular-scale)
-      $j: $j + 1
-    // sort acsending      
-    $scale-values: sort-list($scale-values)
-    // return the final value using the laced list
-    @return nth($scale-values, $multiple)
-  // If $multiple is a negative integer (down the scale)
-  @if $multiple < 0
-    // take each ratio in turn
-    $j: 1
-    @while $j <= length($ratio)
-      // reset $modular-scale for each set
-      $modular-scale: $base-size
-      // do the scale using this ratio thru the multiple, and add the result to $scale-values
-      @for $i from 1 through ($multiple * -1)
-        $modular-scale: exponent(nth($ratio, $j), -$i) * $base-size
-        $scale-values: append($scale-values, $modular-scale)
-      $j: $j + 1
-    // sort decending
-    $scale-values: sort-list($scale-values, 'dec')
-    // return the final value using the laced list
-    @return nth($scale-values, $multiple * -1)
-    
-    
-// trim and sort the final list
-@function trim-sort($multiple, $scale-values, $base-size)
-  @if $multiple > 0
-    // trim list so we can count from the lowest $base-size
-    $scale-values: trim-list($scale-values, nth($base-size, 1))
-    // sort acsending      
-    $scale-values: sort-list($scale-values)
-    // return the final value using the laced list
-    @return nth($scale-values, $multiple)
-  @else
-    // trim list so we can count from the lowest $base-size
-    $scale-values: trim-list($scale-values, nth($base-size, 1), 'dec')
-    // sort acsending      
-    $scale-values: sort-list($scale-values, 'dec')
-    // return the final value using the laced list
-    @return nth($scale-values, -$multiple)
-  
-  
-/////////////////////////////////////////////////////////////////////////
-  
-// Shortcut
-@function ms($multiple, $base-size, $ratio)
-  // Return the value from the Modular Scale function
-  @return modular-scale($multiple, $base-size, $ratio)
-
-// Mixin
-// Deprecated. Use the modular-scale() function instead
-=modular-scale($property, $multiple, $base-size, $ratio)
-  // Print the $property and return the value from the Modular Scale function
-  @warn "The modular-scale mixin is deprecated. Instead use the function: width: modular-scale(3)" 
-  #{$property}: modular-scale($multiple, $base-size, $ratio)
-
-// Classes Mixin
-=modular-scale-classes($multiple, $property, $class-slug, $base-size, $ratio)
-  // Loop from 0 through the value of $multiple and generate a range of classes
-  @for $i from 0 through $multiple
-    .#{$class-slug}-#{$i}
-      // Print the $property and return the value from the Modular Scale function
-      #{$property}: modular-scale($i, $base-size, $ratio)
-      
-
-/////////////////////////////////////////////////////////////////////////
-
-
-// Sass exponent support
-@function exponent($base, $exponent)
-  // reset value
-  $value: $base
-  // positive intergers get multiplied
-  @if $exponent > 1
-    @for $i from 2 through $exponent
-      $value: $value * $base
-  // negitive intergers get divided. A number divided by itself is 1
-  @if $exponent < 1
-    @for $i from 0 through -$exponent
-      $value: $value / $base
-  // return the last value written
-  @return $value
-
-
-// Sass list sorting support
-@function sort-list($list, $dir: 'asc')
-  // built-in list sorting in Sass would make this go away.
-  // declare some empty lists to put our new order and temporary values 
-  $new-order: ()
-  $temp: ()
-  // fill $temp with the contents of $list
-  $temp: join($temp, $list)
-  // if sorting ascending
-  @if $dir == 'asc'
-    // loop through all values in $list
-    @for $i from 1 through length($list)
-      // impossibly high starter value to compare
-      $low: 1000000
-      // check for lowest value in $temp
-      @for $j from 1 through length($temp)
-        @if nth($temp, $j) < $low
-          $low: nth($temp, $j)
-      // add lowest value to $new-order
-      $new-order: append($new-order, $low)
-      // empty $temp for the next comparison
-      $temp: ()
-      // re-populate $temp with remaining values to sort
-      @for $k from 1 through length($list)
-        @if nth($list, $k) > $low
-          $temp: append($temp, nth($list, $k))
-  @if $dir == 'dec'
-    // loop through all values in $list
-    @for $i from 1 through length($list)
-      // 0 starter value
-      $high: 0
-      // check for highest value in $temp
-      @for $j from 1 through length($temp)
-        @if nth($temp, $j) > $high
-          $high: nth($temp, $j)
-      $new-order: append($new-order, $high)
-      // empty $temp for the next comparison
-      $temp: ()
-      // re-populate $temp with remaining values to sort
-      @for $k from 1 through length($list)
-        @if nth($list, $k) < $high
-          $temp: append($temp, nth($list, $k))
-  @return $new-order
-  
-  
-// Sass list trimming support
-@function trim-list($list, $start, $dir: 'asc')
-  // built-in list trimming in Sass would make this go away.
-  // declare some empty lists to put our trimmed values
-  $trimmed: ()
-  // if sorting ascending
-  @if $dir == 'asc'
-    // loop through all values in $list
-    @for $i from 1 through length($list)
-      @if nth($list, $i) >= $start
-        $trimmed: append($trimmed, nth($list, $i))
-  @if $dir == 'dec'
-    // loop through all values in $list
-    @for $i from 1 through length($list)
-      @if nth($list, $i) <= $start
-        $trimmed: append($trimmed, nth($list, $i))
-  @return $trimmed
-
-// Other libraries can easily query if this function is avalible
-$modular-scale-loaded: true

data/stylesheets/survivalkit/mixins/_all.sass

@@ -1,5 +0,0 @@
-@import helpers
-@import typography
-@import layout
-@import ui
-@import pseudo

data/stylesheets/survivalkit/mixins/_breakpoint.sass

@@ -1,68 +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
-
-
-////////////////////////////
-// SURVIVAL KIT - BREAKPOINT
-// breakpoint($breakpoint, $media: 'screen')
-//
-// // create $breakpoint variables like so
-// // assume $breakpoint-default-feature if only a number
-// $breakpoint1: 500px
-// $breakpoint2: 30em
-// // set min-width/max-width if both values are numbers
-// $breakpoint3: 500px 700px
-// // if one value is a string, assume a feature/value pair
-// $breakpoint4: min-width 700px
-// $breakpoint5: max-width 700px
-// // for multidimensional lists, assume each item is a feature/value pair
-// $breakpoint6: max-width 700px, orientation portrait
-// // handle one-sided features (ie. monochrome)
-// $breakpoint7: max-width 700px, orientation portrait, monochrome
-// $breakpoint8: monochrome
-////////////////////////////
-
-$breakpoint-default-feature: min-width !default
-
-@function breakpoint-concatenate($query-string, $new-value, $feature: $breakpoint-default-feature)
-  $new-string: ''
-  @if $feature != false
-    $new-string: #{$query-string}unquote("and (#{$feature}:  #{$new-value}) ")
-  @else
-    $new-string: #{$query-string}unquote("and (#{$new-value}) ")
-  @return $new-string
-
-=breakpoint($breakpoint, $media: 'screen')
-  // initialize string
-  $query-string: '#{$media} '
-  @if type-of($breakpoint) == number
-    // assume max-width if only a number
-    $query-string: breakpoint-concatenate($query-string, $breakpoint)
-  @if type-of($breakpoint) == string
-    // handle one-sided features (ie. monochrome)
-    $query-string: breakpoint-concatenate($query-string, $breakpoint, false)
-  @else if type-of($breakpoint) == list
-    @if (type-of(nth($breakpoint, 1)) == number) and (type-of(nth($breakpoint, 2)) == number)
-      // set min/max if both values are numbers
-      @if $modular-scale-loaded == true
-        $breakpoint: sort-list($breakpoint)
-      $query-string: breakpoint-concatenate($query-string, nth($breakpoint, 1), 'min-width')
-      $query-string: breakpoint-concatenate($query-string, nth($breakpoint, 2), 'max-width')
-    @else if (type-of(nth($breakpoint, 1)) == string)
-      // if one value is a string, assume a feature/value pair
-      $query-string: breakpoint-concatenate($query-string, nth($breakpoint, 2), nth($breakpoint, 1))
-    @else if (type-of(nth($breakpoint, 1)) == list)
-      // for multidimensional lists, assume each item is a feature value pair
-      @each $item in $breakpoint
-        @if type-of($item) == list
-          // $query-string: #{$query-string}unquote("and (#{nth($item, 1)}:  #{nth($item, 2)}) ")
-          $query-string: breakpoint-concatenate($query-string, nth($item, 2), nth($item, 1))
-        @else
-          // handle one-sided features (ie. monochrome)
-          $query-string: breakpoint-concatenate($query-string, $item, false)
-  // write out the media query
-  @media #{$query-string}
-    @content

data/stylesheets/survivalkit/mixins/_helpers.sass

@@ -1,59 +0,0 @@
-=hidden
-  display: none !important
-  visibility: hidden
-
-=visuallyhidden($focusable: false)
-  border: 0
-  clip: rect(0 0 0 0)
-  height: 1px
-  margin: -1px
-  overflow: hidden
-  padding: 0
-  position: absolute
-  width: 1px
-  @if $focusable
-    &:active, &:focus
-      clip: auto
-      height: auto
-      margin: 0
-      overflow: visible
-      position: static
-      width: auto
-
-=invisible
-  visibility: hidden
-
-=scale-image-ie($image)
-  background: none
-  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="#{image_url($image, true, false)}",  sizingMethod="scale")
-
-=kit-clearfix
-  &:after
-    content: $space
-    display: table
-    clear: both
-  zoom: 1
-
-=accessible-color($background: $white)
-  @if lightness($background) >= 65%
-    color: $text-color
-  @else
-    color: white
-
-=clean-list
-  +no-bullets
-  margin-left: 0
-  padding-left: 0
-
-=susy-grid-backgrounds
-  @if $show-grid and $show-baseline
-    +susy-grid-background-baseline
-  @else if $show-grid
-    +susy-grid-background
-  @else if $show-baseline
-    +baseline-grid-background
-
-=susy-grid-background-baseline()
-  +grid-background($total-columns, $column-width, $gutter-width, $base-line-height, $column-width*0, $grid-background-column-color, $grid-background-gutter-color, $grid-background-baseline-color, $force-fluid: true)
-  +background-origin(content-box)
-  +background-clip(content-box)

data/stylesheets/survivalkit/mixins/_layout.sass

@@ -1,19 +0,0 @@
-=vertical-separation($margin: $kit-baseline, $divide: false, $bordercolor: $border-color, $borderstyle: solid)
-  +pie-clearfix
-  @if $divide
-    border-bottom: $divide $borderstyle $bordercolor
-    margin-bottom: $margin * 0.5
-    padding-bottom: $margin * 0.5 - $divide
-  @else
-    margin-bottom: $margin * 0.5
-    padding-bottom: $margin * 0.5
-    border-bottom: none
-  &:last-child
-    padding-bottom: 0
-    border-bottom-width: 0
-    margin-bottom: 0
-
-=un-vertical-separation
-  border-bottom: none
-  margin-bottom: 0
-  padding-bottom: 0

data/stylesheets/survivalkit/mixins/_pseudo.sass

@@ -1,13 +0,0 @@
-////////////////////////////
-// ABSOLUTE PSEUDO ELEMENTS
-////////////////////////////
-
-// $side: can be 'before', 'after', or 'both'
-=pseudo($side: 'before')
-  position: relative
-  @if $side == 'both'
-    &:before, &:after
-      position: absolute
-  @else
-    &:#{$side}
-      position: absolute

data/stylesheets/survivalkit/mixins/_typography.sass

@@ -1,81 +0,0 @@
-// Links --------------------------------------------------------------
-// replace underlines on links with bottom borders
-=underline-links($normal, $hover: false, $active: false, $visited: false, $focus: false)
-  &
-    text-decoration: none
-    border-bottom: 1px solid $normal
-    @if $visited
-      &:visited
-        border-bottom-color: $visited
-    @if $focus
-      &:focus
-        border-bottom-color: $focus
-    @if $hover
-      &:hover
-        border-bottom-color: $hover
-    @if $active
-      &:active
-        border-bottom-color: $active
-
-=undo-underline-links
-  &
-    text-decoration: none
-    // border-bottom: inherit
-    border-bottom-style: inherit
-    &:visited
-      border-bottom-color: inherit
-    &:focus
-      border-bottom-color: inherit
-    &:hover
-      border-bottom-color: inherit
-    &:active
-      border-bottom-color: inherit
-
-
-// fade between default and hover colors
-=link-transitions($time: 0.5s, $easing: 'ease-out', $property: 'all')
-  +transition($property, $time, $easing)
-
-// remove bottom borders from better links
-// call directly from an <a> element
-// (needed when linking an <img/> for example)
-=remove-link-underlines()
-  &
-    border-bottom: none
-    &:hover
-      border-bottom: none
-
-
-// add style and weight to:
-// http://compass-style.org/reference/compass/css3/font_face/#mixin-font-face
-=kit-font-face($name, $font-files, $eot: false, $style: false, $weight: false)
-  $iefont: unquote("#{$eot}?iefix")
-  @font-face
-    font-family: quote($name)
-    @if $eot
-      src: font-url($eot)
-      $font-files: font-url($iefont) unquote("format('eot')"), $font-files
-    src: $font-files
-    @if $style
-      font-style: $style
-    @if weight
-      font-weight: $weight
-
-// text-overflow
-=text-overflow($method: ellipsis)
-  white-space: nowrap
-  overflow: hidden
-  -o-text-overflow: $method
-  text-overflow:    $method
-  .ie &
-    width: 100%
-
-
-// replace OL > LI numbers so they can be styled
-=replace-list-numbers
-  counter-reset: li
-  list-style-type: none
-  li
-    &:before
-      content: counter(li) ". "
-      counter-increment: li