expressionui 0.0.4 → 0.0.5

checksums.yaml

@@ -1,7 +1,7 @@
---- 
-SHA1: 
-  data.tar.gz: 58a1fdbcfd9b3ec06c3823f189e8f16350d8d2d7
-  metadata.gz: bccb6bbff2922dd47db335da1634eb2f1e1cf8e6
-SHA512: 
-  data.tar.gz: 1ac8c3de7b140367d1014308d94c48fb03072e1667c093000becb49c978c0cb06c9b6cee6cd0828120cd6c3c7579295556815c0a405213873b8dc0fa1441b133
-  metadata.gz: 75138cfe2833b671c7c9a1de6c0049e153287351391fc7e7a3978beb139797744b68ae88b2151f72b659a7ac89223b02cc29c7c18c2a60843b940206c0708286
+---
+SHA1:
+  metadata.gz: 4361cb6c624e6bd4626febad29df3d00a9c4bf44
+  data.tar.gz: 1c11a83bf839cdd0ff2f548d58b686b9b6ae7a16
+SHA512:
+  metadata.gz: 20d087de204b120314b8e0e7186762790c56b48ee6346290c1edc0cd928b585d9faf10938ca755006e015bf5d154345c4dc8868802bd1d55cd3d1fce43c8a716
+  data.tar.gz: 3ab368c7ab62eb2a6377a881494f8e8891b67e0ef2b2c6cf5f6b05de58ebeca1ea4693989a6f8a8e23c311577177997aa29ede2ccb398a5711580c2acd087c78

data/.gitignore

@@ -2,3 +2,7 @@
 .sass-cache/
 /.sass-cache/
 *.scssc
