polar-express 0.0.2

data/vendor/assets/stylesheets/objects/_nav.scss

@@ -0,0 +1,155 @@
+@if $use-nav == true or $use-options == true or $use-pagination == true or $use-breadcrumb == true{
+
+/*------------------------------------*\
+    $NAV
+\*------------------------------------*/
+/**
+ * Nav abstraction as per: csswizardry.com/2011/09/the-nav-abstraction
+ * When used on an `ol` or `ul`, this class throws the list into horizontal mode
+ * e.g.:
+ *
+   <ul class=nav>
+       <li><a href=#>Home</a></li>
+       <li><a href=#>About</a></li>
+       <li><a href=#>Portfolio</a></li>
+       <li><a href=#>Contact</a></li>
+   </ul>
+ *
+ * Demo: jsfiddle.net/inuitcss/Vnph4
+ *
+ */
+.nav{
+    list-style:none;
+    margin-left:0;
+    @extend .cf;
+
+    > li{
+
+        &,
+        > a{
+            display:inline-block;
+           *display:inline;
+            zoom:1;
+        }
+    }
+}
+
+
+/**
+ * `.nav--stacked` extends `.nav` and throws the list into vertical mode, e.g.:
+ *
+   <ul class="nav  nav--stacked">
+       <li><a href=#>Home</a></li>
+       <li><a href=#>About</a></li>
+       <li><a href=#>Portfolio</a></li>
+       <li><a href=#>Contact</a></li>
+   </ul>
+ *
+ */
+.nav--stacked{
+
+    > li{
+        display:list-item;
+
+        > a{
+            display:block;
+        }
+    }
+}
+
+
+/**
+ * `.nav--banner` extends `.nav` and centres the list, e.g.:
+ *
+   <ul class="nav  nav--banner">
+       <li><a href=#>Home</a></li>
+       <li><a href=#>About</a></li>
+       <li><a href=#>Portfolio</a></li>
+       <li><a href=#>Contact</a></li>
+   </ul>
+ *
+ */
+.nav--banner{
+    text-align:center;
+}
+
+
+/**
+ * Give nav links a big, blocky hit area. Extends `.nav`, e.g.:
+ *
+   <ul class="nav  nav--block">
+       <li><a href=#>Home</a></li>
+       <li><a href=#>About</a></li>
+       <li><a href=#>Portfolio</a></li>
+       <li><a href=#>Contact</a></li>
+   </ul>
+ *
+ */
+.nav--block{
+    line-height:1;
+    /**
+     * Remove whitespace caused by `inline-block`.
+     */
+    letter-spacing:-0.31em;
+    word-spacing:-0.43em;
+    white-space:nowrap;
+
+    > li{
+        letter-spacing:normal;
+        word-spacing:normal;
+
+        > a{
+            padding:$half-spacing-unit;
+        }
+    }
+}
+
+
+/**
+ * Force a nav to occupy 100% of the available width of its parent. Extends
+ * `.nav`, e.g.:
+ *
+   <ul class="nav  nav--fit">
+       <li><a href=#>Home</a></li>
+       <li><a href=#>About</a></li>
+       <li><a href=#>Portfolio</a></li>
+       <li><a href=#>Contact</a></li>
+   </ul>
+ *
+ * Thanks to @pimpl for this idea!
+ */
+.nav--fit{
+    display:table;
+    width:100%;
+
+    > li{
+        display:table-cell;
+
+        > a{
+            display:block;
+        }
+    }
+}
+
+
+/**
+ * Make a list of keywords. Extends `.nav`, e.g.:
+ *
+   `<ul class="nav  nav--keywords>`
+ *
+ */
+.nav--keywords{
+
+    > li{
+
+        &:after{
+            content:"\002C" "\00A0";
+        }
+
+        &:last-child:after{
+            display:none;
+        }
+    }
+}
+
+}//endif

data/vendor/assets/stylesheets/objects/_options.scss

