kentucky 0.1.0

checksums.yaml

@@ -0,0 +1,7 @@
+---
+SHA1:
+  metadata.gz: ab5dafe0abfe05927056c89cbd743926d1001f3a
+  data.tar.gz: e948204fdeaec3bec3b8582a9bf03568b4042321
+SHA512:
+  metadata.gz: 8465afb2b35fe623045b45b4dbdefcd90229846b69f44729868e7fe750ff501d5f46cbe8584224f0b07ea35ed3a86a8bd64f6364b4c35b09c29db491e4c531cd
+  data.tar.gz: e0e09be31fb4379efcf354665ba188735fba7dae9b5855e5067129ff847c0d4379f8d1f2370a22d09b5249a1bb44f3c4a859584faf1a16f76156ba628ad17064

data/.gitignore

@@ -0,0 +1,7 @@
+*swp
+*gem
+.sass-cache/
+/bourbon/
+demo/
+tmp/
+tags

data/Gemfile

@@ -0,0 +1,4 @@
+source "http://rubygems.org"
+
+# Specify your gem's dependencies in sass-mixins.gemspec
+gemspec

data/Gemfile.lock

@@ -0,0 +1,55 @@
+PATH
+  remote: .
+  specs:
+    kentucky (0.0.1)
+      bourbon (~> 3.1)
+      neat (~> 1.2)
+      sass (>= 3.2.0)
+      thor
+
+GEM
+  remote: http://rubygems.org/
+  specs:
+    aruba (0.4.11)
+      childprocess (>= 0.2.3)
+      cucumber (>= 1.1.1)
+      ffi (>= 1.0.11)
+      rspec (>= 2.7.0)
+    bourbon (3.1.4)
+      sass (>= 3.2.0)
+      thor
+    builder (3.2.0)
+    childprocess (0.3.9)
+      ffi (~> 1.0, >= 1.0.11)
+    cucumber (1.3.1)
+      builder (>= 2.1.2)
+      diff-lcs (>= 1.1.3)
+      gherkin (~> 2.12.0)
+      multi_json (~> 1.3)
+    diff-lcs (1.1.3)
+    ffi (1.8.1)
+    gherkin (2.12.0)
+      multi_json (~> 1.3)
+    multi_json (1.7.2)
+    neat (1.2.1)
+      bourbon (>= 2.1)
+      sass (>= 3.2)
+    rake (10.0.4)
+    rspec (2.8.0)
+      rspec-core (~> 2.8.0)
+      rspec-expectations (~> 2.8.0)
+      rspec-mocks (~> 2.8.0)
+    rspec-core (2.8.0)
+    rspec-expectations (2.8.0)
+      diff-lcs (~> 1.1.2)
+    rspec-mocks (2.8.0)
+    sass (3.2.8)
+    thor (0.18.1)
+
+PLATFORMS
+  ruby
+
+DEPENDENCIES
+  aruba (= 0.4.11)
+  kentucky!
+  rake

data/LICENSE

@@ -0,0 +1,21 @@
+The MIT License (MIT)
+
+Copyright (c) 2013 LookThink, LLC
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in
+all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+THE SOFTWARE.

data/Rakefile

@@ -0,0 +1,9 @@
+# encoding: utf-8
+require 'rubygems'
+require 'bundler'
+require 'cucumber/rake/task'
+
+Bundler::GemHelper.install_tasks
+Cucumber::Rake::Task.new
+
+task :default => :cucumber

data/app/assets/stylesheets/kentucky/_debug.scss