+pkg/
+pkg/*
+
+.ruby-version

data/expressionui.gemspec

@@ -8,19 +8,19 @@ Gem::Specification.new do |gem|
   gem.version       = Expressionui::VERSION
   gem.authors       = ["Jason Cypret"]
   gem.email         = ["jason@jasoncypret.com"]
-  gem.description   = %q{JavaScript and SASS library ready to play with the Rails Asset Pipeline}
+  gem.description   = %q{A set of small JavaScript and SASS plugins that are designed to be reusable and enhance your UI. Ready to play with the Rails Asset Pipeline for faster and easier web development.}
   gem.summary       = %q{Some awesome SASS and JS shiz for your rails project}
   gem.homepage      = "http://jasoncypret.github.io/expressionUI/"
   gem.license       = "MIT"
 
   
-  gem.add_development_dependency "bundler", "~> 1.3"
-  gem.add_development_dependency "rake"
-  gem.add_development_dependency "railties", "~> 3.1"
-  gem.add_development_dependency "jquery-rails"
-  gem.add_development_dependency "sass-rails", "~> 3.2.3"
-  gem.add_development_dependency "compass-rails"
-  gem.add_development_dependency "animate.sass-rails"
+  gem.add_development_dependency  "bundler", "~> 1.3"
+  gem.add_development_dependency  "rake"
+  gem.add_development_dependency  "railties", "~> 3.1"
+  gem.add_development_dependency  "compass-rails"
+  gem.add_dependency              "compass-normalize"
+  gem.add_dependency              "animate.sass-rails"
+  
 
   gem.files         = `git ls-files`.split($/)
   gem.require_paths = ["lib"]

data/lib/expressionui/version.rb

@@ -1,3 +1,3 @@
 module Expressionui
-  VERSION = "0.0.4"
+  VERSION = "0.0.5"
 end

data/lib/expressionui.rb

@@ -3,6 +3,8 @@ require "expressionui/version"
 module Expressionui
   module Rails
     class Engine < ::Rails::Engine
+      require 'animate.sass-rails'
+      require 'compass-normalize'
     end
   end
 end

data/vendor/assets/javascripts/expressionui.modal.js

@@ -1,4 +1,4 @@
-/* expressionUI modal v2.0
+/* expressionUI modal v1.0
  * https://github.com/jasoncypret/expressionUI
  *
  * Copyright (c) 2013 Jason Cypret (http://jasoncypret.com/)
@@ -61,7 +61,7 @@
             }
             buildModal = '<div id="' + options.id + '" class="dialog_container ' + isMobile + ' ' + options.height + '">' + overlay + '<div style="width:' + options.width + ';" class="dialog">';
             if (options.header) {
-                buildModal += '<h1><span class="container">' + options.title + '<a href="javascript:;" id="' + options.closeID + '" class="closeDialog ' + options.closeClass + '">x</a></span></h1>';
+                buildModal += '<h1><span class="container"><span class="title">' + options.title + '</span><a href="javascript:;" id="' + options.closeID + '" class="closeDialog ' + options.closeClass + '">x</a></span></h1>';
             } else {
                 buttons += '<a href="javascript:;" class="closeDialog"><span>Cancel</span></a>';
             }
@@ -81,7 +81,9 @@
             $('#' + options.id + ' .dialog').dialog('position', options);
             $('#' + options.id).dialog('_setupEvents', options);
             $(options.appendTo).addClass("dialog_open");
-            options.afterOpen.call();
+            if(!options.ajaxTarget){
+                options.afterOpen.call();
+            }
         },
         ajax: function (options) {
             var _this = $(this)
@@ -91,6 +93,7 @@
             }
             _this.load(options.ajax, function (response, status, xhr) {
                 _this.parents('.dialogBody').find('.notify').notify("close")
+                options.afterOpen.call();
                 if (status == "error") {
                     var msg = "Sorry but there was an error: ";
                     alert(msg + xhr.status + " " + xhr.statusText);

data/vendor/assets/javascripts/expressionui.notify.js

@@ -1,4 +1,4 @@
-/* expressionUI notify v2.0
+/* expressionUI notify v1.0
  * https://github.com/jasoncypret/expressionUI
  *
  * Copyright (c) 2013 Jason Cypret (http://jasoncypret.com/)

data/vendor/assets/javascripts/expressionui.popover.js

@@ -6,57 +6,67 @@
  */
 
 (function ($) {
-    $.fn.popover = function (options) {
-        var defaults = {
-            content: $('.popover'),
-            padding: 0,
-            aOffset: 55
-        };
-        options = $.extend({}, defaults, options);
-        var left = $(this).offset().left,
-            top = $(this).offset().top,
-            winTopMax = $(window).height() / 2,
-            winLeftMax = $(window).width() / 2,
-            pos = '',
-            num = 0,
-            tooltipHeight,
-            tooltipWidth;
+  $.fn.popover = function (options) {
+    var defaults = {
+        content: $('.popover'),
+        padding: 0,
+        aOffset: 55,
+        afterOpen: $.noop,
+        afterClose: $.noop,
+        flush: false
+    };
+    options = $.extend({}, defaults, options);
+    var left = $(this).offset().left + ($(this).outerWidth() / 2),
+      top = $(this).offset().top + ($(this).outerHeight() / 2),
+      winTopMax = $(window).height() / 2,
+      winLeftMax = $(window).width() / 2,
+      pos = '',
+      num = 0,
+      tooltipHeight,
+      tooltipWidth;
+
+    pos = options.position;
+    if(!pos){
         (top >= 1 && top - $(window).scrollTop() <= winTopMax) ? pos = 'top' : pos = 'bottom';
         (left >= 1 && left - $(window).scrollLeft() <= winLeftMax) ? pos += 'left' : pos += 'right';
-        options.content.addClass('popover_container ' + pos).css({visibility: 'hidden', display: 'block', zIndex: '9999'});
-        tooltipHeight = options.content.outerHeight();
-        tooltipWidth = options.content.outerWidth();
-        switch (pos) {
-            case "topleft":
-                top += ( $(this).outerHeight() * Math.PHI ) + options.padding;
-                left -= options.aOffset / (Math.PHI * Math.PHI);
-                break;
-            case "topright":
-                top += ( $(this).outerHeight() * Math.PHI ) + options.padding;
-                left -= tooltipWidth - options.aOffset;
-                break;
-            case "bottomleft":
-                top -= tooltipHeight + ($(this).outerHeight() / 2);
-                left -= options.aOffset / (Math.PHI * Math.PHI);
-                break;
-            case "bottomright":
-                top -= tooltipHeight + ($(this).outerHeight() / 2);
-                left -= tooltipWidth - options.aOffset;
-                break;
-        }
-        options.content.css({ 'left': left + 'px', 'top': top + 'px', 'display': 'none', 'visibility': 'visible' }).show();
-        $(this).addClass('popover_active')
-        var removePopup = function (e) {
-            num++;
-            if (num > 1) {
-                $(options.content).removeClass('popover_container topleft bottomleft topright bottomright').hide();
-                $(document).unbind('click.popover content.scroll');
-                $('.popover_active').removeClass('popover_active')
-            }
-        };
-        $(document).bind('click.popover content.scroll', removePopup);
     }
-})(jQuery);
 
-//TODO: Move to a global place
-Math.PHI = 1.61803398875;
+
+    options.content.addClass('popover_container ' + pos).css({visibility: 'hidden', display: 'block', zIndex: '9999'});
+    if(options.flush) options.content.addClass('flush');
+    tooltipHeight = options.content.outerHeight();
+    tooltipWidth = options.content.outerWidth();
+    switch (pos) {
+      case "topleft":
+        top += ($(this).height() / (options.flush ? 2 : 1)) + options.padding * 2;
+        left += -$(this).width() / 2 - options.aOffset;
+        break;
+      case "bottomleft":
+        top += -tooltipHeight - $(this).height() / 2 - options.padding;
+        left += -$(this).width() / 2 - options.aOffset;
+        break;
+      case "topright":
+        top += $(this).height() + options.padding * 2;
+        left += $(this).width() - (tooltipWidth + (options.aOffset *2));
+        break;
+      case "bottomright":
+        top += -$(this).height() / 2 - tooltipHeight - options.padding;
+        left += $(this).width() - (tooltipWidth + (options.aOffset * 2));
+        break;
+    }
+
+    options.content.css({ 'left': left + 'px', 'top': top + 'px', 'display': 'none', 'visibility': 'visible' }).show();
+
+    options.afterOpen.apply(this, [options.content])
+
+    // You could add an active_popover class to $(this)
+    $(document).bind('click.popover', function(e) {
+      num++;
+      if (num > 1) {
+        $(options.content).removeClass('popover_container topleft bottomleft topright bottomright').hide();
+        options.afterClose.apply(this, [options.content])
+        $(document).unbind('click.popover');
+      }
+    });
+  }
+})(jQuery);