@@ -0,0 +1,45 @@
+@if $use-options == true{
+
+/*------------------------------------*\
+    $OPTIONS
+\*------------------------------------*/
+/**
+ * Link-group nav, used for displaying related options. Extends `.nav--block`
+ * but could also extend `.nav--fit`. Extend with colours and ‘current states’
+ * in your theme stylesheet.
+ *
+  <ul class="nav  options">
+      <li><a></a></li>
+      <li><a></a></li>
+      <li><a></a></li>
+      <li><a></a></li>
+   </ul>
+ *
+ * Demo: jsfiddle.net/inuitcss/vwfaf
+ *
+ */
+.options{
+    @extend .nav--block;
+
+    > li{
+
+        > a{
+            border:0 solid $base-ui-color;
+            border-width:1px;
+            border-left-width:0;
+        }
+
+        &:first-child > a{
+            border-left-width:1px;
+            border-top-left-radius:$brand-round;
+            border-bottom-left-radius:$brand-round;
+        }
+
+        &:last-child > a{
+            border-top-right-radius:$brand-round;
+            border-bottom-right-radius:$brand-round;
+        }
+    }
+}
+
+}//endif

data/vendor/assets/stylesheets/objects/_pagination.scss

@@ -0,0 +1,50 @@
+@if $use-pagination == true{
+
+/*------------------------------------*\
+    $PAGINATION
+\*------------------------------------*/
+/**
+ * Basic pagination object, extends `.nav`.
+ * Requires some funky commenting to collapse any white-space caused by the
+ * `display:inline-block;` rules.
+ *
+   <ol class="nav  pagination">
+       <li class=pagination__first>First</li>
+       <li class=pagination__prev>Previous</li>
+       <li><a href=/page/1>1</a></li>
+       <li><a href=/page/2>2</a></li>
+       <li class=current><a href=/page/3>3</a></li>
+       <li><a href=/page/4>4</a></li>
+       <li><a href=/page/5>5</a></li>
+       <li class=pagination__next><a href=/page/next>Next</a></li>
+       <li class=pagination__last><a href=/page/last>Last</a></li>
+   </ol>
+ *
+ * Demo: jsfiddle.net/inuitcss/9Y6PU
+ *
+ */
+.pagination{
+    text-align:center;
+    /**
+     * Remove whitespace caused by `inline-block`.
+     */
+    letter-spacing:-0.31em;
+    word-spacing:-0.43em;
+}
+    .pagination > li{
+        padding:$base-spacing-unit / 2;
+        letter-spacing:normal;
+        word-spacing:normal;
+    }
+        .pagination > li > a{
+            padding:$base-spacing-unit / 2;
+            margin:-$base-spacing-unit / 2;
+        }
+            .pagination__first a:before{
+                content:"\00AB" "\00A0";
+            }
+            .pagination__last a:after{
+                content:"\00A0" "\00BB";
+            }
+
+}//endif

data/vendor/assets/stylesheets/objects/_rules.scss

@@ -0,0 +1,65 @@
+@if $use-rules == true{
+
+/*------------------------------------*\
+    $RULES
+\*------------------------------------*/
+/**
+ * Horizontal rules, extend `hr`.
+ *
+ * Demo: jsfiddle.net/inuitcss/L6GuZ
+ *
+ */
+.rule{
+    color:$base-ui-color;
+    border:none;
+    border-bottom-width:1px;
+    border-bottom-style:solid;
+    margin-bottom:$base-spacing-unit - 1px;
+    margin-bottom:(($base-spacing-unit - 1px) / $base-font-size)*1rem;
+}
+
+
+/**
+ * Dotted rules
+ */
+.rule--dotted{
+    border-bottom-style:dotted;
+}
+
+
+/**
+ * Dashed rules
+ */
+.rule--dashed{
+    border-bottom-style:dashed;
+}
+
+
+/**
+ * Ornamental rules. Places a § over the rule.
+ */
+.rule--ornament{
+    position:relative;
+
+    &:after{
+        content:"\00A7";
+        position:absolute;
+        top:   0;
+        right: 0;
+        left:  0;
+        line-height:0;
+        text-align:center;
+    }
+
+    /**
+    * Pass in an arbitrary ornament though a data attribute, e.g.:
+    *
+      <hr class="rule  rule--ornament" data-ornament="!">
+    *
+    */
+    &[data-ornament]:after{
+        content:attr(data-ornament);
+    }
+}
+
+}//endif

data/vendor/assets/stylesheets/objects/_split.scss

