kentucky 0.5.2 → 1.0.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: 10211c900f7553c0c6a19dff96773a3598618ba8
-  data.tar.gz: 1d7ca345d4f79bd6d597bd84d62fcb6ba529a6de
+  metadata.gz: 3a59924ca0a353eebbd78bb2e8a381fb5cc7e67e
+  data.tar.gz: 75b54aa5272e9022dd18dc46c6650fbc4e0add4c
 SHA512:
-  metadata.gz: dd2414cf0997d6c055ed1bc0061df06bcb2ca1a25228a686ce1a2d1e14605390514f4d97fffa23b9e92128da638b46d1ea970e5ab81d9105324026fcd8ec12ef
-  data.tar.gz: e3331bce0dbc33614bfda3a19ba4b069483d860bee2fa8ec85701ed52ceaa2c545325c26a7fee614241421b5bc9a58c816acccfca6a180bde9f4b3d999834dc7
+  metadata.gz: 130cf010f63bd348c6e4c0fcce45bcc612d79c2d9e61285ade8e4f2dd2587f674e5dbcd19015f885d24b2b5e4b83ad885e1ca1ed71ee952ffb252a35907a68fc
+  data.tar.gz: 726a114a22810464d3e6251b555e708df06fdea7eb04276d12fde99d6e74c17aaa723362d15db471fcc6b4a6481c72ecb68948496cff00c202708c2b5cf92cc9

data/.gitignore

@@ -5,3 +5,4 @@
 demo/
 tmp/
 tags
+app/assets/stylesheets/kentucky/config.codekit

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

@@ -7,87 +7,83 @@
 // Yellow  ==   Double-check
 // None    ==   Should be okiedokie
 
-@if $debug-mode == true{
+// Empty page elements?
 
-  // 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;
-    }
+: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;
   }
-  
-  
-  // 'tr's as children of 'table's isn't great, did you need 'thead'/'tbody'?
-  
-  table > tr{
+  &[alt=""]{
     outline: 5px solid yellow;
   }
+}
+
+
+// Links benefit from 'title' attributes
+// Not severe, but good to check
+
+a{
+  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]{
+  &[title]{
     outline: none;
   }
-  textarea[rows][cols]{
-    outline: none;
-  }
-  input[type=submit]{
+}
+
+
+// Esnure lists only contain 'li's as children
+
+ul,
+ol{
+  > *:not(li){
     outline: 5px solid red;
-    
-    &[value]{
-      outline: none;
-    }
   }
-  
-  
-  // Avoid inline styles like the plague that they are
-  
-  [style]{
-    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;
   }
-  
-} // END if
+}
+
+
+// Avoid inline styles like the plague that they are
+
+[style]{
+  outline: 5px solid red;
+}

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

@@ -1,35 +1,66 @@
 // ------------------------------------------------------------------- //
-//  Kentucky Imports
+//  Kentucky Project Imports
+// ------------------------------------------------------------------- //
+// ------------------------------------------------------------------- //
+//  Helpers, Functions, Mixins, and Extends
 // ------------------------------------------------------------------- //
 
-@import "project-settings";
+// Called first as these are used in other helpers/files
+@import "helpers/html5-input-types";
+
+// Functions
+@import "functions/gradient-functions";
+@import "functions/remify";
+@import "functions/tint-shade";
+@import "functions/strip-units";
+
+// Mixins
+@import "helpers/border";
+@import "helpers/font-size";
+@import "helpers/headings";
+@import "helpers/linear-gradient";
+@import "helpers/position";
+@import "helpers/prefixer";
+@import "helpers/radial-gradient";
+@import "helpers/size";
+@import "helpers/transitions";
+@import "helpers/truncate";
+
+// Extends
+@import "helpers/alignment";
+@import "helpers/breadcrumbs";
+@import "helpers/capslock";
+@import "helpers/go";
+@import "helpers/mute";
+@import "helpers/show-hide";
+
+// Addons
+@import "helpers/anti-aliased";
+@import "helpers/clearfix";
+@import "helpers/hide-text";
 
 // ------------------------------------------------------------------- //
-//  Mixins & Extends
+//  Project Settings
 // ------------------------------------------------------------------- //
 
-@import "mixins/font-size";
-@import "mixins/headings";
-@import "mixins/sprite";
-@import "mixins/borders";
-@import "mixins/truncate";
+@import "project-settings";
+
+// ------------------------------------------------------------------- //
+//  Grid
+// ------------------------------------------------------------------- //
 
-@import "extends/alignment";
-@import "extends/breadcrumbs";
-@import "extends/capslock";
-@import "extends/go";
-@import "extends/mute";
-@import "extends/show-hide";
+@import "grid/grid";
 
 // ------------------------------------------------------------------- //
 //  Base
 // ------------------------------------------------------------------- //
 
 @import "base/normalize";
+@import "base/forms";
 @import "base/typography";
 
 // ------------------------------------------------------------------- //
-//  Debug
+//  Debug (If Required)
 // ------------------------------------------------------------------- //
 
-@import "debug";
+// @import "debug";

data/app/assets/stylesheets/kentucky/_project-settings.scss

@@ -2,68 +2,107 @@
 //  Project Settings
 // ------------------------------------------------------------------- //
 // ------------------------------------------------------------------- //
-//  Toggleable Helpers / Modules
+//  Typography
 // ------------------------------------------------------------------- //
 
-$debug-mode:    false !default;
+$base-font-family:  "Helvetica Neue", Helvetica, Arial, sans-serif;
+$brand-font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
 
-// If using a sprite, set relevant variables:
-$sprite-sheet-location: "url/to/spritesheet.png";
-$sprite-sheet-gridsize: 36px;
 
 // ------------------------------------------------------------------- //
