kentucky 1.5.1 → 2.0.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: a59862466ab84dfedecc0b0386cffb8eb2edbb14
-  data.tar.gz: b16ce2b8a155461ad4d31eb9943db2ca4cbbd008
+  metadata.gz: 7dec6c9ae7bf8f6203b8bfed47cd4b27b7e370ae
+  data.tar.gz: 507c9dd8817c7753ac4442bf0f1eea0a7239b6de
 SHA512:
-  metadata.gz: e5dc584dc299de9dd4a6f4bb03088a247fc3823d40ccc6738fe6fb13888058e771db095b317dcc84f6e05546f164d824e16ebc12b7ed1042487c8505a2822c8d
-  data.tar.gz: e6c98487308e57c454ec9dfe6a0cc50bf561e7bd383a92a463127abef9146323e07b3e9de00beec858728a5c34aed6f144658392262a01facae5372502b9ae65
+  metadata.gz: 8137848b9a8a752b664fc81e52b6cad346b0145375f59b29ab7efab26b109a23c62b6e94190629cf0ba085bd9f35ecf8e7ef3d95e73d9ba74bec76f21c8c92db
+  data.tar.gz: 6fc05457987cebf7f9421341c096f791b9c4d7932c05e7321015a3d69d87493da00b16c86f8d6695a87a277818156c239949ecf3dce236b23de719e2254452d5

data/.gitignore

@@ -8,4 +8,5 @@ tags
 app/assets/stylesheets/kentucky/config.codekit
 /app/assets/config.codekit
 /app/assets/stylesheets/kentucky/.DS_Store
-app/assets/stylesheets/.DS_Store
+app/assets/stylesheets/.DS_Store
+/**/.DS_Store

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

@@ -1,54 +1,52 @@
 // ------------------------------------------------------------------- //
-//  Kentucky Project Imports
+//  Kentucky Project Settings
+//  
+//  Global variables used throughout Kentucky / projects.
 // ------------------------------------------------------------------- //
-// ------------------------------------------------------------------- //
-//  Helpers, Functions, Mixins, and Extends
-// ------------------------------------------------------------------- //
-
-// 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/strip-units";
 
-// Mixins
-@import "helpers/border";
-@import "helpers/font-size";
-@import "helpers/headings";
-@import "helpers/linear-gradient";
-@import "helpers/position";
-@import "helpers/radial-gradient";
-@import "helpers/size";
-@import "helpers/truncate";
+@import "base/project-settings";
 
-// Extends
-@import "helpers/breadcrumbs";
-@import "helpers/go";
-@import "helpers/mute";
 
-// Addons
-@import "helpers/anti-aliased";
-@import "helpers/clearfix";
-@import "helpers/hide-text";
 
 // ------------------------------------------------------------------- //
-//  Project Settings
+//  Kentucky Imports - Functions
+//  
+//  SCSS functions required by other elements of Kentucky.
 // ------------------------------------------------------------------- //
 
-@import "project-settings";
+@import "functions/assign";
+@import "functions/tint-shade";
+
+
 
 // ------------------------------------------------------------------- //
-//  Grid
+//  Kentucky Import - Addons
+//  
+//  Additional mixin addons to help speed up front-end development.
 // ------------------------------------------------------------------- //
 
-@import "grid/grid";
+@import "addons/border";
+@import "addons/clearfix";
+@import "addons/easings";
+@import "addons/hide-text";
+@import "addons/input-types";
+@import "addons/position";
+@import "addons/size";
+@import "addons/truncate";
+
+
 
 // ------------------------------------------------------------------- //
-//  Base
+//  Kentucky Imports - Base
+//  
+//  These are files related to project-settings (variables) and a
+//  custom set of normalization styles for more consistant HTML
+//  element display as a starting point.
 // ------------------------------------------------------------------- //
 
-@import "normalize";
-@import "forms";
-@import "typography";
+@import "base/layouts";
+@import "base/typography";
+@import "base/buttons";
+@import "base/forms";
+@import "base/lists";
+@import "base/tables";

data/app/assets/stylesheets/kentucky/{helpers → addons}/_border.scss

@@ -27,6 +27,7 @@
     }
   }
 
-  border: $border-style $border-color;
+  border-style: $border-style;
+  border-color: $border-color;
   border-width: $new-width;
-}
+}

data/app/assets/stylesheets/kentucky/addons/_clearfix.scss

@@ -0,0 +1,14 @@
+// ------------------------------------------------------------------- //
+//  Micro Clearfix
+//  
+//  Based on Thierry Koblentz's blog post on minimizing the already
+//  micro clearfix by Nicolas Gallagher.
+// ------------------------------------------------------------------- //
+
+@mixin clearfix {
+  &:after {
+    content: "";
+    display: table;
+    clear: both;
+  }
+}

data/app/assets/stylesheets/kentucky/addons/_easings.scss