@@ -0,0 +1,39 @@
+@if $use-split == true{
+
+/*------------------------------------*\
+    $SPLIT
+\*------------------------------------*/
+/**
+ * Simple split item for creating two elements floated away from one another,
+ * e.g.:
+ *
+   <dl class=split>
+       <dt class=split__title>Burger and fries</dt>
+       <dd>&pound;5.99</dd>
+       <dt class=split__title>Fillet steak</dt>
+       <dd>&pound;19.99</dd>
+       <dt class=split__title>Ice cream</dt>
+       <dd>&pound;2.99</dd>
+   </dl>
+ *
+   <ol class="split  results">
+       <li class=first><b class=split__title>1st place</b> Bob</li>
+       <li class=second><b class=split__title>2nd place</b> Lilly</li>
+       <li class=third><b class=split__title>3rd place</b> Ted</li>
+   </ol>​
+ *
+ * Demo: jsfiddle.net/inuitcss/9gZW7
+ *
+ */
+.split{
+    text-align:right;
+    list-style:none;
+    margin-left:0;
+}
+    .split__title{
+        text-align:left;
+        float:left;
+        clear:left;
+    }
+
+}//endif

data/vendor/assets/stylesheets/objects/_sprite.scss

@@ -0,0 +1,98 @@
+@if $use-sprite == true{
+
+/*------------------------------------*\
+    $SPRITE
+\*------------------------------------*/
+/**
+ * Giving an element a class of `.sprite` will throw it into ‘sprite’ mode and apply
+ * a background image e.g.:
+ *
+   <a class="sprite  sprite--question-mark">More info&hellip;</a>
+ *
+ * or
+ *
+   <a href=#><i class="sprite  sprite--question-mark"></i> Help and FAQ</a>
+ *
+ * Giving an element a class of `.icon` will throw it into ‘icon’ mode and will
+ * not add a background, but should be used for icon fonts and is populated
+ * through a `data-icon` attribute and the `:after` pseudo-element, e.g.:
+ *
+   <a href=#><i class=icon data-icon="&#xF000;"></i> View your favourites</a>
+ *
+ * Where ‘&#xF000;’ might map to a star in your particular icon font.
+ *
+ * These all require extension in your theme stylesheet, e.g. in your own CSS:
+ *
+   .sprite{
+       background-image:url(path/to/your/sprite.png);
+   }
+   .sprite--link{ background-position:0   0  ; }
+   .sprite--star{ background-position:0 -16px; }
+ *
+ * Demo: jsfiddle.net/inuitcss/6TKuS
+ *
+ */
+.sprite,
+.icon{
+    display:inline-block;
+    line-height:1;
+    position:relative;
+    vertical-align:middle;
+    zoom:1;
+    /**
+     * So using `.icon` on certain elements doesn’t make a visual difference.
+     */
+    font-style:normal;
+    font-weight:normal;
+    /**
+     * So icons added using `.icon` sit in the centre of the element.
+     */
+    text-align:center;
+}
+.sprite{
+    /**
+     * The typical size of most icons. Override in your theme stylesheet.
+     */
+    width: 16px;
+    height:16px;
+    top:-1px;
+
+    /*
+     * H5BP method image replacement:
+     * github.com/h5bp/html5-boilerplate/commit/adecc5da035d6d76b77e3fa95c6abde841073da2
+     */
+    overflow:hidden;
+   *text-indent:-9999px;
+
+    &:before{
+        content:"";
+        display:block;
+        width:0;
+        height:100%;
+    }
+}
+
+/**
+ * Set up icon font
+ */
+.icon{
+    font-size:16px;
+    /**
+     * Place the icon in a box the exact same dimensions as the icon itself.
+     */
+    width:1em;
+    height:1em;
+
+    &:before{
+        content:attr(data-icon);
+    }
+}
+
+/**
+ * Icon size modifiers.
+ */
+.icon--large   { font-size:32px; }
+.icon--huge    { font-size:64px; }
+.icon--natural { font-size:inherit; }
+
+}//endif

data/vendor/assets/stylesheets/objects/_stats.scss

