wiskey 0.0.2 → 0.0.3

data/Gemfile

@@ -2,6 +2,7 @@ source "http://rubygems.org"
 
 gem "rails", "3.1.0"
 gem 'sass'
+gem 'sass-rails'
 
 # gem "capybara", ">= 0.4.0"
 

data/Gemfile.lock

@@ -70,6 +70,12 @@ GEM
     rake (0.9.2)
     rdoc (3.9.4)
     sass (3.1.7)
+    sass-rails (3.1.4)
+      actionpack (~> 3.1.0)
+      railties (~> 3.1.0)
+      sass (>= 3.1.4)
+      sprockets (~> 2.0.0)
+      tilt (~> 1.3.2)
     sprockets (2.0.0)
       hike (~> 1.2)
       rack (~> 1.0)
@@ -87,3 +93,4 @@ PLATFORMS
 DEPENDENCIES
   rails (= 3.1.0)
   sass
+  sass-rails

data/README.rdoc

@@ -1,3 +1,31 @@
 = Wiskey
 
+Set of low level css features without any solid css.
+
+
+= Requirements
+
+Rails 3.1+ with sass and sass-rails gems
+
+= Installing
+
+For rails 3.1+ it's easy: just require gem in your ```Gemfile```
+
+For another framework (or without any framework) you should copy app/assets/stylesheets folder to your sass folder.
+
+= Usage
+
+Import wiskey at the beginning of application.css.scss
+
+  @import "wiskey";
+
+All requirements underneath wiskey will have the cool wiskey features.
+
+Sprockets provides some directives that are placed inside of comments called require, 
+require_tree, and require_self. DO NOT USE THEM IN YOUR SASS/SCSS FILES. They are very 
+primitive and do not work well with Sass files. Instead, use Sass's native @import directive 
+which sass-rails has customized to integrate with the conventions of your rails projects.
+
+= License
+
 This project rocks and uses MIT-LICENSE.

data/app/assets/stylesheets/_wiskey.scss

@@ -17,9 +17,3 @@
 @import "css3/opacity";
 @import "css3/text-shadow";
 @import "css3/text-overflow";
-
-// Addons & other mixins
-@import "addons/animation-keyframes";
-@import "addons/button";
-@import "addons/position";
-@import "addons/timing-functions";

data/lib/wiskey/version.rb

@@ -1,3 +1,3 @@
 module Wiskey
-  VERSION = "0.0.2"
+  VERSION = "0.0.3"
 end

data/test/dummy/config/application.rb

@@ -1,9 +1,7 @@
 require File.expand_path('../boot', __FILE__)
 
 # require 'rails/all'
-# require 'active_record/railtie'
 require 'action_controller/railtie'
-require 'action_mailer/railtie'
 require 'active_resource/railtie'
 require 'sprockets/railtie'
 

data/test/dummy/config/environments/development.rb

@@ -13,9 +13,6 @@ Dummy::Application.configure do
   config.consider_all_requests_local       = true
   config.action_controller.perform_caching = false
 
-  # Don't care if the mailer can't send
-  config.action_mailer.raise_delivery_errors = false
-
   # Print deprecation notices to the Rails logger
   config.active_support.deprecation = :log
 

data/test/dummy/config/environments/production.rb

@@ -37,9 +37,6 @@ Dummy::Application.configure do
   # Precompile additional assets (application.js, application.css, and all non-JS/CSS are already added)
   # config.assets.precompile += %w( search.js )
 
-  # Disable delivery errors, bad email addresses will be ignored
-  # config.action_mailer.raise_delivery_errors = false
-
   # Enable threaded mode
   # config.threadsafe!
 

data/test/dummy/config/environments/test.rb

@@ -24,16 +24,6 @@ Dummy::Application.configure do
   # Disable request forgery protection in test environment
   config.action_controller.allow_forgery_protection    = false
 
-  # Tell Action Mailer not to deliver emails to the real world.
-  # The :test delivery method accumulates sent emails in the
-  # ActionMailer::Base.deliveries array.
-  config.action_mailer.delivery_method = :test
-
-  # Use SQL instead of Active Record's schema dumper when creating the test database.
-  # This is necessary if your schema can't be completely dumped by the schema dumper,
-  # like if you have constraints or database-specific column types
-  # config.active_record.schema_format = :sql
-
   # Print deprecation notices to the stderr
   config.active_support.deprecation = :stderr
 end

data/wiskey.gemspec

