nail_polish 0.0.1 → 0.1.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: 02093b432326e2623e61fc3bf74ba94d061c9039
-  data.tar.gz: 058bc41c0e48b1fa57ab187283305ecdfbbf743e
+  metadata.gz: dd31c80acb79826e0a80b6281ed36958631d7f54
+  data.tar.gz: d8f226667e3c546d501589f3436a768e7dfb7f58
 SHA512:
-  metadata.gz: a01a5e64327c6ce39fd9d4c51833c38a197c34fbe0234ed28d173065dcc3d15f70956f682ddd2d08d84dec73542e0872f11b34db656b8eef1fd1f72806fc34fb
-  data.tar.gz: 304b28c76819afe5245e596dd4d96cb1211fbaa9e189b1db34fd583c14e5bc69646aa55654895a4b8d1b97d64f443620804da54771cb1c74a8da5cb179fbef75
+  metadata.gz: b0d8c9854b4c08f3fd60343c32aa539c2184ee721ae646748dc898c72a499debecd15afd5ddbf585ee019929e0bc8d2a0c416904884deec4e4a93c55d265148e
+  data.tar.gz: ca68fe7068bb405a1294d6357910a72809ef60c3cdd3e051f93334a91e3c2e3192812237831cdcf18bfa3638d0b9deafc47361f0b86cc96984278be3dd7a8036

data/app/assets/javascripts/nail_polish/presenters/dropdown.js

@@ -0,0 +1,22 @@
+NailPolish.Presenter.Dropdown = NailPolish.Presenter.extend({
+  include: ["selected_value", "selectable_items", "selected_key"],
+
+  selected_value: function(){
+    selected_option = this.presented.options[this.presented.selected]
+    return selected_option || _.values(this.presented.options)[0];
+  },
+
+  selected_key: function() {
+    return this.presented.selected || _.keys(this.presented.options)[0];
+  },
+
+  selectable_items: function(){
+    returnValue = [];
+
+    _.each(this.presented.options, function(value, key){
+      returnValue.unshift({key: key, value: value});
+    });
+
+    return returnValue;
+  }
+});

data/app/assets/javascripts/nail_polish/view/parent_finder.js

