survivalkit 0.3.4 → 1.0.beta.1

data/stylesheets/survivalkit/mixins/_ui.sass

@@ -1,80 +0,0 @@
-// create simple tabs from <a> unside <ul>
-// $dir is 'bottom' for standard tabs
-// 'top' for hanging tabs
-// assumes placement on UL
-=tabs($dir: bottom, $border-color: $base-color, $border-color-active: $white, $background-color: $gray, $background-color-active: $white)
-  +horizontal-list(3px)
-  position: relative
-  li
-    border-#{$dir}: 1px solid $border-color
-    margin-top: 1px
-    &.active
-      a
-        border-#{$dir}: 1px solid $border-color-active
-        background-color: $background-color-active
-        // padding-#{$dir}: 0
-    a
-      border:
-        width: 1px
-        style: solid
-        color: $border-color
-      background-color: $background-color
-      // float: left
-      // margin-top: -1px
-      // position: relative
-      // #{$dir}: -1px
-      padding: 0 0.25em
-      @if $dir == bottom
-        +border-top-radius
-        +remove-link-underlines
-      @else
-        +border-bottom-radius
-        border-top-width: 0
-      &:hover
-        background-color: $background-color-active
-        border-#{$dir}: 1px solid $border-color-active
-
-// remove drupal tab styling
-  apply to <ul>
-=drupal-tab-reset
-  border-bottom: 0 solid transparent
-  li
-    a
-      background-color: transparent
-      border-style: none
-      border-color: transparent
-      border-width: 0
-      float: none
-      position: static
-      bottom: auto
-      padding: 0
-      margin-right: 0
-      &:hover
-        background-color: transparent
-        border-color: transparent
-        border-bottom-color: transparent
-    &.active
-      a
-        background-color: transparent
-        border-color: transparent
-        border-bottom-color: transparent
-
-
-=decending-z-order-tab($count: 20)
-  // assumes placement on UL
-  position: relative
-  li
-    position: relative
-    $t: 0
-    $i: $count
-    @while $i > 0
-      &:nth-child(#{$t})
-        z-index: #{$i}
-      $t: $t + 1
-      $i: $i - 1
-
-
-// universal transitions
-=transition-all($time: 0.2s, $ease: ease)
-  *
-    +transition(all $time $ease)

data/stylesheets/survivalkit/readme.markdown

@@ -1 +0,0 @@
-The files in this folder "lib" are not meant to be altered. Create your own mixins, functions, etc in the numbered folders or in another folder.

data/stylesheets/survivalkit/style-tile/_all.sass

@@ -1 +0,0 @@
-@import tile-layout

data/stylesheets/survivalkit/style-tile/_tile-layout.sass

@@ -1,143 +0,0 @@
-// Set up the layout for your site using your chosen grid framework
-
-// Style Tile Grid
-// define grid variables
-$total-columns: 5
-$column-width: 4em
-$gutter-width: 1em
-$grid-padding: 1em
-$container-style: magic
-
-// define breakpoints in EMs
-$bp-handheld: calc-em(321px, $base-font-size)
-$bp-handheld-wide: calc-em(481px, $base-font-size)
-$bp-tablet: calc-em(721px, $base-font-size)
-$bp-desktop: calc-em(1025px, $base-font-size)
-
-// define media layout variables
-$media-layout-handheld: 2 $bp-handheld
-$media-layout-handheld-wide: $bp-handheld 3 $bp-handheld-wide
-$media-layout-medium: $bp-handheld-wide 6 $bp-tablet
-$media-layout-tablet: $bp-tablet 8 $bp-desktop
-$media-layout-desktop: $bp-desktop 12
-
-@import susy
-
-
-/* LAYOUT --------------------------------------------------------------
-.styletile
-  #page
-    .ie6 &, .ie7 &, .ie8 &
-      +container
-      +susy-grid-backgrounds
-    +at-breakpoint($media-layout-handheld)
-      $container-style: fluid
-      $grid-padding: 0
-      +container
-      +susy-grid-backgrounds
-    +at-breakpoint($media-layout-handheld-wide)
-      $container-style: fluid
-      $grid-padding: 0
-      +container
-      +susy-grid-backgrounds
-    +at-breakpoint($media-layout-medium)
-      $grid-padding: 1em
-      $container-style: fluid
-      +container
-      +susy-grid-backgrounds
-      header
-        .client-id
-          +span-columns(3, 6)
-        aside
-          +span-columns(3 omega, 6)
-      #main
-        .text-examples
-          +span-columns(3, 6)
-        .graphic-examples
-          +span-columns(3 omega, 6)
-    +at-breakpoint($media-layout-tablet)
-      $grid-padding: 1em
-      $container-style: fluid
-      +container
-      +susy-grid-backgrounds
-      header
-        .client-id
-          +span-columns(5, 8)
-        aside
-          +span-columns(3 omega, 8)
-      #main
-        .text-examples
-          +span-columns(4, 8)
-        .graphic-examples
-          +span-columns(4 omega, 8)
-    +at-breakpoint($media-layout-desktop)
-      $grid-padding: 1em
-      $container-style: magic
-      +container
-      +susy-grid-backgrounds
-      header
-        .client-id
-          +span-columns(8, 12)
-        aside
-          +span-columns(4 omega, 12)
-      #main
-        .text-examples
-          +span-columns(6, 12)
-        .graphic-examples
-          +span-columns(6 omega, 12)
-
-
-/* graphic examples
-
-/* colors
-.styletile
-  .colors
-    ul
-      +inline-list
-      li
-        height: $kit-baseline * 5
-        margin-bottom: $kit-baseline
-        border: 4px solid $white
-        position: relative
-        &:after
-          position: relative
-          top: 102%
-          color: $gray
-        +at-breakpoint($media-layout-handheld)
-          +span-columns(1, 2)
-          &:nth-of-type(2n+2)
-            +omega
-        +at-breakpoint($media-layout-handheld-wide)
-          +span-columns(1, 3)
-          &:nth-of-type(3n+3)
-            +omega
-        +at-breakpoint($media-layout-medium)
-          +span-columns(1, 3)
-          &:nth-of-type(3n+3)
-            +omega
-        +at-breakpoint($media-layout-tablet)
-          +span-columns(1, 4)
-          &:nth-of-type(4n+4)
-            +omega
-        +at-breakpoint($media-layout-desktop)
-          +span-columns(1, 6)
-          &:nth-of-type(6n+6)
-            +omega
-
-.styletile
-  .images
-    ul
-      +inline-list
-      li
-        overflow: hidden
-        margin-bottom: $kit-baseline
-        +at-breakpoint($media-layout-tablet)
-          +span-columns(2, 4)
-          &:nth-of-type(2n+2)
-            +omega
-        +at-breakpoint($media-layout-desktop)
-          +span-columns(3, 6)
-          &:nth-of-type(2n+2)
-            +omega
-        img
-          @extend %constrain-to-parent

data/stylesheets/survivalkit/survival_kit/_survival-kit.sass

@@ -1,116 +0,0 @@
-// styles meant to assist while designing markup conventions
-// in elements.html, elements-drupal.html
-
-@import ../mixins/helpers
-
-$kit-font-family: futura, $font-sans
-
-$sk-lightgray: mix($lightgray, $c-primary, 90%)
-$sk-gray: mix($gray, $c-primary, 90%)
-$sk-darkgray: mix($darkgray, $c-primary, 90%)
-
-body.survival-kit
-  #page
-    > header
-      background: $sk-lightgray
-      font-family: $kit-font-family
-      padding: 0 0.5em
-      margin-bottom: 0
-      a
-        +link-colors($white, $sk-darkgray, $sk-darkgray, $white)
-        +underline-links($white, $sk-darkgray, $sk-darkgray, $white)
-      hgroup
-        @extend .clearfix
-      h1
-        +adjust-font-size-to(ms(1))
-        float: left
-        padding-right: $kit-gutter
-        margin-right: $kit-gutter
-        border-right: 1px solid white
-        font-family: $kit-font-family
-        a
-          +remove-link-underlines
-          +replace-text-with-dimensions('survival-kit-logo.png')
-          display: block
-          padding: 0.3em
-      h2
-        +adjust-font-size-to(ms(2))
-        margin-top: 0
-        font-family: $kit-font-family
-      .intro
-        margin-left: calc-em(265px, $base-font-size)
-  h1.section-title
-    +adjust-font-size-to(ms(3))
-    background-color: $sk-lightgray
-    text-transform: uppercase
-    padding-left: $kit-gutter-half
-    margin-top: 0
-    a
-      +link-colors($black, $alt-color, $alt-color, $black, false)
-      +underline-links($black, $alt-color, $alt-color, $black, false)
-  .back-to-top
-    +remove-link-underlines
-    float: right
-    font-size: 10px
-  h1.section-title .fold-section, h2.element-title .fold-article
-  .kit-nav, .section-nav
-    +trailer
-    padding: 0 0.5em
-    font-family: $kit-font-family
-    color: $sk-lightgray
-    #{headings()}
-      font-size: $base-font-size
-    a
-      +link-colors($white, $alt-color, $alt-color, $white)
-      +underline-links($white, $alt-color, $alt-color, $white)
-    ul
-      +horizontal-list(0.5em)
-  .kit-nav
-    background: shade($sk-gray, 20%)
-  .section-nav
-    background: $sk-gray
-    margin-top: calc-em(-24px, $base-font-size)
-    margin-bottom: 0
-    h3
-      color: shade($sk-gray, 40%)
-      +adjust-font-size-to($base-font-size - 2)
-    h4
-      float: left
-      margin-right: 0.5em
-      margin-top: 0
-      margin-bottom: 0
-  div.element
-    +vertical-separation($kit-baseline * 2, 1px, transparentize($border-color, 0.9))
-    &.closed
-      +un-vertical-separation
-    h2.element-title
-      +adjust-font-size-to(ms(0))
-      background-color: $sk-gray
-      color: $white
-      text-transform: uppercase
-      padding-left: $kit-gutter-half
-      a
-        +link-colors($white, $alt-color, $alt-color, $white, false)
-        +underline-links($white, $alt-color, $alt-color, $white, false)
-    .example
-      +vertical-separation($kit-baseline, 1px, transparentize($border-color, 0.9), dashed)
-      +pie-clearfix
-      .markup
-        // +columns(4)
-        display: inline
-        float: left
-        width: 64.228%
-        margin-right: 2.439%
-        & + .show-source
-          // +columns(2)
-          // +omega(6)
-          display: inline
-          float: right
-          width: 30.894%
-          margin-right: 0
-          // margin-left: -24px
-          @extend .mono
-          .show-hide
-            text-align: right
-          & + p
-            clear: both

data/stylesheets/survivalkit/variables/_all.sass

@@ -1,2 +0,0 @@
-@import color_names
-@import helpers

data/stylesheets/survivalkit/variables/_color_names.sass

@@ -1,154 +0,0 @@
-// Compass gradients don't understand "transparent"
-$transparent: rgba(black, 0)
-
-// STANDARD NAMED CSS COLORS
-// COLOR NAME DEFINITIONS
-$aliceblue: aliceblue
-$antiquewhite: antiquewhite
-$aqua: aqua
-$aquamarine: aquamarine
-$azure: azure
-$badass: #bada55
-$beige: beige
-$bisque: bisque
-$black: black
-$blanchedalmond: blanchedalmond
-$blue: blue
-$blueviolet: blueviolet
-$brown: brown
-$burlywood: burlywood
-$cadetblue: cadetblue
-$chartreuse: chartreuse
-$chocolate: chocolate
-$coral: coral
-$cornflowerblue: cornflowerblue
-$cornsilk: cornsilk
-$crimson: crimson
-$cyan: cyan
-$darkblue: darkblue
-$darkcyan: darkcyan
-$darkgoldenrod: darkgoldenrod
-$darkgray: darkgray
-$darkgrey: darkgrey
-$darkgreen: darkgreen
-$darkkhaki: darkkhaki
-$darkmagenta: darkmagenta
-$darkolivegreen: darkolivegreen
-$darkorange: darkorange
-$darkorchid: darkorchid
-$darkred: darkred
-$myred: #b80000
-$darksalmon: darksalmon
-$darkseagreen: darkseagreen
-$darkslateblue: darkslateblue
-$darkslategray: darkslategray
-$darkslategrey: darkslategrey
-$darkturquoise: darkturquoise
-$darkviolet: darkviolet
-$deeppink: deeppink
-$deepskyblue: deepskyblue
-$dimgray: dimgray
-$dimgrey: dimgrey
-$dodgerblue: dodgerblue
-$firebrick: firebrick
-$floralwhite: floralwhite
-$forestgreen: forestgreen
-$fuchsia: fuchsia
-$gainsboro: gainsboro
-$ghostwhite: ghostwhite
-$gold: gold
-$goldenrod: goldenrod
-$gray: gray
-$grey: gray
-$green: green
-$greenyellow: greenyellow
-$honeydew: honeydew
-$hotpink: hotpink
-$indianred: indianred
-$indigo: indigo
-$ivory: ivory
-$khaki: khaki
-$lavender: lavender
-$lavenderblush: lavenderblush
-$lawngreen: lawngreen
-$lemonchiffon: lemonchiffon
-$lightblue: lightblue
-$lightcoral: lightcoral
-$lightcyan: lightcyan
-$lightgoldenrodyellow: lightgoldenrodyellow
-$lightgreen: lightgreen
-$lightgray: lightgray
-$lightgrey: lightgrey
-$lightpink: lightpink
-$lightsalmon: lightsalmon
-$lightseagreen: lightseagreen
-$lightskyblue: lightskyblue
-$lightslategray: lightslategray
-$lightslategrey: lightslategrey
-$lightsteelblue: lightsteelblue
-$lightyellow: lightyellow
-$lime: lime
-$limegreen: limegreen
-$linen: linen
-$magenta: magenta
-$maroon: maroon
-$mediumaquamarine: mediumaquamarine
-$mediumblue: mediumblue
-$mediumorchid: mediumorchid
-$mediumpurple: mediumpurple
-$mediumseagreen: mediumseagreen
-$mediumslateblue: mediumslateblue
-$mediumspringgreen: mediumspringgreen
-$mediumturquoise: mediumturquoise
-$mediumvioletred: mediumvioletred
-$midnightblue: midnightblue
-$mintcream: mintcream
-$mistyrose: mistyrose
-$moccasin: moccasin
-$navajowhite: navajowhite
-$navy: navy
-$oldlace: oldlace
-$olive: olive
-$olivedrab: olivedrab
-$orange: orange
-$orangered: orangered
-$orchid: orchid
-$palegoldenrod: palegoldenrod
-$palegreen: palegreen
-$paleturquoise: paleturquoise
-$palevioletred: palevioletred
-$papayawhip: papayawhip
-$peachpuff: peachpuff
-$peru: peru
-$pink: pink
-$plum: plum
-$powderblue: powderblue
-$purple: purple
-$red: red
-$rosybrown: rosybrown
-$royalblue: royalblue
-$saddlebrown: saddlebrown
-$salmon: salmon
-$sandybrown: sandybrown
-$seagreen: seagreen
-$seashell: seashell
-$sienna: sienna
-$silver: silver
-$skyblue: skyblue
-$slateblue: slateblue
-$slategray: slategray
-$slategrey: slategrey
-$snow: snow
-$springgreen: springgreen
-$steelblue: steelblue
-$tan: tan
-$teal: teal
-$thistle: thistle
-$tomato: tomato
-$turquoise: turquoise
-$violet: violet
-$wheat: wheat
-$white: white
-$whitesmoke: whitesmoke
-$yellow: yellow
-$yellowgreen: yellowgreen

data/templates/drupal/ie.sass

@@ -1,3 +0,0 @@
-/* FALLBACK STYLES FOR IE
-// work on your styles in the same directories as your other files
-@import partials/11-browser-adjustments/ie

data/templates/drupal/partials/01-variables/_all.sass

@@ -1,3 +0,0 @@
-@import colors
-@import fonts
-@import base