@@ -0,0 +1,52 @@
+@if $use-stats == true{
+
+ /*------------------------------------*\
+     $STATS
+ \*------------------------------------*/
+ /**
+  * Simple object to display key–value statistic-like information, e.g.:
+  *
+    <div class=stat-group>
+        <dl class=stat>
+            <dt class=stat__title>Tweets</dt>
+            <dd class=stat__value>27,740</dd>
+        </dl>
+
+        <dl class=stat>
+            <dt class=stat__title>Following</dt>
+            <dd class=stat__value>11,529</dd>
+        </dl>
+
+        <dl class=stat>
+            <dt class=stat__title>Followers</dt>
+            <dd class=stat__value>12,105</dd>
+        </dl>
+    </div>
+  *
+  * Demo: jsfiddle.net/inuitcss/Bpwu6
+  *
+  */
+ .stat-group{
+    @extend .cf;
+    margin-left:-$base-spacing-unit;
+}
+    .stat{
+        float:left;
+        margin-left:$base-spacing-unit;
+        display:-ms-flexbox;
+        display:-webkit-flex;
+        display:   -moz-flex;
+        display:        flex;
+        @include vendor(flex-direction, column);
+    }
+        .stat__title{
+            @include vendor(order, 2);
+            -ms-flex-order:2;
+        }
+        .stat__value{
+            margin-left:0;
+            @include vendor(order, 1);
+            -ms-flex-order:1;
+        }
+
+}//endif

data/vendor/assets/stylesheets/objects/_this-or-this.scss

@@ -0,0 +1,38 @@
+@if $use-this-or-this == true{
+
+/*------------------------------------*\
+    $THIS-OR-THIS
+\*------------------------------------*/
+/**
+ * Simple options object to provide multiple choices, e.g.:
+ *
+   <h1 class=this-or-this>
+       <a href=# class="this-or-this__this  two-fifths">
+           Free
+       </a>
+       <span class="this-or-this__or  one-fifth">
+           or
+       </span>
+       <a href=# class="this-or-this__this  two-fifths">
+           Pro
+       </a>
+   </h1>
+ *
+ * The `.this-or-this__this` and `.this-or-this__or` objects can be sized using
+ * the grid-system classes.
+ *
+ * Demo: jsfiddle.net/inuitcss/R3sks
+ *
+ */
+.this-or-this{
+    display:table;
+    width:100%;
+    text-align:center;
+}
+    .this-or-this__this,
+    .this-or-this__or{
+        display:table-cell;
+        vertical-align:middle;
+    }
+
+}//endif

data/vendor/assets/stylesheets/style.scss

@@ -0,0 +1,26 @@
+@charset "UTF-8";
+/*------------------------------------*\
+    STYLE.CSS
+\*------------------------------------*/
+/**
+ *
+ * sass --watch style.scss:style.min.css --style compressed
+ *
+ * Here we pull in some variables, include the inuit.css framework, then add our
+ * project-specific components afterwards.
+ */
+
+
+/**
+ * Setup
+ */
+@import "inuit";
+
+
+
+
+
+/**
+ * She’s all yours, cap’n... Begin importing your stuff here.
+ */
+//@import "ui/example";

metadata