@@ -6,11 +6,11 @@ Gem::Specification.new do |s|
 
   s.authors                   = [ "Alexey Osipenko" ]
   s.email                     = [ "alexey@osipenko.in.ua" ]
-  s.homepage                  = "http://wiskey.github.com"
+  s.homepage                  = "http://aratak.github.com/wiskey/"
   s.description = "The rails 3 gem, which include SCSS mixins and default rails templates for true-cutupping."
   s.files = `git ls-files`.split("\n")
-  s.version = "0.0.2"
+  s.version = "0.0.3"
 
   s.add_dependency "rails"         , "~> 3.1.0"
 
-end
+end

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: wiskey
 version: !ruby/object:Gem::Version
-  version: 0.0.2
+  version: 0.0.3
   prerelease: 
 platform: ruby
 authors:
@@ -9,11 +9,11 @@ authors:
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2011-11-03 00:00:00.000000000Z
+date: 2011-11-09 00:00:00.000000000Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: rails
-  requirement: &70363586770040 !ruby/object:Gem::Requirement
+  requirement: &70358842840620 !ruby/object:Gem::Requirement
     none: false
     requirements:
     - - ~>
@@ -21,7 +21,7 @@ dependencies:
         version: 3.1.0
   type: :runtime
   prerelease: false
-  version_requirements: *70363586770040
+  version_requirements: *70358842840620
 description: The rails 3 gem, which include SCSS mixins and default rails templates
   for true-cutupping.
 email:
@@ -38,10 +38,6 @@ files:
 - README.rdoc
 - Rakefile
 - app/assets/stylesheets/_wiskey.scss
-- app/assets/stylesheets/addons/_animation-keyframes.scss
-- app/assets/stylesheets/addons/_button.scss
-- app/assets/stylesheets/addons/_position.scss
-- app/assets/stylesheets/addons/_timing-functions.scss
 - app/assets/stylesheets/css3/_animation.scss
 - app/assets/stylesheets/css3/_background-clip.scss
 - app/assets/stylesheets/css3/_border-radius.scss
@@ -68,12 +64,9 @@ files:
 - test/dummy/Rakefile
 - test/dummy/app/assets/stylesheets/application.css.scss
 - test/dummy/app/controllers/application_controller.rb
-- test/dummy/app/helpers/application_helper.rb
-- test/dummy/app/views/layouts/application.html.erb
 - test/dummy/config.ru
 - test/dummy/config/application.rb
 - test/dummy/config/boot.rb
-- test/dummy/config/database.yml
 - test/dummy/config/environment.rb
 - test/dummy/config/environments/development.rb
 - test/dummy/config/environments/production.rb
@@ -89,20 +82,13 @@ files:
 - test/dummy/public/422.html
 - test/dummy/public/500.html
 - test/dummy/public/favicon.ico
-- test/dummy/public/javascripts/application.js
-- test/dummy/public/javascripts/controls.js
-- test/dummy/public/javascripts/dragdrop.js
-- test/dummy/public/javascripts/effects.js
-- test/dummy/public/javascripts/prototype.js
-- test/dummy/public/javascripts/rails.js
-- test/dummy/public/stylesheets/.gitkeep
 - test/dummy/script/rails
 - test/integration/navigation_test.rb
 - test/support/integration_case.rb
 - test/test_helper.rb
 - test/wiskey_test.rb
 - wiskey.gemspec
-homepage: http://wiskey.github.com
+homepage: http://aratak.github.com/wiskey/
 licenses: []
 post_install_message: 
 rdoc_options: []

data/app/assets/stylesheets/addons/_animation-keyframes.scss

@@ -1,28 +0,0 @@
-// Keyframes for Animations
-
-// Fade-In animation
-@mixin fade-in {
-  0% {
-    opacity: 0;
-  }
-  100% {
-    opacity: 1;
-  }
-}
-@-webkit-keyframes fade-in { @include fade-in; }
-   @-moz-keyframes fade-in { @include fade-in; }
-        @keyframes fade-in { @include fade-in; }
-
-
-// Fade-out animation
-@mixin fade-out {
-  0% {
-    opacity: 1;
-  }
-  100% {
-    opacity: 0;
-  }
-}
-@-webkit-keyframes fade-out { @include fade-out; }
-   @-moz-keyframes fade-out { @include fade-out; }
-        @keyframes fade-out { @include fade-out; }

data/app/assets/stylesheets/addons/_button.scss