@@ -8,12 +8,14 @@ _.extend(NailPolish.View.ParentFinder.prototype, {
   perform: function () {
     if (this.parent) {
       // If it is a backbone view, use the $el for parent
-      if (this.parent.$el) { this.parent = this.parent.$el; }
+      if (this.parent.$el) { 
+        this.parent = this.parent.$el;
+      }
 
       if(this.selector) {
         //pretends it is jquery
         if (this.parentIsAttachable() && this.parentIsFindable()) {
-          return this.findLocally()
+          return this.findLocally();
         }
       } else {
         // is parent, no selector
@@ -26,8 +28,13 @@ _.extend(NailPolish.View.ParentFinder.prototype, {
   },
 
   findLocally: function() {
-    var found = this.parent.find(this.selector)
-    if (found.length) { return found }
+    var found;
+    if (this.parent.is(this.selector)) {
+      found = this.parent;
+    } else {
+      found = this.parent.find(this.selector);
+    }
+    if (found.length) { return found; }
   },
 
   findGlobally: function() {

data/app/assets/javascripts/nail_polish/view.js

@@ -6,7 +6,7 @@ NailPolish.View = Backbone.View.extend({
 
   initialize: function (opts) {
     opts = opts || {};
-    this.parent = opts.parent;
+    this.parent = (this.parent && $(this.parent)) || opts.parent;
     this.repository = opts.repository;
     this.attachmentMethod = this.attachmentMethod || 'append';
     this.init(opts);
@@ -29,7 +29,7 @@ NailPolish.View = Backbone.View.extend({
 
   renderSubviews: function () {
     _.each(this.subviews(), function (view) {
-      view.parent = this;
+      view.parent = view.parent || this;
       view.render();
     }.bind(this));
   },

data/app/assets/javascripts/nail_polish/widget/dropdown.js

@@ -0,0 +1,46 @@
+NailPolish.Widget.Dropdown = NailPolish.View.extend({
+  templateName: 'templates/dropdown',
+
+  events: {
+    'click .dropdown-toggle': 'toggle',
+    'click .menu-item': 'setSelected'
+  },
+
+  init: function(){
+    this.className      = this.model.name + '-drop-down';
+    this.menuSelector   = '.' + this.model.name + '-dropdown-menu';
+  },
+
+  presenterClass: function () {
+    return NailPolish.Presenter.Dropdown;
+  },
+
+  toggle: function() {
+    $(this.menuSelector).toggleClass(this.hiddenClass);
+  },
+
+  renderTemplate: function () {
+    // switch declared template into a partial for consistent usage
+    var template = HoganTemplates[this.templateName];
+    var rendered = template.render(this.presenter());
+    this.$el.html(rendered);
+  },
+
+  hiddenClass: 'hidden',
+
+  setSelected: function(e){
+    var $target = $(e.target);
+    this.model.selected = $target.attr("data-option");
+    this.render();
+    this.afterSelect();
+  },
+
+  afterSelect: function() {
+    //overwrite me in subclass if you need to do stuffs
+  },
+
+  getSelectedValue: function() {
+    return this.model.selected;
+  }
+
+});

data/app/assets/javascripts/nail_polish_widgets.js

@@ -1,2 +1,3 @@
 //= require nail_polish/widget/flash
 //= require nail_polish/widget/modal
+//= require nail_polish/widget/dropdown

data/app/assets/stylesheets/nail_polish/base/buttons.scss

@@ -0,0 +1,80 @@
+button,
+input[type=submit] {
+  width: 100%;
+}
+
+button,
+input[type=submit],
+a.button,
+div.button {
+  font-size: $em*1.2;
+  font-family: $headline-font;
+  font-weight: normal;
+  background-color: $primary-button-base-color;
+  color: $light-color;
+  display: block;
+  padding: $spacing*1.2 $spacing*3;
+  line-height: 1;
+  letter-spacing: 1px;
+  text-align: center;
+  white-space: normal;
+
+  @include rounded;
+  @include shadowed;
+  @include text-shadowed;
+  @include line;
+
+  &:hover {
+    text-decoration: none;
+    background-color: $primary-button-bright-color;
+  }
+
+  &:active {
+    background-color: $primary-button-dark-color;
+  }
+
+  &.accent {
+    background-color: $accent-button-base-color;
+    color: $light-color;
+
+    &:hover {
+      background-color: $accent-button-bright-color;
+    }
+
+    &:active {
+      background-color: $accent-button-dark-color;
+    }
+  }
+
+  &.neutral {
+    background-color: $neutral-base-color;
+
+    &:hover {
+      background-color: $neutral-bright-color;
+    }
+
+    &:active {
+      background-color: $neutral-dark-color;
+    }
+  }
+
+  &.success {
+    background-color: $success-base-color;
+
+    &:hover {
+      background-color: $success-bright-color;
+    }
+
+    &:active {
+      background-color: $success-dark-color;
+    }
+  }
+
+  &.disabled {
+    @include opacity(0.3);
+  }
+
+  &.small {
+    @include small-text;
+  }
+}

data/app/assets/stylesheets/nail_polish/base/colors.scss

@@ -0,0 +1,22 @@
+$light-color: #fff;
+$body-color: #333;
+
+$success-base-color:   #28c891;
+$success-bright-color: #48d0a1;
+$success-dark-color:   #22aa76;
+
+$primary-button-base-color:   #1f85ec;
+$primary-button-bright-color: #4097ef;
+$primary-button-dark-color:   #1a71cd;
+
+$accent-button-base-color:   #ef5401;
+$accent-button-bright-color: #f16d26;
+$accent-button-dark-color:   #cb4700;
+
+$error-color: #ec1f1f;
+
+$neutral-superlight-color: #eee;
+$neutral-light-color: #ccc;
+$neutral-base-color: #666;
+$neutral-bright-color: lighten($neutral-base-color, 15%);
+$neutral-dark-color: darken($neutral-base-color, 15%);

data/app/assets/stylesheets/nail_polish/base/form_elements.scss

@@ -0,0 +1,106 @@
+.input-container {
+  // added values are for the border and box-shadow
+  margin-top: $input-top-padding + 3;
+  margin-bottom: $input-top-padding;
+  margin-right: $input-side-padding + 2;
+  margin-left: $input-side-padding;
+}
+
+.input,
+input[type=text],
+input[type=password],
+input[type=email],
+textarea {
+  display: block;
+  width: 100%;
+
+  background-color: $light-color;
+  font-size: $em;
+  padding: $input-top-padding  $input-side-padding;
+  @include input-margin-fix;
+
+  @include bordered;
+  @include box-shadow(inset 0px 2px 0px $neutral-light-color);
+  @include border-radius;
+
+  &:focus {
+    @include highlighted-input-padding;
+    border: 2px solid $primary-button-base-color;
+  }
+}
+
+/* A fake input will look like an input, but not be usable.
+   This will be used for */ 
+.fake-input {
+  background-color: $light-color;
+  font-size: $em;
+  @include border-radius;
+
+  .input-border {
+    @include line;
+    @include bordered;
+    @include box-shadow(inset 0px 2px 0px $neutral-light-color);
+    @include border-radius;
+  }
+
+  > .inner {
+    padding: $input-top-padding  $input-side-padding;
+  }
+}
+
+input[type=checkbox] {
+  // TODO: see about building something custom with Marc
+  -webkit-appearance: checkbox;
+}
+
+.input-select {
+  @include line;
+
+  .input-select-trigger {
+    height: 48px;
+    border-left: 1px solid $neutral-light-color;
+
+    .inner {
+      cursor: default;
+      color: $neutral-base-color;
+      padding: 7px 13px; // good for a + text character
+      // below works for drop-down icon
+      // padding: 2*$spacing 1.5*$spacing;
+    }
+  }
+}
+
+textarea {
+  width: 100%;
+  font-size: $em * 0.8;
+  background-color: #f1f1f1;
+  min-height: 100px;
+}
+
+@-moz-document url-prefix() {
+  textarea {
+    font-family: $body-font;
+  }
+}
+
+form {
+  &.error {
+    input[type=text],
+    input[type=password],
+    input[type=email],
+    textarea {
+      border: 2px solid $error-color;
+      @include highlighted-input-padding;
+
+      &:focus {
+        @include highlighted-input-padding;
+        border: 2px solid $primary-button-base-color;
+      }
+    }
+
+    h6 {
+      color: $error-color;
+    }
+  }
+}
+

data/app/assets/stylesheets/nail_polish/base/grid.scss

@@ -0,0 +1,46 @@
+.line, .row, .last-unit,
+.s-row {
+  width: 100%;
+  @include line;
+}
+.unit{float:left;}
+.unit-right{float:right;}
+.size1of1{width:100%;float:none;}
+.size1of2{width:50%;}
+.size1of3{width:33.33333%;}
+.size2of3{width:66.66666%;}
+.size1of4{width:25%;}
+.size3of4{width:75%;}
+.size1of5{width:20%;}
+.size2of5{width:40%;}
+.size3of5{width:60%;}
+.size4of5{width:80%;}
+.size1of6{width:16.66666%;}
+.size4of6{width:66.66666%;}
+.size5of6{width:83.33333%;}
+.size1of10{width:10%;}
+.size3of10{width:30%;}
+.size7of10{width:70%;}
+.size9of10{width: 90%}
+.size1of20{width:5%;}
+
+.last-unit{float:none;width:auto;_position:relative;_left:-3px;_margin-right:-3px;}
+
+.inner {
+  padding: $spacing;
+  @include line;
+
+  &.half {
+    padding: $spacing * 0.5;
+  }
+}
+
+.spacer {
+  width: $spacing;
+  height: $spacing;
+}
+
+.s-hidden {
+  display: none;
+}
+

data/app/assets/stylesheets/nail_polish/base/layout.scss

@@ -0,0 +1,23 @@
+body {
+  background: $body-color image-url('nail_polish/backgrounds/dark_bg.png') repeat;
+}
+
+#overlay {
+  position: absolute;
+  top: 0;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  z-index: 10000;
+  background: transparent image-url('nail_polish/backgrounds/black-0_5.png') repeat;
+}
+
+#page {
+  background: $light-color image-url('nail_polish/backgrounds/light_bg.png') repeat;
+
+  #content {
+    background: $neutral-light-color image-url('nail_polish/backgrounds/medium_bg.png') repeat;
+    @include box-shadow(0px 0px 5px rgba(0,0,0,0.25));
+    width: 100%;
+  }
+}

data/app/assets/stylesheets/nail_polish/base/mixins.scss

@@ -0,0 +1,40 @@
+@mixin line {
+  display: block;
+  overflow: hidden;
+  *overflow: visible;
+  *zoom: 1;
+}
+
+@mixin bordered {
+  border: 1px solid $neutral-light-color;
+}
+
+@mixin rounded {
+  @include border-radius($border-radius-size);
+}
+
+@mixin shadowed {
+  @include box-shadow(rgba(0,0,0,0.1) 3px 3px 0);
+}
+
+@mixin text-shadowed {
+  @include text-shadow(rgba(0,0,0,0.1) 3px 3px 0);
+}
+
+@mixin text-shadowed-light {
+  @include text-shadow(1px 1px 0px #fff);
+}
+
+@mixin small-text {
+  font-size: $em*0.857;
+}
+
+/* form input fixes */
+@mixin highlighted-input-padding {
+  padding: $input-top-padding - 1px $input-side-padding - 1px;
+}
+
+@mixin input-margin-fix {
+  margin-left: -$input-side-padding;
+  margin-top: -$input-top-padding;
+}

data/app/assets/stylesheets/nail_polish/base/oo_styles.scss

@@ -0,0 +1,120 @@
+.block {
+  @include line;
+}
+
+.overflown {
+  overflow: visible;
+}
+
+.rounded {
+  @include rounded;
+}
+
+.bordered {
+  @include bordered;
+}
+
+.left-bordered {
+  border-left: 1px solid $neutral-light-color;
+}
+
+.right-bordered {
+  border-right: 1px solid $neutral-light-color;
+}
+
+.top-bordered {
+  border-top: 1px solid $neutral-light-color;
+}
+
+.bottom-bordered {
+  border-bottom: 1px solid $neutral-light-color;
+}
+
+.no-border {
+  border: none;
+}
+
+.centered-content {
+  text-align: center;
+}
+
+.centerable {
+  display: inline-block;
+}
+
+.bolded {
+  font-weight: bold;
+}
+
+.light-text{
+  color: $neutral-base-color;
+}
+
+.light-headline {
+  color: $light-color;
+  @include text-shadow(1px 1px 0px $body-color);
+}
+
+/* this is for page-width sections of the page */
+.page-inner {
+  @include line;
+  padding: $spacing*2 0 $spacing 0;
+}
+
+.inner-top {
+  padding-top: $spacing;
+}
+
+.inner-bottom {
+  padding-bottom: $spacing;
+}
+
+.inner-left {
+  padding-left: $spacing;
+}
+
+.inner-right {
+  padding-right: $spacing;
+}
+
+.no-padding {
+  padding: 0;
+}
+
+.shadow-container {
+  overflow: hidden;
+  padding: 0 ($spacing * 0.3) ($spacing * 0.3) 0;
+}
+
+.accent-background {
+  background-color: $accent-button-base-color;
+}
+
+/* These three styles aren't very descriptive should have text appended */
+.small {
+  @include small-text;
+}
+
+.accent-text {
+  color: $accent-button-base-color;
+}
+
+.primary-text {
+  color: $primary-button-base-color;
+}
+
+.no-wrap {
+  white-space: nowrap;
+}
+
+.wrap {
+  @include word-break(break-all);
+}
+
+.warning-text {
+  color: $error-color;
+}
+
+.italic {
+  font-style: italic;
+}

data/app/assets/stylesheets/nail_polish/base/reset.scss

@@ -0,0 +1,53 @@
+/* http://meyerweb.com/eric/tools/css/reset/
+   v2.0 | 20110126
+   License: none (public domain)
+*/
+
+html, body, div, span, applet, object, iframe,
+h1, h2, h3, h4, h5, h6, p, blockquote, pre,
+a, abbr, acronym, address, big, cite, code,
+del, dfn, em, img, ins, kbd, q, s, samp,
+small, strike, strong, sub, sup, tt, var,
+b, u, i, center,
+dl, dt, dd, ol, ul, li,
+fieldset, form, label, legend,
+table, caption, tbody, tfoot, thead, tr, th, td,
+article, aside, canvas, details, embed,
+figure, figcaption, footer, header, hgroup,
+menu, nav, output, ruby, section, summary,
+time, mark, audio, video, input, button {
+  margin: 0;
+  padding: 0;
+  border: 0;
+  vertical-align: baseline;
+}
+/* HTML5 display-role reset for older browsers */
+article, aside, details, figcaption, figure,
+footer, header, hgroup, menu, nav, section {
+  display: block;
+}
+ol, ul {
+  list-style: none;
+}
+blockquote, q {
+  quotes: none;
+}
+blockquote:before, blockquote:after,
+q:before, q:after {
+  content: '';
+  content: none;
+}
+table {
+  border-collapse: collapse;
+  border-spacing: 0;
+}
+input, textarea, button {
+  outline-style: none;
+  resize: none;
+  background-color: transparent;
+  -webkit-appearance: none;
+}
+img {
+  display: block;
+}
+

data/app/assets/stylesheets/nail_polish/base/typography_and_tags.scss

@@ -0,0 +1,71 @@
+body {
+  color: $body-color;
+  background: $body-color;
+  font-family: $body-font;
+  font-size: $em;
+  text-rendering: optimizeLegibility;
+  line-height: $line-height;
+}
+
+h1, h2, h3, h4, h5, h6, p {
+  font-weight: normal;
+  padding-bottom: $em*0.5;
+}
+
+h1, h2, h3 {
+  font-family: $headline-font;
+  @include text-shadow(1px 1px 0px #fff);
+}
+
+h4,h5,h6,p{
+ font-family: $body-font;
+}
+
+h1 {
+  font-size: $em*1.5;
+}
+
+h2 {
+  font-size: $em*1.2;
+}
+
+h3 {
+  font-size: $em;
+}
+
+h4 {
+  font-size: $em*0.75;
+}
+
+h5 {
+  @include small-text;
+}
+
+h6 {
+  font-size: $em*0.67;
+}
+
+a {
+  color: $primary-button-base-color;
+  text-decoration: none;
+  font-weight: bold;
+}
+
+a:hover {
+  text-decoration: underline;
+}
+
+a.plain {
+  color: $neutral-dark-color;
+}
+
+a.plain:hover {
+  text-decoration: none;
+}
+
+hr {
+  border: 0;
+  background-color: $neutral-light-color;
+  height: 1px;
+  @include box-shadow($light-color 0 1px 0px);
+}

data/app/assets/stylesheets/nail_polish/base/variables.scss

@@ -0,0 +1,13 @@
+$headline-font: "Montserrat", helvetica, arial, sans-serif;
+$body-font: "Open Sans", helvetica, arial, sans-serif;
+$bold-font: "Open Sans Bold", helvetica, arial, sans-serif;
+
+$em: 18px;
+$spacing: 10px;
+$line-height: 1.6;
+$border-radius-size: 5px;
+$page-width: 940px;
+
+/* form input fix related stuff */
+$input-top-padding: 1.3*$spacing;
+$input-side-padding: 1.5*$spacing;

data/app/assets/stylesheets/nail_polish/base/widgets/drop_down_menu.scss

@@ -0,0 +1,32 @@
+.drop-down-menu {
+  position: absolute;
+  margin-top: 55px;
+  background-color: $light-color;
+  color: $body-color;
+  @include bordered;
+  @include box-shadow(2px 2px 0 rgba(0,0,0,0.07));
+  @include border-radius;
+  min-width: 150px;
+  cursor: pointer;
+
+  display: none;
+  z-index: 200;
+
+  .caret {
+    width: 23px;
+    height: 16px;
+    background: transparent image-url('nail_polish/elements/menu_caret.png') no-repeat;
+    position: absolute;
+    top: -15px;
+    left: $spacing;
+  }
+}
+
+.unit-right .drop-down-menu {
+  right: 0;
+
+  .caret {
+    left: auto;
+    right: $spacing;
+  }
+}

data/app/assets/stylesheets/nail_polish/base/widgets/panels.scss

@@ -0,0 +1,15 @@
+.panel {
+  background-color: $light-color;
+  @include border-radius($border-radius-size);
+  @include bordered;
+  @include box-shadow(3px 3px 0 rgba(0,0,0,0.07));
+}
+
+.flat-panel {
+  background-color: $neutral-superlight-color;
+  @include bordered;
+
+  &.lightest {
+    background-color: $light-color;
+  }
+}

data/app/assets/stylesheets/nail_polish/base.scss

@@ -0,0 +1,18 @@
+@import 'compass/css3';
+@import "compass/css3/hyphenation";
+
+@import "base/reset";
+@import "base/variables";
+@import 'base/colors';
+@import 'base/mixins';
+
+@import 'base/grid';
+@import "base/typography_and_tags";
+@import 'base/layout';
+@import 'base/form_elements';
+@import "base/buttons";
+
+@import 'base/widgets/panels';
+@import 'base/widgets/drop_down_menu';
+
+@import 'base/oo_styles'; /* at the end so they win */

data/app/assets/stylesheets/nail_polish/desktop/grid.scss

@@ -0,0 +1,29 @@
+.s-row { float: left; width: auto; }
+.m-row { float: left; width: auto; }
+
+.l-unit{float:left;}
+.l-unit-right{float:right;}
+.l-1of2{width:50%;}
+.l-1of3{width:33.33333%;}
+.l-2of3{width:66.66666%;}
+.l-1of4{width:25%;}
+.l-3of4{width:75%;}
+.l-1of5{width:20%;}
+.l-2of5{width:40%;}
+.l-3of5{width:60%;}
+.l-4of5{width:80%;}
+.l-1of6{width:16.66666%;}
+.l-4of6{width:66.66666%;}
+.l-5of6{width:83.33333%;}
+.l-1of10{width:10%;}
+.l-3of10{width:30%;}
+.l-9of10{width: 90%}
+
+.m-hidden,
+.s-hidden {
+  display: block;
+}
+
+.l-hidden {
+  display: none;
+}

data/app/assets/stylesheets/nail_polish/desktop/layout.scss

@@ -0,0 +1,13 @@
+#page {
+  #content {
+    border-left: 1px solid $light-color;
+    border-right: 1px solid $light-color;
+    margin: 0 auto;
+    width: $page-width;
+  }
+}
+
+.page-width {
+  width: $page-width;
+  margin: 0 auto;
+}

data/app/assets/stylesheets/nail_polish/desktop/oo_styles.scss

@@ -0,0 +1,3 @@
+.page-inner {
+  padding: $spacing*4;
+}

data/app/assets/stylesheets/nail_polish/desktop/widgets/modal.scss

@@ -0,0 +1,5 @@
+.modal {
+  width: 500px;
+  margin-left: auto;
+  margin-right: auto;
+}

data/app/assets/stylesheets/nail_polish/desktop.scss

@@ -0,0 +1,12 @@
+@import 'compass/css3';
+
+@import "base/reset";
+@import "base/variables";
+@import 'base/colors';
+@import 'base/mixins';
+
+@import 'tablet_and_desktop';
+@import 'desktop/grid';
+@import 'desktop/layout';
+@import 'desktop/oo_styles';
+@import 'desktop/widgets/modal';

data/app/assets/stylesheets/nail_polish/tablet/grid.scss

@@ -0,0 +1,30 @@
+.s-row { float: left; width: auto; }
+
+.m-row {
+  width: 100%;
+  @include line;
+}
+
+.m-1of2{width:50%;}
+.m-1of3{width:33.33333%;}
+.m-2of3{width:66.66666%;}
+.m-1of4{width:25%;}
+.m-3of4{width:75%;}
+.m-1of5{width:20%;}
+.m-2of5{width:40%;}
+.m-3of5{width:60%;}
+.m-4of5{width:80%;}
+.m-1of6{width:16.66666%;}
+.m-4of6{width:66.66666%;}
+.m-5of6{width:83.33333%;}
+.m-1of10{width:10%;}
+.m-3of10{width:30%;}
+.m-9of10{width: 90%}
+
+.s-hidden {
+  display: block;
+}
+
+.m-hidden {
+  display: none;
+}

data/app/assets/stylesheets/nail_polish/tablet/oo_styles.scss

@@ -0,0 +1,3 @@
+.page-inner {
+  padding: $spacing*3;
+}

data/app/assets/stylesheets/nail_polish/tablet.scss

@@ -0,0 +1,11 @@
+@import 'compass/css3';
+
+@import "base/reset";
+@import "base/variables";
+@import 'base/colors';
+@import 'base/mixins';
+
+@import 'tablet_and_desktop';
+
+@import 'tablet/grid';
+@import 'tablet/oo_styles';

data/app/assets/stylesheets/nail_polish/tablet_and_desktop/typography_and_tags.scss

@@ -0,0 +1,35 @@
+body {
+  font-size: $em;
+}
+
+h1{
+  font-size: $em*3.428;
+}
+
+h2 {
+  font-size: $em*1.714;
+}
+
+h3 {
+  font-size: $em*1.286;
+}
+
+h4 {
+  font-size: $em;
+}
+
+h5 {
+  font-size: $em;
+}
+
+h6 {
+  font-size: $em*0.857;
+}
+
+p {
+  font-size: $em;
+}
+
+.small {
+  font-size: $em*0.857;
+}

data/app/assets/stylesheets/nail_polish/tablet_and_desktop/variables.scss

@@ -0,0 +1 @@
+$em: 14px;

data/app/assets/stylesheets/nail_polish/tablet_and_desktop.scss

@@ -0,0 +1,2 @@
+@import 'tablet_and_desktop/variables';
+@import 'tablet_and_desktop/typography_and_tags';

data/lib/nail_polish/version.rb

@@ -1,3 +1,3 @@
 module NailPolish
-  VERSION = "0.0.1"
+  VERSION = "0.1.0"
 end

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: nail_polish
 version: !ruby/object:Gem::Version
-  version: 0.0.1
+  version: 0.1.0
 platform: ruby
 authors:
 - Kane Baccigalupi
@@ -10,7 +10,7 @@ authors:
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2013-12-11 00:00:00.000000000 Z
+date: 2014-01-16 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: rails
@@ -145,6 +145,15 @@ executables: []
 extensions: []
 extra_rdoc_files: []
 files:
+- app/assets/images/nail_polish/backgrounds/black-0_5.png
+- app/assets/images/nail_polish/backgrounds/blue-0_5.png
+- app/assets/images/nail_polish/backgrounds/dark_bg.png
+- app/assets/images/nail_polish/backgrounds/light_bg.png
+- app/assets/images/nail_polish/backgrounds/medium_bg.png
+- app/assets/images/nail_polish/elements/close_icon.png
+- app/assets/images/nail_polish/elements/menu_caret.png
+- app/assets/images/nail_polish/elements/no_image.png
+- app/assets/images/nail_polish/elements/white_close_icon.png
 - app/assets/javascripts/nail_polish/app.js
 - app/assets/javascripts/nail_polish/events/flasher.js
 - app/assets/javascripts/nail_polish/events/redirector.js
@@ -156,10 +165,12 @@ files:
 - app/assets/javascripts/nail_polish/overrides/global_publisher_adder.js
 - app/assets/javascripts/nail_polish/presenter.js
 - app/assets/javascripts/nail_polish/presenters/collection.js
+- app/assets/javascripts/nail_polish/presenters/dropdown.js
 - app/assets/javascripts/nail_polish/router.js
 - app/assets/javascripts/nail_polish/utils/text.js
 - app/assets/javascripts/nail_polish/view/parent_finder.js
 - app/assets/javascripts/nail_polish/view.js
+- app/assets/javascripts/nail_polish/widget/dropdown.js
 - app/assets/javascripts/nail_polish/widget/flash.js
 - app/assets/javascripts/nail_polish/widget/modal.js
 - app/assets/javascripts/nail_polish.js
@@ -172,6 +183,30 @@ files:
 - app/assets/javascripts/vendor/underscore.js
 - app/assets/javascripts/vendor/zepto.cookie.js
 - app/assets/javascripts/vendor/zepto.js
+- app/assets/stylesheets/nail_polish/base/buttons.scss
+- app/assets/stylesheets/nail_polish/base/colors.scss
+- app/assets/stylesheets/nail_polish/base/form_elements.scss
+- app/assets/stylesheets/nail_polish/base/grid.scss
+- app/assets/stylesheets/nail_polish/base/layout.scss
+- app/assets/stylesheets/nail_polish/base/mixins.scss
+- app/assets/stylesheets/nail_polish/base/oo_styles.scss
+- app/assets/stylesheets/nail_polish/base/reset.scss
+- app/assets/stylesheets/nail_polish/base/typography_and_tags.scss
+- app/assets/stylesheets/nail_polish/base/variables.scss
+- app/assets/stylesheets/nail_polish/base/widgets/drop_down_menu.scss
+- app/assets/stylesheets/nail_polish/base/widgets/panels.scss
+- app/assets/stylesheets/nail_polish/base.scss
+- app/assets/stylesheets/nail_polish/desktop/grid.scss
+- app/assets/stylesheets/nail_polish/desktop/layout.scss
+- app/assets/stylesheets/nail_polish/desktop/oo_styles.scss
+- app/assets/stylesheets/nail_polish/desktop/widgets/modal.scss
+- app/assets/stylesheets/nail_polish/desktop.scss
+- app/assets/stylesheets/nail_polish/tablet/grid.scss
+- app/assets/stylesheets/nail_polish/tablet/oo_styles.scss
+- app/assets/stylesheets/nail_polish/tablet.scss
+- app/assets/stylesheets/nail_polish/tablet_and_desktop/typography_and_tags.scss
+- app/assets/stylesheets/nail_polish/tablet_and_desktop/variables.scss
+- app/assets/stylesheets/nail_polish/tablet_and_desktop.scss
 - config/initializers/nail_polish.rb
 - config/routes.rb
 - lib/nail_polish/engine.rb
@@ -200,7 +235,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
       version: '0'
 requirements: []
 rubyforge_project: 
-rubygems_version: 2.0.6
+rubygems_version: 2.0.3
 signing_key: 
 specification_version: 4
 summary: NailPolish is a Backbone/OOCSS engine for your Rails 4 app