@@ -0,0 +1,122 @@
+--- !ruby/object:Gem::Specification
+name: polar-express
+version: !ruby/object:Gem::Version
+  version: 0.0.2
+  prerelease: 
+platform: ruby
+authors:
+- Daniel Boggs
+autorequire: 
+bindir: bin
+cert_chain: []
+date: 2013-04-05 00:00:00.000000000 Z
+dependencies:
+- !ruby/object:Gem::Dependency
+  name: railties
+  requirement: !ruby/object:Gem::Requirement
+    none: false
+    requirements:
+    - - ~>
+      - !ruby/object:Gem::Version
+        version: '3.1'
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    none: false
+    requirements:
+    - - ~>
+      - !ruby/object:Gem::Version
+        version: '3.1'
+description: |2
+        inuit.css – a powerful, scalable, Sass-based, BEM, OOCSS framework. (http://inuitcss.com/).
+        polar-express allows easy integration of inuit.css into the Rails asset pipeline. It also exposes the default inuit.css configuration files inside the rails app so that this implementation retains all of the available customizations.
+email:
+- daniel.boggs@gmail.com
+executables: []
+extensions: []
+extra_rdoc_files: []
+files:
+- lib/generators/inuitcss/install/install_generator.rb
+- lib/generators/inuitcss/install/templates/inuit.css.scss
+- lib/generators/inuitcss/install/USAGE
+- lib/polar-express.rb
+- vendor/assets/stylesheets/_defaults.scss
+- vendor/assets/stylesheets/_inuit.scss
+- vendor/assets/stylesheets/base/_code.scss
+- vendor/assets/stylesheets/base/_forms.scss
+- vendor/assets/stylesheets/base/_headings.scss
+- vendor/assets/stylesheets/base/_images.scss
+- vendor/assets/stylesheets/base/_lists.scss
+- vendor/assets/stylesheets/base/_main.scss
+- vendor/assets/stylesheets/base/_paragraphs.scss
+- vendor/assets/stylesheets/base/_quotes.scss
+- vendor/assets/stylesheets/base/_smallprint.scss
+- vendor/assets/stylesheets/base/_tables.scss
+- vendor/assets/stylesheets/CHANGELOG.md
+- vendor/assets/stylesheets/component.json
+- vendor/assets/stylesheets/CONTRIBUTING.md
+- vendor/assets/stylesheets/generic/_brand.scss
+- vendor/assets/stylesheets/generic/_clearfix.scss
+- vendor/assets/stylesheets/generic/_debug.scss
+- vendor/assets/stylesheets/generic/_helper.scss
+- vendor/assets/stylesheets/generic/_mixins.scss
+- vendor/assets/stylesheets/generic/_normalize.scss
+- vendor/assets/stylesheets/generic/_pull.scss
+- vendor/assets/stylesheets/generic/_push.scss
+- vendor/assets/stylesheets/generic/_reset.scss
+- vendor/assets/stylesheets/generic/_shared.scss
+- vendor/assets/stylesheets/generic/_widths.scss
+- vendor/assets/stylesheets/LICENSE
+- vendor/assets/stylesheets/objects/_arrows.scss
+- vendor/assets/stylesheets/objects/_beautons.scss
+- vendor/assets/stylesheets/objects/_block-list.scss
+- vendor/assets/stylesheets/objects/_breadcrumb.scss
+- vendor/assets/stylesheets/objects/_columns.scss
+- vendor/assets/stylesheets/objects/_flexbox.scss
+- vendor/assets/stylesheets/objects/_flyout.scss
+- vendor/assets/stylesheets/objects/_greybox.scss
+- vendor/assets/stylesheets/objects/_grids.scss
+- vendor/assets/stylesheets/objects/_icon-text.scss
+- vendor/assets/stylesheets/objects/_island.scss
+- vendor/assets/stylesheets/objects/_link-complex.scss
+- vendor/assets/stylesheets/objects/_lozenges.scss
+- vendor/assets/stylesheets/objects/_marginalia.scss
+- vendor/assets/stylesheets/objects/_matrix.scss
+- vendor/assets/stylesheets/objects/_media.scss
+- vendor/assets/stylesheets/objects/_nav.scss
+- vendor/assets/stylesheets/objects/_options.scss
+- vendor/assets/stylesheets/objects/_pagination.scss
+- vendor/assets/stylesheets/objects/_rules.scss
+- vendor/assets/stylesheets/objects/_split.scss
+- vendor/assets/stylesheets/objects/_sprite.scss
+- vendor/assets/stylesheets/objects/_stats.scss
+- vendor/assets/stylesheets/objects/_this-or-this.scss
+- vendor/assets/stylesheets/README.md
+- vendor/assets/stylesheets/style.scss
+- MIT-LICENSE
+- README.md
+homepage: https://github.com/danielboggs/polar-express
+licenses: []
+post_install_message: 
+rdoc_options: []
+require_paths:
+- lib
+required_ruby_version: !ruby/object:Gem::Requirement
+  none: false
+  requirements:
+  - - '>='
+    - !ruby/object:Gem::Version
+      version: '0'
+required_rubygems_version: !ruby/object:Gem::Requirement
+  none: false
+  requirements:
+  - - '>='
+    - !ruby/object:Gem::Version
+      version: '0'
+requirements: []
+rubyforge_project: 
+rubygems_version: 1.8.25
+signing_key: 
+specification_version: 3
+summary: Integrates inuit.css into the Rails asset pipeline
+test_files: []