-//  Typography
+//  Sizes
 // ------------------------------------------------------------------- //
 
-// Brand
+$base-font-size:   16px;
+$base-line-height: 24px;
 
-$brand-font-family:   $helvetica !default;
-$brand-color:         #333 !default;
-$brand-round:         5px !default; // Used for border-radius
+$base-border-radius: 3px;
 
-// Base
+// Heading Sizes
 
-$base-font-family:    $helvetica !default;
-$base-font-size:      14px !default;
-$base-line-height:    1 !default;
-$base-font-color:     #333 !default;
-$link-color:          #bebebe !default;
+$giga-size:  96px; // %giga
+$mega-size:  72px; // %mega
+$kilo-size:  48px; // %kilo
 
-// Heading Sizes
+$h1-size:    42px; // %alpha
+$h2-size:    36px; // %bravo
+$h3-size:    24px; // %charlie
+$h4-size:    20px; // %delta
+$h5-size:    18px; // %echo
+$h6-size:    16px; // %foxtrot
+
+$milli-size: 12px; // %milli
+$micro-size: 10px; // %micro
+
+
+// ------------------------------------------------------------------- //
+//  Weights
+// ------------------------------------------------------------------- //
+
+$lightest:  100;
+$light:     300;
+$normal:    400;
+$semibold:  600;
+$bold:      700;
+$black:     900;
+
+
+// ------------------------------------------------------------------- //
+//  Colors
+// ------------------------------------------------------------------- //
 
-$h1-size:             42px !default; // %alpha
-$h2-size:             36px !default; // %bravo
-$h3-size:             24px !default; // %charlie
-$h4-size:             20px !default; // %delta
-$h5-size:             18px !default; // %echo
-$h6-size:             16px !default; // %foxtrot
+//  Base colors
+$base-body-color:  #fff;
+$base-font-color:  #333;
+$base-border-color: #ddd;
 
-$giga-size:           96px !default;
-$mega-size:           72px !default;
-$kilo-size:           48px !default;
+//  Brand colors
+$brand-color: #477DCA; // Blue
 
-$milli-size:          12px !default;
-$micro-size:          10px !default;
+//  Link Colors
+$base-link-color:  $brand-color;
+$hover-link-color: lighten($brand-color, 10%);
 
 
 // ------------------------------------------------------------------- //
-//  Font Weights
+//  Form Variables
 // ------------------------------------------------------------------- //
 
-$lightest:  100 !default;
-$light:     300 !default;
-$normal:    400 !default;
-$semibold:  600 !default;
-$bold:      700 !default;
-$black:     900 !default;
+$form-border-color:       $base-border-color;
+$form-border-color-hover: darken($base-border-color, 10%);
+$form-border-color-focus: $brand-color;
+$form-border-radius:      $base-border-radius;
+
+$form-box-shadow: inset 0 1px 3px rgba(0, 0, 0, .1);
+$form-box-shadow-focus:
+  $form-box-shadow,
+  0 0 5px rgba(darken($form-border-color-focus, 5%), 0.7);
+
+$form-font-family: $base-font-family;
+$form-font-size:   $base-font-size;
+
+
+// ------------------------------------------------------------------- //
+//  Grid Overrides
+// ------------------------------------------------------------------- //
+
+// $max-width: 960px;
+// $grid-columns: 12;
+// $grid-gutter: 15px;
+
 
 // ------------------------------------------------------------------- //
 //  Media Query Widths
-//
-//  [max-width] [in pixels] [columns]
 // ------------------------------------------------------------------- //
 
-$mobile:  new-breakpoint(max-width 480px 4);
-$tablet:  new-breakpoint(max-width 990px 8);
-$laptop:  new-breakpoint(max-width 1440px 12);
-$desktop: new-breakpoint(max-width 1920px 12);
+$mobile:  480px;
+$tablet:  990px;
+$laptop:  1440px;
+$desktop: 1920px;
+
+
+// ------------------------------------------------------------------- //
+//  Variables
+//
+//  Any other global variables required should go below
+// ------------------------------------------------------------------- //

data/app/assets/stylesheets/kentucky/base/_forms.scss

@@ -0,0 +1,65 @@
+// ------------------------------------------------------------------- //
+//  Form Normaliztion; akin to Formalize
+// ------------------------------------------------------------------- //
+
+fieldset{
+  margin: 0 0 ($base-line-height / 2) 0;
+  padding: $base-line-height;
+  background: ligthen($base-border-color, 10%);
+  border: 1px solid $base-border-color;
+}
+
+label{
+  margin-bottom: $base-line-height / 4;
+  font-weight: bold;
+
+  &.required:after{
+    content: "*";
+  }
+}
+
+#{$all-text-inputs},
+textarea{
+  width: 100%;
+  margin-bottom: $base-line-height / 2;
+  padding: ($base-line-height / 3) ($base-line-height / 3);
+  background: #fff;
+  border: 1px solid $form-border-color;
+  border-radius: $form-border-radius;
+  box-shadow: $form-box-shadow;
+  font: $form-font-size / $base-line-height $form-font-family;
+  @include transition(border-color);
+
+  &:hover{
+    border-color: $form-border-color-hover;
+  }
+
+  &:focus{
+    border-color: $form-border-color-focus;
+    box-shadow: $form-box-shadow-focus;
+    outline: none;
+  }
+}
+
+textarea{
+  resize: vertical;
+}
+
+input[type="search"]{
+  appearance: none;
+}
+
+input[type="checkbox"],
+input[type="radio"]{
+  display: inline;
+  margin-right: $base-line-height / 4;
+}
+
+button,
+input[type="submit"]{
+  appearance: none;
+  vertical-align: middle;
+  cursor: pointer;
+  white-space: nowrap;
+  user-select: none;
+}