@@ -0,0 +1,93 @@
+// ------------------------------------------------------------------- //
+// Debug - Only active if variable set to TRUE in _defaults.scss
+// Use to determine CSS issues within the site
+// ------------------------------------------------------------------- //
+
+// Red     ==   Definite Error
+// Yellow  ==   Double-check
+// None    ==   Should be okiedokie
+
+@if $debug-mode == true{
+
+	// Empty page elements?
+	
+	:empty{
+		outline: 5px solid yellow;
+	}
+	
+	
+	// Images require 'alt' attributes, empty 'alt's are fine
+	// No 'alt' is bad, flagged in red
+	
+	img{
+		outline: 5px solid red;
+	
+		&[alt]{
+			outline: none;
+		}
+		&[alt=""]{
+			outline: 5px solid yellow;
+		}
+	}
+	
+	
+	// Links benefit from 'title' attributes
+	// Not severe, but good to check
+	
+	a{
+		outline: 5px solid yellow;
+		
+		&[title]{
+			outline: none;
+		}
+	}
+	
+	
+	// Esnure lists only contain 'li's as children
+	
+	ul,
+	ol{
+		> *:not(li){
+			outline: 5px solid red;
+		}
+	}
+	
+	
+	// 'tr's as children of 'table's isn't great, did you need 'thead'/'tbody'?
+	
+	table > tr{
+		outline: 5px solid yellow;
+	}
+	
+	
+	// Various form-field types have required attributes
+	// 'input's need 'type'
+	// 'textarea's need 'rows' and 'cols'
+	// 'submit' buttons need 'value'
+	
+	textarea,
+	input{
+		outline: 5px solid yellow;
+	}
+	input[type]{
+		outline: none;
+	}
+	textarea[rows][cols]{
+		outline: none;
+	}
+	input[type=submit]{
+		outline: 5px solid red;
+		
+		&[value]{
+			outline: none;
+		}
+	}
+	
+	
+	// Avoid inline styles like the plague that they are
+	
+	[style]{
+		outline: 5px solid red;
+	}
+	
+} // END if

data/app/assets/stylesheets/kentucky/_defaults.scss

@@ -0,0 +1,152 @@
+// ------------------------------------------------------------------- //
+// Project Settings
+// ------------------------------------------------------------------- //
+
+// Visually highlight any potential markup/accessibility quirks
+$debug-mode:          false !default;
+
+// Use media objects
+$use-media:           false !default;
+
+// Use sticky footer, if true, uncomment variables
+$sticky-footer:       false !default;
+//$footer-height:       60px;
+
+// Use project sprite sheet, if true, uncomment variables
+$sprite-sheet:        false !default;
+//$sprite-sheet-loc:    'sprite sheet url.png';
+//$sprite-sheet-grid:   36px;
+
+
+// ------------------------------------------------------------------- //
+// Typographic Variables
+// ------------------------------------------------------------------- //
+
+$base-font-family:    $helvetica !default;
+$base-font-size:      14px !default;
+$base-line-height:    24px !default;
+$base-font-color:     #333 !default;
+
+$giga-size:           96px !default;
+$mega-size:           72px !default;
+$kilo-size:           48px !default;
+
+$h1-size:             42px !default;
+$h2-size:             36px !default;
+$h3-size:             24px !default;
+$h4-size:             20px !default;
+$h5-size:             18px !default;
+$h6-size:             16px !default;
+
+$milli-size:          12px !default;
+$micro-size:          10px !default;
+
+
+// ------------------------------------------------------------------- //
+// Brand Variables
+// ------------------------------------------------------------------- //
+
+$brand-font-family:   $helvetica !default;
+$brand-color:         #333 !default;;
+$brand-round:         3px !default;
+
+$link-color:          #bebebe !default;
+
+
+// ------------------------------------------------------------------- //
+// Typographic Variable Calls
+// ------------------------------------------------------------------- //
+
+// Font-Size + Line Height
+// https://twitter.com/redclov3r/status/250301539321798657
+
+@mixin font-size($font-size, $line-height:true){
+	font-size: $font-size;
+	line-height: ceil($font-size / $base-line-height) * ($base-line-height / $font-size) + em;
+}
+
+html{
+	font-family: $base-font-family;
+	font-size: $base-font-size;
+	color: $base-font-color;
+}
+
+%giga{
+	@include font-size($giga-size);
+}
+%mega{
+	@include font-size($mega-size);
+}
+%kilo{
+	@include font-size($kilo-size);
+}
+
+h1, h2, h3, h4, h5, h6{
+	font-family: $brand-font-family;
+}
+h1,
+%alpha{
+	@include font-size($h1-size);
+}
+h2,
+%bravo{
+	@include font-size($h2-size);
+}
+h3,
+%charlie{
+	@include font-size($h3-size);
+}
+h4,
+%delta{
+	@include font-size($h4-size);
+}
+h5,
+%echo{
+	@include font-size($h5-size);
+}
+h6,
+%foxtrot{
+	@include font-size($h6-size);
+}
+
+.smallprint,
+%milli{
+	@include font-size($milli-size);
+}
+%micro{
+	@include font-size($micro-size);
+}
+
+a{
+	color: $link-color;
+	@include transition(all .3s linear);
+	
+	&:hover, &:focus{
+		color: lighten($link-color, 15%);
+	}
+}
+
+// ------------------------------------------------------------------- //
+// Custom Selection Text
+// ------------------------------------------------------------------- //
+
+::selection,
+::-moz-selection {
+	background: $brand-color;
+	color: #fff;
+}
+img::selection,
+img::moz-selection{
+	background: transparent;
+}
+body{
+	-webkit-tap-highlight-color: $brand-color;
+}
+
+// ------------------------------------------------------------------- //
+// Base Project Spacing
+// ------------------------------------------------------------------- //
+
+$base-spacing-unit: $base-line-height !default;
+$half-spacing-unit: $base-spacing-unit / 2 !default;
+$line-height-ratio: $base-line-height / $base-font-size;

