boarding_pass 0.1.9 → 1.0.0.beta1

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: 97b83abd278fa704d4ae1254406ddd15f981ddd4
-  data.tar.gz: b61df9996738e304abf2a88135b9f77a00f170ef
+  metadata.gz: f10a0e0ba8b4817cd36d4dcfd4a5669193d364a2
+  data.tar.gz: 54be2c25f522a8f69b73735c99fc6b4794a74059
 SHA512:
-  metadata.gz: 67893cc7a739cb38127c19efbd9445c755dadd22fbed24545471f6b0e7d89810819b61315c54396096dd666f6412f15b1b1f2804ff4d97ace62518ba28d1a679
-  data.tar.gz: 39e447c3a1089fdb4c5a6786a448d9d477a65abc7324aee730093881ded492a6d59affe20d8a84926ba343844feca88b0555734fe1c1fed7339dd4584f0afdcd
+  metadata.gz: 30f6a07ce2906573ad9a4f512dcde4987351dc315b0f7f347f6fdcabff06c84032162b0622fe4c2a00a00a5660f8c1920926a95f4b8ee672b4cd30cac5c448e3
+  data.tar.gz: 48e9688bc4866acf160090ab17e9034e69f14248f3de182b968b471461ef75d1d6590b6a1fd52db60df125218870578b76ae022bcecd11307fabce2fe41862d4

data/.gitignore

@@ -15,3 +15,4 @@ spec/reports
 test/tmp
 test/version_tmp
 tmp
+node_modules/

data/.jshintrc

@@ -0,0 +1,75 @@
+{
+  "maxerr"        : 50,
+
+  "bitwise"       : true,
+  "camelcase"     : false,
+  "curly"         : false,
+  "eqeqeq"        : true,
+  "forin"         : true,
+  "immed"         : false,
+  "indent"        : 2,
+  "latedef"       : false,
+  "newcap"        : false,
+  "noarg"         : true,
+  "noempty"       : true,
+  "nonew"         : false,
+  "plusplus"      : false,
+  "quotmark"      : false,
+
+  "undef"         : true,
+  "unused"        : true,
+  "strict"        : false,
+  "trailing"      : false,
+  "maxparams"     : false,
+  "maxdepth"      : false,
+  "maxstatements" : false,
+  "maxcomplexity" : false,
+  "maxlen"        : false,
+
+  "asi"           : false,
+  "boss"          : false,
+  "debug"         : false,
+  "eqnull"        : false,
+  "es5"           : false,
+  "esnext"        : false,
+  "moz"           : false,
+
+  "evil"          : false,
+  "expr"          : false,
+  "funcscope"     : false,
+  "globalstrict"  : false,
+  "iterator"      : false,
+  "lastsemic"     : false,
+  "laxbreak"      : false,
+  "laxcomma"      : true,
+  "loopfunc"      : false,
+  "multistr"      : false,
+  "proto"         : false,
+  "scripturl"     : false,
+  "smarttabs"     : false,
+  "shadow"        : false,
+  "sub"           : false,
+  "supernew"      : false,
+  "validthis"     : false,
+
+  "browser"       : true,
+  "couch"         : false,
+  "devel"         : true,
+  "dojo"          : false,
+  "jquery"        : true,
+  "mootools"      : false,
+  "node"          : true,
+  "nonstandard"   : false,
+  "prototypejs"   : false,
+  "rhino"         : false,
+  "worker"        : false,
+  "wsh"           : false,
+  "yui"           : false,
+
+  "nomen"         : false,
+  "onevar"        : false,
+  "passfail"      : false,
+  "white"         : false,
+
+  "predef"        : [ "Modernizr", "angular" ]
+}

data/.npmignore

@@ -0,0 +1,4 @@
+lib/
+boarding_pass.gemspec
+Gemfile
+Rakefile

data/LICENSE.txt

