survivalkit 1.0.beta.1 → 1.0.beta.2

data/CHANGELOG.markdown

@@ -1,5 +1,8 @@
 # Changelog
 
+## 1.0.alpha.1 - August 13, 2012
+* fix installation issue
+
 ## 1.0.alpha.1 - August 13, 2012
 * convert to SCSS syntax
 * remove nearly all default styling

data/lib/survivalkit.rb

@@ -6,7 +6,7 @@ Compass::Frameworks.register("survivalkit", :path => "#{File.dirname(__FILE__)}/
 
 module SurvivalKit
 
-  VERSION = "1.0.beta.1"
+  VERSION = "1.0.beta.2"
   DATE = "2012-08-13"
 
 end

data/templates/shared/partials/01-variables/_all.scss

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

data/templates/shared/partials/01-variables/_base.scss

@@ -0,0 +1,172 @@
+////////////////////////////
+// Kit Default Variables
+////////////////////////////
+
+// pick a reset of normalization
+// accepted values: 'meyer' (default), 'normalize', 'none'
+// choose to reset header sizes (applies to 'normalize' only)
+// $init-headers: true;
+$init-type: normalize;
+// use Formalize http://formalize.me/
+$formalize: true;
+
+$base-font-size: 16px;
+$base-line-height: $base-font-size * 1.5;
+
+// --- Modular SCALE (used by 05-base) -----------
+// values used to determine modular scale values
+// and http://modularscale.com/
+$ratio: golden_ratio() major_third();
+$base-size: $base-font-size;
+
+// Dimensions
+// basic values, independant of any css framework
+$kit-baseline: $base-line-height;
+$kit-baseline-half: $kit-baseline * 0.5;
+$kit-baseline-neg: $kit-baseline * -1;
+$kit-gutter: ms(2);
+$kit-gutter-half: $kit-gutter * 0.5;
+$kit-gutter-neg: $kit-gutter * -1;
+
+// pixel-normalize
+// http://www.alistapart.com/articles/a-pixel-identity-crisis/
+$pixel-normalize: true;
+
+// use the Compass baseline system
+$establish-baseline: true;
+
+// Headers
+// create a list of header sizes, H1 - H6
+$header-sizes: ms(6) ms(5) ms(4) ms(3) ms(2) ms(1);
+// Use Compass's adjust-font-size-to function
+$adjust-font-size-to: true;
+// fancy apersands - for .amp within headers
+$header-ampersands: false;
+
+// Links
+// replace normal link underlines with bottom borders
+$border-links: false;
+// animate link hovers. use a 'time' value, like '0.5s'
+$link-transitions: false;
+
+// Forms
+$kit-form-defaults: false;
+
+// Grid Variables --------------------------------------------------------------
+// note: set grid system-specific variables in the grid section (06)
+$show-grid: false;
+$show-baseline: false;
+
+// Animate all the things
+// useful for previewing css changes.
+// do something more targeted in production, ok?
+$animate-all-the-things: false;
+
+////////////////////////////
+// COMPASS DEFAULTS
+////////////////////////////
+
+// SUPPORT
+// legacy and experimental browser support
+// $legacy-support-for-ie: true;
+// $legacy-support-for-ie6: $legacy-support-for-ie;
+// $legacy-support-for-ie7: $legacy-support-for-ie;
+// $legacy-support-for-ie8: $legacy-support-for-ie;
+// $experimental-support-for-mozilla      : true;
+// $experimental-support-for-webkit       : true;
+// $support-for-original-webkit-gradients : true;
+// $experimental-support-for-opera        : true;
+// $experimental-support-for-microsoft    : true;
+// $experimental-support-for-khtml        : false;
+// $experimental-support-for-svg          : false;
+// $experimental-support-for-pie          : false;
+
+
+// CSS3
+
+// background clip
+// $default-background-clip: padding-box;
+
+// background origin
+// $default-background-origin: content-box;
+
+// background size
+// $default-background-size: 100% auto;
+
+// border radius
+// $default-border-radius: 5px;
+
+// box
+// $default-box-orient: horizontal;
+// $default-box-align: stretch;
+// $default-box-flex: 0;
+// $default-box-flex-group: 1;
+// $default-box-ordinal-group: 1;
+// $default-box-direction: normal;
+// $default-box-lines: single;
+// $default-box-pack: start;
+
+// box shadow
+// $default-box-shadow-color: #333333;
+// $default-box-shadow-h-offset: 0px;
+// $default-box-shadow-v-offset: 0px;
+// $default-box-shadow-blur: 5px;
+// $default-box-shadow-spread: false;
+// $default-box-shadow-inset: false;
+
+// css3 pie
+// $pie-base-class: false;
+// $pie-default-approach: relative;
+// $pie-behavior: stylesheet-url("PIE.htc");
+
+// text shadow
+// $default-text-shadow-color: #aaaaaa;
+// $default-text-shadow-h-offset: 0px;
+// $default-text-shadow-v-offset: 0px;
+// $default-text-shadow-blur: 1px;
+
+// transform
+// $default-origin-x: 50%;
+// $default-origin-y: 50%;
+// $default-origin-z: 50%;
+// $default-scale-x: 1.25;
+// $default-scale-y: $default-scale-x;
+// $default-scale-z: $default-scale-x;
+// $default-rotate: 45deg;
+// $default-vector-x: 1;
+// $default-vector-y: 1;
+// $default-vector-z: 1;
+// $default-translate-x: 1em;
+// $default-translate-y: $default-translate-x;
+// $default-translate-z: $default-translate-x;
+// $default-skew-x: 5deg;
+// $default-skew-y: 5deg;
+
+// transition
+// $default-transition-property: all;
+// $default-transition-duration: 1s;
+// $default-transition-function: false;
+// $default-transition-delay: false;
+// $transitionable-prefixed-values: transform, transform-origin;
+
+// LAYOUT
+
+// grid background
+// $grid-background-column-color: rgba(100, 100, 225, 0.25);
+// $grid-background-gutter-color: rgba(0, 0, 0, 0);
+// $grid-background-total-columns: 24;
+// $grid-background-column-width: 30px;
+// $grid-background-gutter-width: 10px;
+// $grid-background-offset: 0px;
+// $grid-background-baseline-color: rgba(0, 0, 0, 0.5);
+// $grid-background-baseline-height: 1.5em;
+// $show-column-grid-backgrounds: true;
+// $show-baseline-grid-backgrounds: true;
+// $show-grid-backgrounds: true;
+// $grid-background-force-fluid: false;
+
+// UTILITIES
+// color
+// $contrasted-dark-default: black;
+// $contrasted-light-default: white;
+// $contrasted-lightness-threshold: 30%;

data/templates/shared/partials/01-variables/_colors.scss

@@ -0,0 +1,61 @@
+// DEFAULT COLORS
+$c-primary: $badass;
+$c-secondary: $black;
+$c-tertiary: $black;
+$c-quadrary: $black;
+
+
+// COLOR SCHEMES
+// color-schemer arguments
+// $color-location,
+// $base-color,
+// $color-scheme,
+// $hue-offset
+// Color schemes to choose from
+// mono, complement, triad, tetrad, analogic, accented-analogic
+// Pick the base color for your scheme:
+$base-color: $c-primary;
+// Select your scheme from the list and place it here:
+$color-scheme: accented-analogic;
+// How distant do you want the hue offset to be:
+$hue-offset: 30;
+// How distant do you want tints and shades to be from their base:
+$brightness-offset: 10%;
+// Use Claude Boutet complements instead of RGB complements.
+// $color-theory: boutet
+// Set saturation to 100% and lightness to 50% on all colors
+// $equalize: true
+$c-primary: color-schemer(primary);
+$c-secondary: color-schemer(secondary);
+$c-tertiary: color-schemer(tertiary);
+$c-quadrary: color-schemer(quadrary);
+
+
+// Color variables expected 04-base
+$base-color: $c-primary;
+$text-color: $black;
+$alt-color: $badass;
+$background-color: $white;
+$border-color: $gray;
+
+
+// link colors
+$link-normal: $alt-color;
+$link-hover: complement($alt-color);
+$link-active: complement($alt-color);
+$link-visited: $alt-color;
+$link-focus: $alt-color;
+$link-border-normal: $alt-color;
+$link-border-hover: complement($alt-color);
+$link-border-active: complement($alt-color);
+$link-border-visited: $alt-color;
+
+
+// COLOR VARIABLES FOR STYLE TILES
+// enable and customize as needed
+$color-tile1-1: $gray;
+$color-tile1-2: $gray;
+$color-tile1-3: $gray;
+$color-tile1-4: $gray;
+$color-tile1-5: $gray;
+$color-tile1-6: $gray;

data/templates/shared/partials/01-variables/_fonts.scss

@@ -0,0 +1,15 @@
+// This file establishes simple clean default font stacks
+
+$font-sans: sans-serif;
+$font-serifs: Georgia, serif;
+$font-mono: Consolas, Menlo, "Courier New", monospace, monospace;
+
+$font-body: $font-serifs;
+$font-headline: $font-sans;
+$font-logo: $font-sans;
+
+// SPECIAL USE FONT STACKS
+// ampersands
+$font-amp: $font-serifs;
+// caps
+$font-cap: $font-sans;

data/templates/shared/partials/02-mixins/_custom.scss

@@ -0,0 +1,5 @@
+////////////////////////////
+// Custom Mixins
+// nothing here yet.
+// add your own.
+////////////////////////////

data/templates/shared/partials/03-extend/_all.scss

@@ -0,0 +1,2 @@
+@import "helpers";
+@import "typography";

data/templates/shared/partials/03-extend/_helpers.scss

@@ -0,0 +1,7 @@
+.clearfix {
+  @extend %clearfix;
+}
+
+.hidden {
+  @extend %hidden;
+}

data/templates/shared/partials/03-extend/_typography.scss

@@ -0,0 +1,40 @@
+// The following classes are for use with @extend.
+%serif {
+  font-family: $font-serifs;
+}
+
+%sans {
+  font-family: $font-sans;
+}
+
+%mono {
+  font-family: $font-mono;
+}
+
+%caps {
+  font-size: 0.9em;
+  letter-spacing: 0.1em;
+}
+
+%headers {
+  font-family: $font-headline;
+}
+
+%allcaps {
+  @extend %caps;
+  text-transform: uppercase;
+}
+
+%amp {
+  font-family: $font-amp;
+}
+
+%smallcaps {
+  @extend %caps;
+  font-variant: small-caps;
+}
+
+%dquo {
+  margin-left: -0.5em;
+  font-family: $font-amp;
+}