@@ -1,169 +0,0 @@
-@mixin button ($style: simple, $base-color: #4294f0) {
-
-  @if type-of($style) == color {
-    $base-color: $style;
-    $style: simple;
-  }
-
-  @if $style == simple {
-    @include simple($base-color);
-  }
-
-  @else if $style == shiny {
-    @include shiny($base-color);
-  }
-
-  @else if $style == pill {
-    @include pill($base-color);
-  }
-}
-
-@mixin simple ($base-color) {
-  $stop-gradient: adjust-color($base-color, $saturation: 9%, $lightness: -11%);
-  $border: adjust-color($base-color, $saturation: 9%, $lightness: -14%);
-  $color: hsl(0, 0, 100%);
-  $inset-shadow: adjust-color($base-color, $saturation: -8%, $lightness: 15%);
-  $text-shadow: adjust-color($base-color, $saturation: 15%, $lightness: -18%);
-
-  @if lightness($base-color) > 70% {
-    $color: hsl(0, 0, 20%);
-    $text-shadow: adjust-color($base-color, $saturation: 10%, $lightness: 4%);
-  }
-
-  border: 1px solid $border;
-  @include border-radius (3px);
-  @include box-shadow (inset 0 1px 0 0 $inset-shadow);
-  color: $color;
-  display: inline;
-  font: bold 11px 'lucida grande', helvetica neue, helvetica, arial, sans-serif;
-  @include linear-gradient ($base-color, $stop-gradient);
-  padding: 6px 18px 7px;
-  text-shadow: 0 1px 0 $text-shadow;
-  -webkit-background-clip: padding-box;
-
-  &:hover {
-    $base-color-hover: adjust-color($base-color, $saturation: -4%, $lightness: -5%);
-    $stop-gradient-hover: adjust-color($base-color, $saturation: 8%, $lightness: -14%);
-    $inset-shadow-hover: adjust-color($base-color, $saturation: -7%, $lightness: 5%);
-
-    @include box-shadow (inset 0 1px 0 0 $inset-shadow-hover);
-    cursor: pointer;
-    @include linear-gradient ($base-color-hover, $stop-gradient-hover);
-  }
-
-  &:active {
-    $border-active: adjust-color($base-color, $saturation: 9%, $lightness: -14%);
-    $inset-shadow-active: adjust-color($base-color, $saturation: 7%, $lightness: -17%);
-
-    border: 1px solid $border-active;
-    @include box-shadow (inset 0 0 8px 4px $inset-shadow-active, inset 0 0 8px 4px $inset-shadow-active, 0 1px 1px 0 #eee);
-  }
-}
-
-@mixin shiny($base-color) {
-  $second-stop: adjust-color($base-color, $red: -56, $green: -50, $blue: -33);
-  $third-stop: adjust-color($base-color, $red: -86, $green: -75, $blue: -48);
-  $fourth-stop: adjust-color($base-color, $red: -79, $green: -70, $blue: -46);
-  $border: adjust-color($base-color, $red: -117, $green: -111, $blue: -81);
-  $border-bottom: adjust-color($base-color, $red: -126, $green: -127, $blue: -122);
-  $color: hsl(0, 0, 100%);
-  $inset-shadow: adjust-color($base-color, $red: 37, $green: 29, $blue: 12);
-  $text-shadow: adjust-color($base-color, $red: -140, $green: -141, $blue: -114);
-
-  @if lightness($base-color) > 70% {
-    $color: hsl(0, 0, 20%);
-    $text-shadow: adjust-color($base-color, $saturation: 10%, $lightness: 4%);
-  }
-
-  @include linear-gradient(top, $base-color 0%, $second-stop 50%, $third-stop 50%, $fourth-stop 100%);
-  border: 1px solid $border;
-  border-bottom: 1px solid $border-bottom;
-  @include border-radius(5px);
-  @include box-shadow(inset 0 1px 0 0 $inset-shadow);
-  color: $color;
-  display: inline;
-  font: bold 14px "helvetica neue", helvetica, arial, sans-serif;
-  padding: 7px 20px 8px;
-  text-decoration: none;
-  text-align: center;
-  text-shadow: 0 -1px 1px $text-shadow;
-
-  &:hover {
-    $first-stop-hover: adjust-color($base-color, $red: -13, $green: -15, $blue: -18);
-    $second-stop-hover: adjust-color($base-color, $red: -66, $green: -62, $blue: -51);
-    $third-stop-hover: adjust-color($base-color, $red: -93, $green: -85, $blue: -66);
-    $fourth-stop-hover: adjust-color($base-color, $red: -86, $green: -80, $blue: -63);
-
-    @include linear-gradient(top, $first-stop-hover 0%, $second-stop-hover 50%, $third-stop-hover 50%, $fourth-stop-hover 100%);
-    cursor: pointer;
-  }
-
-  &:active {
-    $inset-shadow-active: adjust-color($base-color, $red: -111, $green: -116, $blue: -122);
-
-    @include box-shadow(inset 0 0 20px 0 $inset-shadow-active, 0 1px 0 #fff);
-  }
-}
-
-@mixin pill($base-color) {
-  $stop-gradient: adjust-color($base-color, $hue: 8, $saturation: 14%, $lightness: -10%);
-  $border-top: adjust-color($base-color, $hue: -1, $saturation: -30%, $lightness: -15%);
-  $border-sides: adjust-color($base-color, $hue: 4, $saturation: -21%, $lightness: -21%);
-  $border-bottom: adjust-color($base-color, $hue: 8, $saturation: -11%, $lightness: -26%);
-  $color: hsl(0, 0, 100%);
-  $inset-shadow: adjust-color($base-color, $hue: -1, $saturation: -1%, $lightness: 7%);
-  $text-shadow: adjust-color($base-color, $hue: 5, $saturation: -19%, $lightness: -15%);
-
-  @if lightness($base-color) > 70% {
-    $color: hsl(0, 0, 20%);
-    $text-shadow: adjust-color($base-color, $saturation: 10%, $lightness: 4%);
-  }
-
-  @include linear-gradient ($base-color, $stop-gradient);
-  border: 1px solid $border-top;
-  border-color: $border-top $border-sides $border-bottom;
-  @include border-radius(16px);
-  @include box-shadow(inset 0 1px 0 0 $inset-shadow, 0 1px 2px 0 #b3b3b3);
-  color: $color;
-  display: inline;
-  font-family: "lucida grande", sans-serif;
-  font-size: 11px;
-  font-weight: normal;
-  line-height: 1;
-  padding: 3px 16px 5px;
-  text-align: center;
-  text-shadow: 0 -1px 1px $text-shadow;
-  -webkit-background-clip: padding-box;
-
-  &:hover {
-    $base-color-hover: adjust-color($base-color, $lightness: -4.5%);
-    $stop-gradient-hover: adjust-color($base-color, $hue: 8, $saturation: -4%, $lightness: -15.5%);
-    $border-top: adjust-color($base-color, $hue: -1, $saturation: -17%, $lightness: -21%);
-    $border-sides: adjust-color($base-color, $hue: 4, $saturation: -2%, $lightness: -27%);
-    $border-bottom: adjust-color($base-color, $hue: 8, $saturation: 13.5%, $lightness: -32%);
-    $inset-shadow-hover: adjust-color($base-color, $saturation: -1%, $lightness: 3%);
-    $text-shadow-hover: adjust-color($base-color, $hue: 5, $saturation: -5%, $lightness: -22%);
-
-    @include linear-gradient ($base-color-hover, $stop-gradient-hover);
-    border: 1px solid $border-top;
-    border-color: $border-top $border-sides $border-bottom;
-    @include box-shadow(inset 0 1px 0 0 $inset-shadow-hover);
-    cursor: pointer;
-    text-shadow: 0 -1px 1px $text-shadow-hover;
-    -webkit-background-clip: padding-box;
-  }
-
-  &:active {
-    $active-color: adjust-color($base-color, $hue: 4, $saturation: -12%, $lightness: -10%);
-    $border-active: adjust-color($base-color, $hue: 6, $saturation: -2.5%, $lightness: -30%);
-    $border-bottom-active: adjust-color($base-color, $hue: 11, $saturation: 6%, $lightness: -31%);
-    $inset-shadow-active: adjust-color($base-color, $hue: 9, $saturation: 2%, $lightness: -21.5%);
-    $text-shadow-active: adjust-color($base-color, $hue: 5, $saturation: -12%, $lightness: -21.5%);
-
-    background: $active-color;
-    border: 1px solid $border-active;
-    border-bottom: 1px solid $border-bottom-active;
-    @include box-shadow(inset 0 0 6px 3px $inset-shadow-active, 0 1px 0 0 #fff);
-    text-shadow: 0 -1px 1px $text-shadow-active;
-  }
-}

data/app/assets/stylesheets/addons/_position.scss

@@ -1,30 +0,0 @@
-@mixin position ($position: relative, $coordinates: 0 0 0 0) {
-
-  @if type-of($position) == list {
-    $coordinates: $position;
-    $position: relative;
-  }
-
-  $top: nth($coordinates, 1);
-  $right: nth($coordinates, 2);
-  $bottom: nth($coordinates, 3);
-  $left: nth($coordinates, 4);
-
-  position: $position;
-
-  @if not(unitless($top)) {
-    top: $top;
-  }
-
-  @if not(unitless($right)) {
-    right: $right;
-  }
-
-  @if not(unitless($bottom)) {
-    bottom: $bottom;
-  }
-
-  @if not(unitless($left)) {
-    left: $left;
-  }
-}

data/app/assets/stylesheets/addons/_timing-functions.scss

@@ -1,29 +0,0 @@
-// CSS cubic-bezier timing functions. Timing functions courtesy of jquery.easie (github.com/jaukia/easie)
-// Timing functions are the same as demo'ed here: http://jqueryui.com/demos/effect/easing.html
-
-// EASE IN
-$ease-in-quad:      cubic-bezier(0.550, 0.085, 0.680, 0.530);
-$ease-in-cubic:     cubic-bezier(0.550, 0.055, 0.675, 0.190);
-$ease-in-quart:     cubic-bezier(0.895, 0.030, 0.685, 0.220);
-$ease-in-quint:     cubic-bezier(0.755, 0.050, 0.855, 0.060);
-$ease-in-sine:      cubic-bezier(0.470, 0.000, 0.745, 0.715);
-$ease-in-expo:      cubic-bezier(0.950, 0.050, 0.795, 0.035);
-$ease-in-circ:      cubic-bezier(0.600, 0.040, 0.980, 0.335);
-
-// EASE OUT
-$ease-out-quad:     cubic-bezier(0.250, 0.460, 0.450, 0.940);
-$ease-out-cubic:    cubic-bezier(0.215, 0.610, 0.355, 1.000);
-$ease-out-quart:    cubic-bezier(0.165, 0.840, 0.440, 1.000);
-$ease-out-quint:    cubic-bezier(0.230, 1.000, 0.320, 1.000);
-$ease-out-sine:     cubic-bezier(0.390, 0.575, 0.565, 1.000);
-$ease-out-expo:     cubic-bezier(0.190, 1.000, 0.220, 1.000);
-$ease-out-circ:     cubic-bezier(0.075, 0.820, 0.165, 1.000);
-
-// EASE IN OUT
-$ease-in-out-quad:  cubic-bezier(0.455, 0.030, 0.515, 0.955);
-$ease-in-out-cubic: cubic-bezier(0.645, 0.045, 0.355, 1.000);
-$ease-in-out-quart: cubic-bezier(0.770, 0.000, 0.175, 1.000);
-$ease-in-out-quint: cubic-bezier(0.860, 0.000, 0.070, 1.000);
-$ease-in-out-sine:  cubic-bezier(0.445, 0.050, 0.550, 0.950);
-$ease-in-out-expo:  cubic-bezier(1.000, 0.000, 0.000, 1.000);
-$ease-in-out-circ:  cubic-bezier(0.785, 0.135, 0.150, 0.860);

data/test/dummy/app/helpers/application_helper.rb

@@ -1,2 +0,0 @@
-module ApplicationHelper
-end

data/test/dummy/app/views/layouts/application.html.erb

@@ -1,14 +0,0 @@
-<!DOCTYPE html>
-<html>
-<head>
-  <title>Dummy</title>
-  <%= stylesheet_link_tag :all %>
-  <%= javascript_include_tag :defaults %>
-  <%= csrf_meta_tag %>
-</head>
-<body>
-
-<%= yield %>
-
-</body>
-</html>

data/test/dummy/config/database.yml

@@ -1,22 +0,0 @@
-# SQLite version 3.x
-#   gem install sqlite3
-development:
-  adapter: sqlite3
-  database: db/development.sqlite3
-  pool: 5
-  timeout: 5000
-
-# Warning: The database defined as "test" will be erased and
-# re-generated from your development database when you run "rake".
-# Do not set this db to the same as development or production.
-test:
-  adapter: sqlite3
-  database: db/test.sqlite3
-  pool: 5
-  timeout: 5000
-
-production:
-  adapter: sqlite3
-  database: db/production.sqlite3
-  pool: 5
-  timeout: 5000

data/test/dummy/public/javascripts/application.js

@@ -1,2 +0,0 @@
-// Place your application-specific JavaScript functions and classes here
-// This file is automatically included by javascript_include_tag :defaults