data/vendor/assets/stylesheets/{_app_classes.css.sass → expressionui/_app_classes.css.sass}

@@ -11,18 +11,9 @@ a:visited
 .amp
   +amp
 
-.markdown_style
-  //+markdown_style
-
 .offscreen
   +offscreen
 
-a.nav_action
-  +nav_action
-
-a.btn_filter
-  +btn_filter
-
 .icon
   +icon_font
 

data/vendor/assets/stylesheets/{_boilerplate.css.sass → expressionui/_boilerplate.css.sass}

@@ -1,3 +1,5 @@
+@import normalize
+
 *
   margin: 0
   padding: 0
@@ -192,7 +194,7 @@ table
   border-collapse: collapse
   border-spacing: 0
 
-+font-face("grokkregular", font-files("grokk-webfont.woff#{$ver}", woff, "grokk-webfont.otf#{$ver}", opentype, "grokk-webfont.svg#grokkregular#{$ver}", svg), "grokk-webfont.eot#{$ver}", "normal", "normal")
++font-face("#{$icon_font}", font-files("#{$icon_font}.woff#{$ver}", woff, "#{$icon_font}.otf#{$ver}", opentype, "#{$icon_font}.svg#$icon_font#{$ver}", svg), "#{$icon_font}.eot#{$ver}", "normal", "normal")
 
 
 