@@ -0,0 +1,37 @@
+// ------------------------------------------------------------------- //
+//  Timing Functions
+//  
+//  Used for transitions / animations.
+//  
+//  Taken from http://easings.net/
+// ------------------------------------------------------------------- //
+
+// Ease In
+$ease-in-sine:  cubic-bezier(0.47, 0, 0.745, 0.715);
+$ease-in-quad:  cubic-bezier(0.55, 0.085, 0.68, 0.53);
+$ease-in-cubic: cubic-bezier(0.55, 0.055, 0.675, 0.19);
+$ease-in-quart: cubic-bezier(0.895, 0.03, 0.685, 0.22);
+$ease-in-quint: cubic-bezier(0.755, 0.05, 0.855, 0.06);
+$ease-in-expo:  cubic-bezier(0.95, 0.05, 0.795, 0.035);
+$ease-in-circ:  cubic-bezier(0.6, 0.04, 0.98, 0.335);
+$ease-in-back:  cubic-bezier(0.6, -0.28, 0.735, 0.045);
+
+// Ease Out
+$ease-out-sine:  cubic-bezier(0.39, 0.575, 0.565, 1);
+$ease-out-quad:  cubic-bezier(0.25, 0.46, 0.45, 0.94);
+$ease-out-cubic: cubic-bezier(0.215, 0.61, 0.355, 1);
+$ease-out-quart: cubic-bezier(0.165, 0.84, 0.44, 1);
+$ease-out-quint: cubic-bezier(0.23, 1, 0.32, 1);
+$ease-out-expo:  cubic-bezier(0.19, 1, 0.22, 1);
+$ease-out-circ:  cubic-bezier(0.075, 0.82, 0.165, 1);
+$ease-out-back:  cubic-bezier(0.175, 0.885, 0.32, 1.275);
+
+// Ease In Out
+$ease-in-out-sine:  cubic-bezier(0.445, 0.05, 0.55, 0.95);
+$ease-in-out-quad:  cubic-bezier(0.455, 0.03, 0.515, 0.955);
+$ease-in-out-cubic: cubic-bezier(0.645, 0.045, 0.355, 1);
+$ease-in-out-quart: cubic-bezier(0.77, 0, 0.175, 1);
+$ease-in-out-quint: cubic-bezier(0.86, 0, 0.07, 1);
+$ease-in-out-expo:  cubic-bezier(1, 0, 0, 1);
+$ease-in-out-circ:  cubic-bezier(0.785, 0.135, 0.15, 0.86);
+$ease-in-out-back:  cubic-bezier(0.68, -0.55, 0.265, 1.55);

data/app/assets/stylesheets/kentucky/{helpers → addons}/_hide-text.scss

@@ -2,8 +2,8 @@
 //  Image Replacement - Hide Text
 // ------------------------------------------------------------------- //
 
-@mixin hide-text{
-  color: transparent;
-  font: 0/0 a;
-  text-shadow: none;
+@mixin hide-text {
+  text-indent: 101%;
+  overflow: hidden;
+  white-space: nowrap;
 }

data/app/assets/stylesheets/kentucky/addons/_input-types.scss

@@ -0,0 +1,82 @@
+// ------------------------------------------------------------------- //
+//  HTML 5 Input Types
+//  
+//  Generate a variable ($all-text-inputs) with a list of each HTML5 
+//  input type with text-based input, excluding textarea.
+//  
+//  To use these you must use SCSS interpolation on the variable:
+//  #{$all-text-inputs}
+//  #{$all-text-inputs-hover}
+//  #{$all-text-inputs-focus}
+//  #{$all-text-inputs-active}
+//  
+//  Example:
+//  #{$all-text-inputs}, textarea {
+//    border: 1px solid red;
+//  }
+// ------------------------------------------------------------------- //
+
+$inputs-list: 'input[type="email"]',
+              'input[type="number"]',
+              'input[type="password"]',
+              'input[type="search"]',
+              'input[type="tel"]',
+              'input[type="text"]',
+              'input[type="url"]',
+
+              // Webkit & Gecko may change the display of these in the future
+              'input[type="color"]',
+              'input[type="date"]',
+              'input[type="datetime"]',
+              'input[type="datetime-local"]',
+              'input[type="month"]',
+              'input[type="time"]',
+              'input[type="week"]';
+
+// Bare Inputs
+$all-text-inputs: assign-inputs($inputs-list);
+
+// Hover Pseudo-class
+$all-text-inputs-hover: assign-inputs($inputs-list, hover);
+
+// Focus Pseudo-class
+$all-text-inputs-focus: assign-inputs($inputs-list, focus);
+
+// Active Pseudo-class
+$all-text-inputs-active: assign-inputs($inputs-list, active);
+
+
+
+// ------------------------------------------------------------------- //
+//  HTML 5 Button Types
+//  
+//  Generate a variable ($all-button-inputs) with a list of each HTML5 
+//  input type with button-based input, excluding button.
+//  
+//  To use these you must use SCSS interpolation on the variable:
+//  #{$all-button-inputs}
+//  #{$all-button-inputs-hover}
+//  #{$all-button-inputs-focus}
+//  #{$all-button-inputs-active}
+//  
+//  Example:
+//  #{$all-button-inputs}, button {
+//    border: 1px solid red;
+//  }
+// ------------------------------------------------------------------- //
+
+$inputs-button-list: 'input[type="button"]',
+                     'input[type="reset"]',
+                     'input[type="submit"]';
+
+// Bare inputs
+$all-button-inputs: assign-inputs($inputs-button-list);
+
+// Hover Pseudo-class
+$all-button-inputs-hover: assign-inputs($inputs-button-list, hover);
+
+// Focus Pseudo-class
+$all-button-inputs-focus: assign-inputs($inputs-button-list, focus);
+
+// Active Pseudo-class
+$all-button-inputs-active: assign-inputs($inputs-button-list, active);

data/app/assets/stylesheets/kentucky/addons/_truncate.scss

@@ -0,0 +1,10 @@
+// Truncate single-lined elements
+
+@mixin truncate($truncate-width: 100%){
+  display: inline-block;
+  max-width: $truncate-width;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  word-wrap: normal;
+}

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

@@ -0,0 +1,40 @@
+// ------------------------------------------------------------------- //
+//  Button Normalization
+//  
+//  General styles to better standardize / simplify default <button>
+//  elements.
+// ------------------------------------------------------------------- //
+
+#{$all-button-inputs} {
+  -webkit-font-smoothing: antialiased;
+  -webkit-appearance: none;
+  -moz-appearance: none;
+  -ms-appearance: none;
+  appearance: none;
+  display: inline-block;
+  padding: ($base-spacing / 2) $base-spacing;
+  background-color: $base-button-color;
+  border: none;
+  border-radius: $base-border-radius;
+  color: white;
+  font-family: $base-font-family;
+  font-size: $base-font-size;
+  font-weight: bold;
+  line-height: 1;
+  text-decoration: none;
+  vertical-align: middle;
+  white-space: nowrap;
+  user-select: none;
+  cursor: pointer;
+
+  &:hover,
+  &:focus {
+    background-color: $hover-button-color;
+    color: white;
+  }
+
+  &:disabled {
+    cursor: not-allowed;
+    opacity: 0.5;
+  }
+}

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