data/app/assets/stylesheets/kentucky/_helpers.scss

@@ -0,0 +1,178 @@
+// ------------------------------------------------------------------- //
+// Kentucky Mixins & Helper Classes
+// ------------------------------------------------------------------- //
+
+// Show / Hide elements
+// Use with jQuery
+
+.is-shown{
+	display: block;
+}
+.is-hidden{
+	display: none;
+}
+
+
+// Hide Text
+// Use only as an extend
+
+%hide-text{
+	text-indent: 100%;
+	white-space: nowrap;
+	overflow: hidden;
+}
+
+
+// Add / remove floats
+
+%float-left{
+	float: left !important;
+}
+%float-right{
+	float: right !important;
+}
+%float-none{
+	float: none !important;
+}
+
+
+// Text Alignment
+
+%text-left{
+	text-align: left !important;
+}
+%text-right{
+	text-align: right !important;
+}
+%text-center{
+	text-align: center !important;
+}
+
+
+// Non-standard border width specification
+
+@mixin border($border-widths, $border-style, $border-color){
+	border: $border-style $border-color;
+	border-width: $border-widths;
+}
+
+
+// Mute DOM elements
+
+%muted{
+	opacity: .5 !important;
+	filter: alpha(opacity = 50) !important;
+}
+
+
+// Rocker switches (or button groups)
+// Resets buttons to squared corners, applies left/right rounding
+
+.rocker{
+	border-radius: 0;
+	
+	&:first-child{
+		border-radius: $brand-round 0 0 $brand-round;
+	}
+	&:last-child{
+		border-radius: 0 $brand-round $brand-round 0;
+	}
+}
+
+.v-rocker{
+	border-radius: 0;
+	
+	&:first-child{
+		border-radius: $brand-round $brand-round 0 0;
+	}
+	&:last-child{
+		border-radius: 0 0 $brand-round $brand-round;
+	}
+}
+
+
+// Sticky Footer
+// Requires full site wrapper and <div class="push"></div>
+// immediately before the footer
+
+@if $sticky-footer == true{
+	
+	html,
+	body{
+		height: 100%;
+	}
+	
+	.wrapper{
+		min-height: 100%;
+		height: auto !important;
+		height: 100%;
+		margin: 0 auto -$footer-height;
+	}
+	
+	footer,
+	.footer,
+	.push{
+		height: $footer-height;
+	}
+	
+} // END if
+
+
+// Sprite Sheet Mixins
+
+@if $sprite-sheet == true{
+	
+	@mixin sprite($col $row){
+		background-image: url($sprite-sheet-loc) no-repeat 0 0;
+		background-position: ($col *  $sprite-sheet-grid) ($row * $sprite-sheet-grid);
+	}
+	
+}
+
+
+// ------------------------------------------------------------------- //
+// Inuit Mixins - inuitcss.com
+// ------------------------------------------------------------------- //
+
+
+// Media Object
+// Left / right objects with no content wrapping under media-img
+
+@if $use-media == true{
+
+	.media{
+		display:block;
+		@include clearfix;
+		
+		.media-img{
+			float: left;
+			margin-right: $base-spacing-unit;
+		}
+		.media-img-flipped{
+			float: right;
+			margin-left: $base-spacing-unit;
+		}
+		
+		.media-body{
+			overflow: hidden;
+			
+			&,
+			& > :last-child{
+				margin-bottom: 0;
+			}
+		}
+	}
+
+} // END if
+
+
+// Truncation
+// Single line text truncation (boundary is a width)
+// If multi-line is required, use Badonkatrunc: http://badonkatrunc.com/
+
+@mixin truncate($truncation-boundary){
+	max-width: $truncation-boundary;
+	white-space: nowrap;
+	overflow: hidden;
+	text-overflow: ellipsis;
+}