data/vendor/assets/stylesheets/{_forms.css.sass → expressionui/_forms.css.sass}

@@ -246,17 +246,13 @@ select
             color: tint(black, 40%)
             &.icon
 
-
-
-
-
-
   &.inside
-    .formfield
+    .field
       margin: $pad 0
       padding: 2px 10px
       position: relative
       width: 291px
+      +form_text_input_color
       &.check
         background: none
         +box-shadow(none)
@@ -273,26 +269,6 @@ select
             &:hover
               color: white
               border-bottom: none
-        &:hover
-          +box-shadow(none)
-      &.drop
-        background: none
-        +box-shadow(none)
-        border: none
-        padding: 0
-        width: auto
-        &:hover
-          +box-shadow(none)
-      &.small
-        width: 200px
-      .hoverhelp
-        width: 27px
-        height: 20px
-        background: url("../images/content/home_sprite.png#{$ver}") 0 -269px no-repeat
-        display: block
-        position: absolute
-        right: -10px
-        top: 6px
       label
         +inline_block
         font-size: 11px
@@ -315,31 +291,15 @@ select
         font-size: 11px
         &:focus
           outline: none
-      &.errorField
-        border: 1px solid #BA2528
-        &:before, & .before
-          content: ''
-          before: ''
-          width: 27px
-          height: 20px
-          background: url("../images/content/home_sprite.png#{$ver}") 0 -249px no-repeat
-          display: block
-          position: absolute
-          right: 10px
-        .hoverhelp
-          right: 9px
-          background: none
-      &:hover, &.hover
-        +box-shadow(rgba(black, 0.12) 0 1px 2px inset, rgba(white, 0.65) 0 1px 0 0, rgba(#00A8FF, .34) 0 1px 8px 0)
   .group
     margin: $pad 0
     &.nopad
       margin: 0
       .button
         margin: 0
-    .formfield
+    .field
       margin: 0 !important
       float: left
       width: 294px
-      & + .formfield
+      & + .field
         float: right

data/vendor/assets/stylesheets/{_helpers.css.sass → expressionui/_helpers.css.sass}

@@ -10,13 +10,10 @@
   display: block
 
 =font_stack
-  font-family: "source-sans-pro"
+  font-family: $font_stack, sans-serif
 
 =serif
-  font-family: "ff-meta-serif-web-pro"
-
-=logo_serif
-  font-family: "rooney-web"
+  font-family: $serif, serif
 
 =inline_block
   display: -moz-inline-stack
@@ -53,6 +50,11 @@
   height: auto !important
   height: $size
 
+=max_width($size)
+  max-width: $size
+  width: auto !important
+  width: $size
+
 =text_color($base_color, $shadow: true)
   @if lightness($base_color) > 75%
     color: shade($base_color, 60%)
@@ -73,18 +75,18 @@
   @else if $direction == bottom
     +background(linear_gradient($base_color, shade($base_color, 30%)))
 
-=smart_border($base_color, $direction: both)
+=smart_border($base_color, $size: 1px, $direction: both)
   @if $direction == both
-    border: 1px solid shade($base_color, 20%)
-    border-top: 1px solid shade($base_color, 10%)
-    border-bottom: 1px solid shade($base_color, 40%)
+    border: $size solid shade($base_color, 20%)
+    border-top: $size solid shade($base_color, 10%)
+    border-bottom: $size solid shade($base_color, 40%)
   @else if $direction == top
-    border: 1px solid shade($base_color, 20%)
-    border-top: 1px solid $base_color
+    border: $size solid shade($base_color, 20%)
+    border-top: $size solid $base_color
   @else if $direction == bottom
-    border: 1px solid shade($base_color, 30%)
-    border-top: 1px solid shade($base_color, 15%)
-    border-bottom: 1px solid shade($base_color, 50%)
+    border: $size solid shade($base_color, 30%)
+    border-top: $size solid shade($base_color, 15%)
+    border-bottom: $size solid shade($base_color, 50%)
 
 =btn_color($base_color, $behind: null)
   +smart_gradient($base_color)
@@ -93,58 +95,58 @@
   @else
     +smart_border($behind)
 
-=btn_flat($base_color, $behind: null)
-  outline: 0
-  text-align: center
-  text-transform: capitalize
-  text-decoration: none
-  font-weight: 600
-  line-height: 1em
-  +font_stack
-  width: auto
-  +inline-block
-  padding: 8px 11px
-  font-size: 1em
-  +border-radius(2px)
-  +box-shadow(rgba(white, 0.3) 0 1px 0 inset, rgba(black, 0.20) 0 2px 2px 0)
-  cursor: pointer
-  +btn_color($base_color, $behind)
-  border: 0
-  &:hover
-    +box-shadow(rgba(white, 0.6) 0 1px 3px inset, rgba(black, 0.20) 0 2px 2px 0)
-    +btn_color(tint($base_color, 10%), $behind)
-  &:active
-    +box-shadow(rgba(black, 0.6) 0 2px 4px inset, rgba(black, 0.50) 0 1px 0 0)
-    +btn_color(shade($base_color, 10%), $behind)
-
-=btn($base_color, $behind: null)
-  outline: 0
-  border: 0
-  text-align: center
-  text-transform: capitalize
-  text-decoration: none
-  font-weight: 600
-  line-height: 1em
-  +font_stack
-  width: auto
-  +inline-block
-  padding: 10px 13px
-  font-size: 1em
-  +border-radius(2px)
-  cursor: pointer
-  background: $base_color
-  +text_color($base_color)
-  +text-shadow(none)
-  @if lightness($base_color) == 100%
-    border: 1px solid shade($base_color, 10%)
-    +border-radius(3px)
-  &:hover, &:active
-    @if lightness($base_color) == 100%
-      border: 1px solid shade($base_color, 20%)
-    background: shade($base_color, 10%)
-    +box-shadow(shade($base_color, 20%) 0 2px 0 inset)
+=btn($base_color, $behind: null, $style: flat)
+  @if $style == flat
+    outline: 0
+    text-align: center
+    text-transform: capitalize
+    text-decoration: none
+    font-weight: 600
+    line-height: 1em
+    +font_stack
+    width: auto
+    +inline-block
+    padding: 8px 11px
+    font-size: 1em
+    +border-radius(2px)
+    +box-shadow(rgba(white, 0.3) 0 1px 0 inset, rgba(black, 0.20) 0 2px 2px 0)
+    cursor: pointer
+    +btn_color($base_color, $behind)
+    border: 0
+    &:hover
+      +box-shadow(rgba(white, 0.6) 0 1px 3px inset, rgba(black, 0.20) 0 2px 2px 0)
+      +btn_color(tint($base_color, 10%), $behind)
+    &:active
+      +box-shadow(rgba(black, 0.6) 0 2px 4px inset, rgba(black, 0.50) 0 1px 0 0)
+      +btn_color(shade($base_color, 10%), $behind)
+  @else
+    outline: 0
+    border: 0
+    text-align: center
+    text-transform: capitalize
+    text-decoration: none
+    font-weight: 600
+    line-height: 1em
+    +font_stack
+    width: auto
+    +inline-block
+    padding: 10px 13px
+    font-size: 1em
+    +border-radius(2px)
+    cursor: pointer
+    background: $base_color
     +text_color($base_color)
     +text-shadow(none)
+    @if lightness($base_color) == 100%
+      border: 1px solid shade($base_color, 10%)
+      +border-radius(3px)
+    &:hover, &:active
+      @if lightness($base_color) == 100%
+        border: 1px solid shade($base_color, 20%)
+      background: shade($base_color, 10%)
+      +box-shadow(shade($base_color, 20%) 0 2px 0 inset)
+      +text_color($base_color)
+      +text-shadow(none)
 
 =shadow_scroll($background: #E5E5E5, $top: 62px, $left: 56px, $right: 0, $height: 10px, $z-index: 1111)
   &:before
@@ -169,8 +171,6 @@
     width: 100%
     z-index: ($z-index)+1
 
-
-
 =text_replace
   text-indent: 100%
   white-space: nowrap
@@ -246,7 +246,7 @@
     @content
 
 =icon_font
-  font-family: 'grokkregular'
+  font-family: $icon_font
   font-weight: normal !important
   -webkit-font-smoothing: antialiased
 

data/vendor/assets/stylesheets/{_modals.css.sass → expressionui/_modals.css.sass}

@@ -1,10 +1,10 @@
-@import libs/animate
-@import libs/animate/shared
-@import libs/animate/animations/bouncing-entrances/bounceInUp
-@import libs/animate/animations/bouncing-exits/bounceOutDown
+@import animate
+@import animate/shared
+@import animate/animations/bouncing-entrances/bounceInUp
+@import animate/animations/bouncing-exits/bounceOutDown
 
 //Need to add this here as it is a global module
-@import partials/uielements/modals/create_collections
+//@import partials/uielements/modals/create_collections
 
 $modal_footer_height: (68px)-$pad
 $borderColor: #cacaca
@@ -126,38 +126,4 @@ $borderColor: #cacaca
         width: 95% !important
       .dialogBody
         height: 100%
-        overflow-y: auto
-
-
-
-
-
-// WRONG PLACE FOR THIS
-.colorpicker
-  .preview
-    float: left
-    width: 50px
-    height: 50px
-    margin: 0 10px 0 0
-    border: 1px solid #efefef
-  #picker
-    cursor: crosshair
-
-
-// WRONG PLACE FOR THIS
-#idea_modal
-  width: 500px
-  label
-    display: block
-    margin-bottom: 5px
-  input, textarea
-    width: 100%
-    font-size: 14px
-    padding: 5px
-    border: 1px solid $borderColor
-  input#inputTitle
-    margin-bottom: 15px
-  textarea
-    margin-bottom: 5px
-
-
+        overflow-y: auto

data/vendor/assets/stylesheets/expressionui/_variables.css.sass

@@ -0,0 +1,32 @@
+// General
+// -------------------------
+$pad: 10px !default
+$ver: "?v=0.51" !default
+
+
+// Responsive breakpoints
+// -------------------------
+$mobile: 700px !default
+$tablet: 701px !default
+$desktop: 1200px !default
+$large_desktop: 1500px !default
+ 
+
+// Colors
+// -------------------------
+$main: #20BBA6 !default
+$accent: #00AFD1 !default
+$contrast: #1D3037 !default
+$background: #EAEDF1 !default
+$highlight: #F27935 !default
+
+
+// Text
+// -------------------------
+$font_size: 12px !default
+$link: blue !default
+$title: #585050 !default
+$text_color: #141414 !default
+$font_stack: "Helvetica" !default
+$serif: "Georgia" !default
+$icon_font: "expressionui_font" !default

data/vendor/assets/stylesheets/expressionui.css.sass

@@ -0,0 +1,9 @@
+@import compass
+@import expressionui/variables
+@import expressionui/helpers
+@import expressionui/notifications
+@import expressionui/modals
+@import expressionui/forms
+@import expressionui/popover
+@import expressionui/boilerplate
+@import expressionui/app_classes

metadata

@@ -1,91 +1,108 @@
---- !ruby/object:Gem::Specification 
+--- !ruby/object:Gem::Specification
 name: expressionui
-version: !ruby/object:Gem::Version 
-  version: 0.0.4
+version: !ruby/object:Gem::Version
+  version: 0.0.5
 platform: ruby
-authors: 
+authors:
 - Jason Cypret
 autorequire: 
 bindir: bin
 cert_chain: []
-
-date: 2013-05-23 00:00:00 Z
-dependencies: 
-- !ruby/object:Gem::Dependency 
+date: 2013-05-31 00:00:00.000000000 Z
+dependencies:
+- !ruby/object:Gem::Dependency
   name: bundler
-  prerelease: false
-  requirement: &id001 !ruby/object:Gem::Requirement 
-    requirements: 
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
     - - ~>
-      - !ruby/object:Gem::Version 
-        version: "1.3"
+      - !ruby/object:Gem::Version
+        version: '1.3'
   type: :development
-  version_requirements: *id001
-- !ruby/object:Gem::Dependency 
-  name: rake
   prerelease: false
-  requirement: &id002 !ruby/object:Gem::Requirement 
-    requirements: 
-    - &id004 
-      - ">="
-      - !ruby/object:Gem::Version 
-        version: "0"
-  type: :development
-  version_requirements: *id002
-- !ruby/object:Gem::Dependency 
-  name: railties
-  prerelease: false
-  requirement: &id003 !ruby/object:Gem::Requirement 
-    requirements: 
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
     - - ~>
-      - !ruby/object:Gem::Version 
-        version: "3.1"
+      - !ruby/object:Gem::Version
+        version: '1.3'
+- !ruby/object:Gem::Dependency
+  name: rake
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - '>='
+      - !ruby/object:Gem::Version
+        version: '0'
   type: :development
-  version_requirements: *id003
-- !ruby/object:Gem::Dependency 
-  name: jquery-rails
   prerelease: false
-  requirement: &id005 !ruby/object:Gem::Requirement 
-    requirements: 
-    - *id004
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - '>='
+      - !ruby/object:Gem::Version
+        version: '0'
+- !ruby/object:Gem::Dependency
+  name: railties
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - ~>
+      - !ruby/object:Gem::Version
+        version: '3.1'
   type: :development
-  version_requirements: *id005
-- !ruby/object:Gem::Dependency 
-  name: sass-rails
   prerelease: false
-  requirement: &id006 !ruby/object:Gem::Requirement 
-    requirements: 
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
     - - ~>
-      - !ruby/object:Gem::Version 
-        version: 3.2.3
-  type: :development
-  version_requirements: *id006
-- !ruby/object:Gem::Dependency 
+      - !ruby/object:Gem::Version
+        version: '3.1'
+- !ruby/object:Gem::Dependency
   name: compass-rails
-  prerelease: false
-  requirement: &id007 !ruby/object:Gem::Requirement 
-    requirements: 
-    - *id004
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - '>='
+      - !ruby/object:Gem::Version
+        version: '0'
   type: :development
-  version_requirements: *id007
-- !ruby/object:Gem::Dependency 
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - '>='
+      - !ruby/object:Gem::Version
+        version: '0'
+- !ruby/object:Gem::Dependency
+  name: compass-normalize
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - '>='
+      - !ruby/object:Gem::Version
+        version: '0'
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - '>='
+      - !ruby/object:Gem::Version
+        version: '0'
+- !ruby/object:Gem::Dependency
   name: animate.sass-rails
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - '>='
+      - !ruby/object:Gem::Version
+        version: '0'
+  type: :runtime
   prerelease: false
-  requirement: &id008 !ruby/object:Gem::Requirement 
-    requirements: 
-    - *id004
-  type: :development
-  version_requirements: *id008
-description: JavaScript and SASS library ready to play with the Rails Asset Pipeline
-email: 
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - '>='
+      - !ruby/object:Gem::Version
+        version: '0'
+description: A set of small JavaScript and SASS plugins that are designed to be reusable
+  and enhance your UI. Ready to play with the Rails Asset Pipeline for faster and
+  easier web development.
+email:
 - jason@jasoncypret.com
 executables: []
-
 extensions: []
-
 extra_rdoc_files: []
-
-files: 
+files:
 - .gitignore
 - Gemfile
 - Gemfile.lock
@@ -95,44 +112,45 @@ files:
 - expressionui.gemspec
 - lib/expressionui.rb
 - lib/expressionui/version.rb
-- pkg/expressionui-0.0.3.gem
 - vendor/assets/javascripts/expressionui.modal.js
 - vendor/assets/javascripts/expressionui.notify.js
 - vendor/assets/javascripts/expressionui.popover.js
-- vendor/assets/stylesheets/_app_classes.css.sass
-- vendor/assets/stylesheets/_boilerplate.css.sass
-- vendor/assets/stylesheets/_forms.css.sass
-- vendor/assets/stylesheets/_helpers.css.sass
-- vendor/assets/stylesheets/_modals.css.sass
-- vendor/assets/stylesheets/_notifications.css.sass
-- vendor/assets/stylesheets/_popover.css.sass
-- vendor/assets/stylesheets/_variables.css.sass
+- vendor/assets/stylesheets/expressionui.css.sass
+- vendor/assets/stylesheets/expressionui/_app_classes.css.sass
+- vendor/assets/stylesheets/expressionui/_boilerplate.css.sass
+- vendor/assets/stylesheets/expressionui/_forms.css.sass
+- vendor/assets/stylesheets/expressionui/_helpers.css.sass
+- vendor/assets/stylesheets/expressionui/_modals.css.sass
+- vendor/assets/stylesheets/expressionui/_notifications.css.sass
+- vendor/assets/stylesheets/expressionui/_popover.css.sass
+- vendor/assets/stylesheets/expressionui/_variables.css.sass
 - vendor/assets/stylesheets/expressionui/loading/_dots_round.css.sass
 - vendor/assets/stylesheets/expressionui/loading/_progress.css.sass
 - vendor/assets/stylesheets/expressionui/loading/_spinner.css.sass
 - vendor/assets/stylesheets/expressionui/loading/_three_dots.css.sass
 homepage: http://jasoncypret.github.io/expressionUI/
-licenses: 
+licenses:
 - MIT
 metadata: {}
-
 post_install_message: 
 rdoc_options: []
-
-require_paths: 
+require_paths:
 - lib
-required_ruby_version: !ruby/object:Gem::Requirement 
-  requirements: 
-  - *id004
-required_rubygems_version: !ruby/object:Gem::Requirement 
-  requirements: 
-  - *id004
+required_ruby_version: !ruby/object:Gem::Requirement
+  requirements:
+  - - '>='
+    - !ruby/object:Gem::Version
+      version: '0'
+required_rubygems_version: !ruby/object:Gem::Requirement
+  requirements:
+  - - '>='
+    - !ruby/object:Gem::Version
+      version: '0'
 requirements: []
-
 rubyforge_project: 
-rubygems_version: 2.0.0
+rubygems_version: 2.0.3
 signing_key: 
 specification_version: 4
 summary: Some awesome SASS and JS shiz for your rails project
 test_files: []
-
+has_rdoc: 

data/vendor/assets/stylesheets/_variables.css.sass

@@ -1,34 +0,0 @@
-// General
-$pad: 10px
-$ver: '?v=0.51'
-
-// Responsive breakpoints
-$mobile: 700px
-$tablet: 701px
-$desktop: 1200px
-$large_desktop: 1900px
-
-// Colors
-$border: #DBDBDB
-$highlight: #925CA7
-$accent: #33BCB9
-$badge: #F35919
-$mobile_background: #E8E8E8
-$dark_grey: shade(#58595B, 10%)
-
-// UI Element Colors
-
-// UI Element Sizing
-$left_nav: 56px
-$right_info: 271px
-$top_nav: 58px
-$sub_nav: 55px
-$top_border: 4px
-$mobile_nav_height: 40px
-$card_width: 290px
-$brain_drawer: 60px
-
-// Text
-$link: blue
-$title: #585050
-$text_color: #141414