@@ -0,0 +1,86 @@
+// ------------------------------------------------------------------- //
+//  Form Element Normalization
+//  
+//  General styles to better standardize / simplify default form
+//  elements.
+// ------------------------------------------------------------------- //
+
+fieldset {
+  margin: 0 0 ($base-spacing / 2) 0;
+  padding: $base-spacing;
+  background: lighten($base-border-color, 10);
+  border: $base-border;
+}
+
+input,
+label,
+select {
+  display: block;
+  font-family: $form-font-family;
+  font-size: $form-font-size;
+}
+
+label {
+  margin-bottom: $base-spacing / 4;
+  font-weight: bold;
+
+  &.required:after {
+    content: "*";
+  }
+
+  abbr {
+    display: none;
+  }
+}
+
+textarea,
+#{$all-text-inputs},
+select[multiple=multiple] {
+  width: 100%;
+  margin-bottom: $base-spacing / 2;
+  padding: ($base-spacing / 3) ($base-spacing / 3);
+  background-color: white;
+  border: 1px solid $form-border-color;
+  border-radius: $form-border-radius;
+  font-family: $form-font-family;
+  font-size: $form-font-size;
+  box-shadow: $form-box-shadow;
+  transition: border-color, .3s;
+
+  &: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"] {
+  -webkit-appearance: none;
+  -moz-appearance: none;
+  -ms-appearance: none;
+}
+
+input[type="checkbox"],
+input[type="radio"] {
+  display: inline;
+  margin-right: $base-spacing / 4;
+}
+
+input[type="file"] {
+  width: 100%;
+  padding-bottom: $base-spacing / 2;
+}
+
+select {
+  max-width: 100%;
+  width: auto;
+  margin-bottom: $base-spacing;
+}

data/app/assets/stylesheets/kentucky/{functions/_strip-units.scss → base/_layouts.scss}

@@ -1,7 +1,7 @@
 // ------------------------------------------------------------------- //
-//  Strip Units from a value
+//  Layouts Normalization
 // ------------------------------------------------------------------- //
 
-@function strip-units($value){
-  @return $value / ($value * 0 + 1)
+* {
+  box-sizing: border-box;
 }

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

@@ -0,0 +1,35 @@
+// ------------------------------------------------------------------- //
+//  List Normalization
+// ------------------------------------------------------------------- //
+
+ul,
+ol {
+  margin: 0;
+  padding: 0;
+  list-style-type: none;
+
+  &%default-ul {
+    margin-bottom: $base-spacing / 2;
+    padding-left: $base-spacing;
+    list-style-type: disc;
+  }
+
+  &%default-ol {
+    margin-bottom: $base-spacing / 2;
+    padding-left: $base-spacing;
+    list-style-type: decimal;
+  }
+}
+
+dl {
+  margin-bottom: $base-spacing / 2;
+
+  dt {
+    margin-top: $base-spacing / 2;
+    font-weight: bold;
+  }
+
+  dd {
+    margin: 0;
+  }
+}