@@ -1,4 +1,4 @@
-Copyright (c) 2013 LaCroix Design Co.
+Copyright (c) 2013-2014 LaCroix Design Co.
 
 MIT License
 

data/README.md

@@ -1,26 +1,89 @@
 # Boarding Pass
 
-Boarding Pass provides a set of tools and defaults to quickly start web project front-ends. Includes [Sass](http://sass-lang.com/), [Bourbon](http://bourbon.io/), and [Neat](http://neat.bourbon.io/).
+Default styles for websites using [Sass](http://sass-lang.com/). Compatible with both the original Ruby Sass and [node-sass](https://github.com/andrew/node-sass). Includes [Bourbon](http://bourbon.io/), [Neat](http://neat.bourbon.io/), [Typeplate](http://typeplate.com), and [Colors](http://clrs.cc).
 
 ## Installation
 
-Add this line to your application's Gemfile:
+### node-sass
 
-    gem 'boarding_pass'
+```shell
+npm install boarding-pass
+```
 
-And then execute:
+Require the boarding-pass module and set Boarding Pass' `includePaths` property to node-sass' `includePaths` option.
 
-    bundle install
+```javascript
+var sass = require('node-sass');
+var boardingPass = require('boarding-pass');
+
+sass.render({
+    file: scss_filename,
+    success: callback,
+    includePaths: boardingPass.includePaths,
+});
+```
+
+This will load the paths for Boarding Pass, Bourbon, and Neat.
+
+In your scss file, simply add:
+
+```scss
+@import "boarding_pass";
+```
 
 ### Rails 3.1+
 
+Add to your `Gemfile`:
+
+```ruby
+gem 'boarding_pass'
+```
+
+Run:
+
+```shell
+bundle install
+```
+
 In your `application.css.scss` file, add:
 
-    @import "boarding_pass";
+```scss
+@import "boarding_pass";
+```
+
+
+## Colors
+The variable names from the Colors library have been changed slightly to include a prefix of `$default-`:
+
+```scss
+// Cool
+$default-aqua:  #7fdbff;
+$default-blue:  #0074d9;
+$default-navy:  #001f3f;
+$default-teal:  #39cccc;
+$default-green: #2ecc40;
+$default-olive: #3d9970;
+$default-lime:  #01ff70;
+
+// Warm
+$default-yellow:  #ffdc00;
+$default-orange:  #ff851b;
+$default-red:     #ff4136;
+$default-fuchsia: #f012be;
+$default-purple:  #b10dc9;
+$default-maroon:  #85144b;
+
+// Gray Scale
+$default-white:  #fff;
+$default-silver: #ddd;
+$default-gray:   #aaa;
+$default-black:  #111;
+```
 
-## Todo
+## Contributing
+Clone and run `npm install`.
 
-* Add generators for non-Rails/Middleman projects.
+You can run a local preview server to view your changes with `node server.js`. Any changes will be recompiled on page refresh.
 
 ## License
 

data/app/assets/stylesheets/_boarding_pass.scss

@@ -1,10 +1,7 @@
 @import "bourbon";
 @import "neat";
-@import "boarding_pass/normalize";
+@import "vendor/normalize";
 @import "boarding_pass/settings";
+@import "boarding_pass/colors";
 @import "boarding_pass/mixins";
 @import "boarding_pass/defaults";
-@import "boarding_pass/typography";
-@import "boarding_pass/lists";
-@import "boarding_pass/forms";
-@import "boarding_pass/tables";

data/app/assets/stylesheets/_legacy.scss

@@ -0,0 +1,10 @@
+@import "bourbon";
+@import "neat";
+@import "legacy/normalize";
+@import "legacy/settings";
+@import "legacy/mixins";
+@import "legacy/typography";
+@import "legacy/defaults";
+@import "legacy/lists";
+@import "legacy/forms";
+@import "legacy/tables";

data/app/assets/stylesheets/boarding_pass/_colors.scss

@@ -0,0 +1,33 @@
+//
+// COLOR VARIABLES
+//
+// - Cool
+// - Warm
+// - Gray Scale
+//
+
+// Cool
+
+$default-aqua:  #7fdbff;
+$default-blue:  #0074d9;
+$default-navy:  #001f3f;
+$default-teal:  #39cccc;
+$default-green: #2ecc40;
+$default-olive: #3d9970;
+$default-lime:  #01ff70;
+
+// Warm
+
+$default-yellow:  #ffdc00;
+$default-orange:  #ff851b;
+$default-red:     #ff4136;
+$default-fuchsia: #f012be;
+$default-purple:  #b10dc9;
+$default-maroon:  #85144b;
+
+// Gray Scale
+
+$default-white:  #fff;
+$default-silver: #ddd;
+$default-gray:   #aaa;
+$default-black:  #111;

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

@@ -1,32 +1,39 @@
-html body {
-  padding-left: 0; // IE
-  padding-right: 0; // IE
-}
-
 * {
   -webkit-font-smoothing: antialiased !important;
   -moz-osx-font-smoothing: grayscale !important;
 }
 
+html body {
+  padding-left: 0;  // IE
+  padding-right: 0; // IE
+}
+
 body {
   padding: 0;
   margin: 0;
-  color: #444;
-  background: #FFF;
-  font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
-  font-size: 100%;
-  font-weight: normal;
-  line-height: 1.25;
+  background: #fff;
 }
+
 ::selection {
-  background: #DDD;
-  text-shadow: none;
+  background: $default-silver;
+  color: $default-black;
+}
+
+a,
+a:hover,
+a:focus,
+a:visited {
+  color: inherit;
+}
+
+em {
+  font-style: italic;
 }
 
 hr {
-  border: solid #ddd;
-  border-width: 1px 0 0;
   clear: both;
-  margin: 1em 0;
   height: 0;
+  margin: 1em 0;
+  border: solid #ddd;
+  border-width: 1px 0 0;
 }

data/app/assets/stylesheets/boarding_pass/_mixins.scss

@@ -1,43 +1,14 @@
-// Faux Box Shadow (IE8)
-@mixin faux-box-shadow($border: border, $size: 1px, $color: #CCC) {
-  #{$border}: #{$size} solid #{$color};
-  #{$border}: 0 solid rgba(0,0,0,0);
-}
-
-// Mostly cross-browser opacity
-@mixin oh-pacity($level: 1) {
+// Opacity
+//
+// $level - The opacity level, a number ranging from 0 to 1
+//
+// Usage:
+//
+//   @include opacity(0.8);
+//
+@mixin opacity($level: 1) {
   $ms-level: $level*100;
   -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=#{$ms-level})";
   filter: alpha(opacity=#{$ms-level});
-  -moz-opacity: #{$level};
-  -khtml-opacity: #{$level};
   opacity: #{$level};
 }
-
-// Remove margins & style from a list
-@mixin unstyled-list {
-  list-style: none outside;
-  margin: 0;
-}
-
-// Prepend selectors with a class specific to old IE
-@mixin media-ie($args...) {
-
-  @if length($args) > 0 {
-    @include media($args) {
-      @content;
-    }
-  }
-
-  .old-ie & {
-    @content;
-  }
-
-}
-
-// Add min-width to containers for old IE
-@mixin ie-width {
-  .old-ie & {
-    min-width: $breakpoint-ipad;
-  }
-}

data/app/assets/stylesheets/boarding_pass/_settings.scss

@@ -1,3 +1,8 @@
-$breakpoint-ipad: 768px;
-$breakpoint-desktop: 900px;
-$breakpoint-large-screen: 1200px;
+// default breakpoints
+$breakpoint-ipad: 768px !default;
+$breakpoint-desktop: 900px !default;
+$breakpoint-large-screen: 1200px !default;
+
+// default typefaces
+$typeface-sans:  Verdana, "Helvetica Neue", Helvetica, Arial, sans-serif !default;
+$typeface-serif: Georgia, Cambria, "Times New Roman", Times, serif !default;

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

@@ -0,0 +1,33 @@
+* {
+  -webkit-font-smoothing: antialiased !important;
+  -moz-osx-font-smoothing: grayscale !important;
+}
+
+html body {
+  padding-left: 0;  // IE
+  padding-right: 0; // IE
+}
+
+body {
+  padding: 0;
+  margin: 0;
+  color: #444;
+  background: #FFF;
+  font-family: $typeface-sans;
+  font-size: 100%;
+  font-weight: normal;
+  line-height: 1.25;
+}
+
+::selection {
+  background: #DDD;
+  text-shadow: none;
+}
+
+hr {
+  border: solid #ddd;
+  border-width: 1px 0 0;
+  clear: both;
+  margin: 1em 0;
+  height: 0;
+}

data/app/assets/stylesheets/legacy/_mixins.scss

@@ -0,0 +1,43 @@
+// Faux Box Shadow (IE8)
+@mixin faux-box-shadow($border: border, $size: 1px, $color: #CCC) {
+  #{$border}: #{$size} solid #{$color};
+  #{$border}: 0 solid rgba(0,0,0,0);
+}
+
+// Mostly cross-browser opacity
+@mixin oh-pacity($level: 1) {
+  $ms-level: $level*100;
+  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=#{$ms-level})";
+  filter: alpha(opacity=#{$ms-level});
+  -moz-opacity: #{$level};
+  -khtml-opacity: #{$level};
+  opacity: #{$level};
+}
+
+// Remove margins & style from a list
+@mixin unstyled-list {
+  list-style: none outside;
+  margin: 0;
+}
+
+// Prepend selectors with a class specific to old IE
+@mixin media-ie($args...) {
+
+  @if length($args) > 0 {
+    @include media($args) {
+      @content;
+    }
+  }
+
+  .old-ie & {
+    @content;
+  }
+
+}
+
+// Add min-width to containers for old IE
+@mixin ie-width {
+  .old-ie & {
+    min-width: $breakpoint-ipad;
+  }
+}

data/app/assets/stylesheets/legacy/_settings.scss

@@ -0,0 +1,3 @@
+$breakpoint-ipad: 768px;
+$breakpoint-desktop: 900px;
+$breakpoint-large-screen: 1200px;

data/app/assets/stylesheets/{boarding_pass → legacy}/_typography.scss

@@ -1,6 +1,9 @@
+$typeface-sans:  "Helvetica Neue", Verdana, Helvetica, Arial, sans-serif;
+$typeface-serif: Georgia, Cambria, "Times New Roman", Times, serif;
+
 // Headings
 h1, h2, h3, h4, h5, h6 {
-  line-height: 1.5;
+  line-height: 1.375;
   margin: 0;
 }
 
@@ -58,7 +61,6 @@ blockquote,
 blockquote p {
   font-size: 1.125em;
   line-height: 1.35em;
-  color: #777;
   font-style: italic;
 }
 

data/app/assets/stylesheets/typography/_typography.scss

@@ -0,0 +1,2 @@
+@import "typography/vars-typeplate";
+@import "vendor/typeplate";

data/app/assets/stylesheets/typography/_vars-typeplate.scss

@@ -0,0 +1,129 @@
+/*
+ *
+.||..||..||..||..||..||..||..||..||..||..||..||..||..||..||..||..||..||..||.
+
+    .                                      '||            .
+  .||.  .... ... ... ...    ....  ... ...   ||   ....   .||.    ....
+   ||    '|.  |   ||'  || .|...||  ||'  ||  ||  '' .||   ||   .|...||
+   ||     '|.|    ||    | ||       ||    |  ||  .|' ||   ||   ||
+   '|.'    '|     ||...'   '|...'  ||...'  .||. '|..'|'  '|.'  '|...'
+        .. |      ||               ||
+         ''      ''''             ''''                      VARIABLES
+
+ .||..||..||..||..||..||..||..||..||..||..||..||..||..||..||..||..||..||..||.
+ *
+ */
+
+
+
+// $BaseType
+// -------------------------------------//
+
+$font-weight: normal !default;
+$line-height: 1.65 !default;
+$font-size: 112.5 !default; // percentage value (16 * 112.5% = 18px)
+$font-base: 16 * ($font-size/100) !default; // converts our percentage to a pixel value
+$font-family: $typeface-serif !default; // Non-font-face font-stack
+$custom-font-family: false !default; // Custom font-face stack, if set will be added to the $font-family
+$modular-scale: 1.618 !default;
+
+
+// $Paragraphs
+// -------------------------------------//
+
+// Text Indentation Value
+$indent-val: 1.5em !default;
+
+// Paragraph Styling Boolean
+// 'false' means no vertical whitespace
+// between subsequent paragraphs.
+$paragraph-vertical-whitespace: true !default;
+
+
+// $Small Print
+// -------------------------------------//
+
+$small-print-size: modular-scale($font-base, -1, $modular-scale) !default;
+
+
+// $Color
+// -------------------------------------//
+
+$body-copy-color: #444 !default;
+$heading-color: #222 !default;
+
+
+// $Ampersand
+// -------------------------------------//
+
+$amp-fontface-name: Ampersand !default;
+$amp-fontface-source: local('Georgia'), local('Garamond'), local('Palatino'), local('Book Antiqua') !default;
+$amp-fontface-fallback: local('Georgia') !default;
+
+// Allows for our ampersand element to have differing
+// font-family from the ampersand unicode font-family.
+$amp-font-family: Verdana, sans-serif !default;
+
+
+// $Icon-Font-Helper
+// -------------------------------------//
+// ex.1) $icon-fonts: (icon-name) !default;
+// ex.2) $icon-fonts: (icon-name1, icon-name2, icon-name3) !default;
+$icon-fonts: null !default;
+
+
+// $TypeScale
+// -------------------------------------//
+
+$tera: (modular-scale($font-base, 3, $modular-scale)*1.25) !default;
+$giga: modular-scale($font-base, 3, $modular-scale) !default;
+$mega: (modular-scale($font-base, 2, $modular-scale)*1.25) !default;
+$alpha: modular-scale($font-base, 2, $modular-scale) !default;
+$beta: (modular-scale($font-base, 1, $modular-scale)*1.25) !default;
+$gamma: modular-scale($font-base, 1, $modular-scale) !default;
+$delta: (modular-scale($font-base, 0, $modular-scale)*1.25) !default;
+$epsilon: (modular-scale($font-base, 0, $modular-scale)*1.125) !default;
+$zeta: modular-scale($font-base, 0, $modular-scale) !default;
+
+
+// $TypeScale-Unit
+// -------------------------------------//
+
+$type-scale-unit-value: rem !default;
+
+
+// $Pull-Quotes
+// -------------------------------------//
+
+$pull-quote-fontsize: 4em !default;
+$pull-quote-opacity: 0.5 !default;
+$pull-quote-color: #dc976e !default;
+
+
+// $Citation
+// -------------------------------------//
+
+$cite-display: block !default;
+$cite-text-align: right !default;
+$cite-font-size: inherit !default;
+
+
+// $SmallCaps
+// -------------------------------------//
+
+$small-caps-color: gray !default;
+$small-caps-weight: 600 !default;
+
+
+// $DropCap
+// -------------------------------------//
+
+$dropcap-float-position: left !default;
+$dropcap-font-size: 4em !default;
+$dropcap-font-family: inherit !default;
+$dropcap-txt-indent: 0 !default;
+$dropcap-margin: inherit !default;
+$dropcap-padding: inherit !default;
+$dropcap-color: inherit !default;
+$dropcap-line-height: 1 !default;
+$dropcap-bg: transparent !default;