hintcss-rails 1.3.0

checksums.yaml

@@ -0,0 +1,7 @@
+---
+SHA1:
+  metadata.gz: 153e19a3ea0927d7628de00cd158f0682dd1f4f3
+  data.tar.gz: 44e7ccc8ec2996b899d1acafd7abe1635c466977
+SHA512:
+  metadata.gz: c109263e8e5f0f8a6bb3ce8e57830bcf7d45ee11ab1b81c25edff7cf61ed7327ffe1da73373d19b4dd8a7d174e193baa71036db79fd7ae78eb08010b6d9d3a14
+  data.tar.gz: 202ed2d6537388e57a0f089354098d10b358dab7b4f8b82c29f77c251ea0afff1dfe358208eef3a22edf07260751abe1d20348e016b9a0aca66f06bb2d9373ed

data/.gitignore

@@ -0,0 +1,14 @@
+*.gem
+*.rbc
+.bundle
+.config
+Gemfile.lock
+InstalledFiles
+doc/
+lib/bundler/man
+pkg
+rdoc
+spec/reports
+test/tmp
+test/version_tmp
+tmp

data/.travis.yml

@@ -0,0 +1,4 @@
+language: ruby
+rvm:
+  - 1.9.3
+  - 2.0.0

data/Gemfile

@@ -0,0 +1,4 @@
+source 'https://rubygems.org'
+
+# Specify your gem's dependencies in hintcss-rails.gemspec
+gemspec

data/LICENSE.txt

@@ -0,0 +1,22 @@
+Copyright (c) 2013 Wilkin Novo
+
+MIT License
+
+Permission is hereby granted, free of charge, to any person obtaining
+a copy of this software and associated documentation files (the
+"Software"), to deal in the Software without restriction, including
+without limitation the rights to use, copy, modify, merge, publish,
+distribute, sublicense, and/or sell copies of the Software, and to
+permit persons to whom the Software is furnished to do so, subject to
+the following conditions:
+
+The above copyright notice and this permission notice shall be
+included in all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
+MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
+NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE
+LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION
+OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION
+WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

data/README.md

@@ -0,0 +1,41 @@
+# Hintcss-Rails
+
+A tooltip library in CSS for your lovely websites
+
+hint.css is written as a pure CSS resource using which you can create cool tooltips for your web app. It does not rely on JavaScript and rather uses data-* attribute, pseudo elements, content property and CSS3 transitions to create the tooltips. Also it uses BEM naming convention particularly for the modifiers.
+
+Demo: http://kushagragour.in/lab/hint
+
+The hintcss-rails project integrates Hint CSS v1.3.0 tooltip with the Rails' Asset Pipeline
+
+**Current hintcss version = this gem's version
+
+[![Build Status](https://travis-ci.org/wilkinn/hintcss-rails.png?branch=master)](https://travis-ci.org/wilkinn/hintcss-rails)
+
+# Installation
+
+
+Inside your Gemfile add the following line:
+
+```ruby
+group :assets do
+  gem 'hintcss-rails'
+end
+```
+
+Then run `bundle install` to install the gem.
+
+## What now?
+
+```bash
+$ rails g hintcss:install
+```
+
+
+## Contributing
+
+1. Fork it
+2. Create your feature branch (`git checkout -b my-new-feature`)
+3. Commit your changes (`git commit -am 'Add some feature'`)
+4. Push to the branch (`git push origin my-new-feature`)
+5. Create new Pull Request

data/Rakefile

@@ -0,0 +1,7 @@
+require "bundler/gem_tasks"
+
+desc "Bundle the gem"
+task :bundle do
+  sh 'bundle install'
+end
+task :default => :bundle

data/app/assets/stylesheets/hintcss/hint-always.scss

@@ -0,0 +1,33 @@
+/**
+ * source: hint-always.scss
+ *
+ * Defines a persisted tooltip which shows always.
+ * 
+ * Classes added:
+ * 	1) hint--always
+ * 	
+ */
+
+.hint--always {
+	&:after, &:before {
+		opacity: 1;
+		visibility: visible;
+	}
+
+	&.hint--top {
+		@include set-margin('translateY', -1);
+	}
+
+	&.hint--bottom {
+		@include set-margin('translateY', 1);
+	}
+
+	&.hint--left {
+		@include set-margin('translateX', -1);
+	}
+
+	&.hint--right {
+		@include set-margin('translateX', 1);
+	}
+}
+

data/app/assets/stylesheets/hintcss/hint-color-types.scss

@@ -0,0 +1,52 @@
+/**
+ * source: hint-color-types.scss
+ *
+ * Contains tooltips of various types based on color differences.
+ * 
+ * Classes added:
+ * 	1) hint--error
+ * 	2) hint--warning
+ * 	3) hint--info
+ * 	4) hint--success
+ * 	
+ */
+
+
+// mixin to generate different color style tooltips
+@mixin hint-type($color) {
+	&:after {
+		background-color: $color;
+		text-shadow: 0 -1px 0px darken($color, $textShadowDarkenAmount);
+	}
+
+	// generate arrow color style
+	@include arrow-border-color($color);
+}
+
+/**
+ * Error
+ */
+.hint--error {
+	@include hint-type($errorColor);
+}
+
+/**
+ * Warning
+ */
+.hint--warning {
+	@include hint-type($warningColor)
+}
+
+/**
+ * Info
+ */
+.hint--info {
+	@include hint-type($infoColor)
+}
+
+/**
+ * Success
+ */
+.hint--success {
+	@include hint-type($successColor)
+}

data/app/assets/stylesheets/hintcss/hint-core.scss

@@ -0,0 +1,72 @@
+/**
+ * source: hint-core.scss
+ *
+ * Defines the basic styling for the tooltip.
+ * Each tooltip is made of 2 parts:
+ * 	1) body (:after)
+ * 	2) arrow (:before)
+ * 
+ * Classes added:
+ * 	1) hint
+ */
+
+.hint, [data-hint] {
+	position: relative;
+	display: inline-block;
+
+	&:before, &:after {
+		position: absolute;
+
+		// HACK: Trigger hardware accelerated rendering, otherwise transform was not
+		// working on a hidden element
+		-webkit-transform: translate3d(0, 0, 0);
+		-moz-transform: translate3d(0, 0, 0);
+		transform: translate3d(0, 0, 0);
+		
+		// HACK: visibility is set to hidden because IE & Opera don't support
+		// pointer-events on HTML content yet because of which hovering a hidden tooltip
+		// shows the tooltip.
+		visibility: hidden;
+		opacity: 0;
+		z-index: $zIndex;
+		// shouldn't receive pointer events, otherwise even hovering tooltip will make it appear
+		pointer-events: none;
+
+		-webkit-transition: 0.3s ease;
+		-moz-transition: 0.3s ease;
+		transition: 0.3s ease;
+	}
+
+	&:hover:before, &:hover:after,
+	&:focus:before, &:focus:after {
+		visibility: visible;
+		opacity: 1;
+	}
+
+	/**
+	 * tooltip arrow
+	 */
+	&:before {
+		content: '';
+		position: absolute;
+		background: transparent;
+		border: $arrowBorderWidth solid transparent;
+		// move z-index 1 up than :after so that it shows over box-shadow
+		z-index: 1000001;
+	}
+
+	/**
+	 * tooltip body
+	 */
+	&:after {
+		content: attr(data-hint);
+		background: $defaultColor;
+		color: white;
+		text-shadow: 0 -1px 0px darken($defaultColor, $textShadowDarkenAmount);
+		padding: 8px 10px;
+		font-size: 12px;
+		line-height: 12px;
+		white-space: nowrap;
+		box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.3);
+	}
+}

data/app/assets/stylesheets/hintcss/hint-effects.scss

@@ -0,0 +1,17 @@
+/**
+ * source: hint-effects.scss
+ *
+ * Defines various transition effects for the tooltips.
+ * 
+ * Classes added:
+ * 	1) hint--bounce
+ * 	
+ */
+
+.hint--bounce {
+	&:before, &:after {
+		-webkit-transition: opacity 0.3s ease, visibility 0.3s ease, -webkit-transform 0.3s cubic-bezier(.71,1.7,.77,1.24);
+		-moz-transition: opacity 0.3s ease, visibility 0.3s ease, -moz-transform 0.3s cubic-bezier(.71,1.7,.77,1.24);
+		transition: opacity 0.3s ease, visibility 0.3s ease, transform 0.3s cubic-bezier(.71,1.7,.77,1.24);
+	}
+}

data/app/assets/stylesheets/hintcss/hint-mixins.scss

@@ -0,0 +1,32 @@
+// hint-mixins.scss
+// 
+// Place to store common mixins.
+
+
+// Generates border-color rules for all 4 positions
+@mixin arrow-border-color($color, $isInsideSelector: "true") {
+	@each $position in top, bottom, left, right {
+		// if the current mixin is called from within a selector, use a '&'. Otherwise not.
+		@if $isInsideSelector == "true" {
+			&.hint--#{$position}:before {
+				border-#{$position}-color: $color;
+			}
+		}
+		@else {
+			.hint--#{$position}:before {
+				border-#{$position}-color: $color;
+			}
+		}
+	}
+}
+
+
+// mixin to set margin on tooltip using translate transform
+@mixin set-margin($property, $transitionDirection) {
+	$value: unquote("#{$property}(#{$transitionDistance * $transitionDirection})");
+	&:after, &:before {
+		-webkit-transform: $value;
+		-moz-transform: $value;
+		transform: $value;
+	}
+}

data/app/assets/stylesheets/hintcss/hint-position.scss

@@ -0,0 +1,89 @@
+/**
+ * source: hint-position.scss
+ *
+ * Defines the positoning logic for the tooltips.
+ * 
+ * Classes added:
+ * 	1) hint--top
+ * 	2) hint--bottom
+ * 	3) hint--left
+ * 	4) hint--right
+ */
+
+@mixin vertical-positioned-tooltip($propertyY, $transitionDirection) {
+	&:before {
+		// get the arrow out
+		margin-#{$propertyY}: -2 * $arrowBorderWidth;
+	}
+
+	&:after {
+		// bring back the tooltip by some offset so that arrow doesn't stick at end
+		margin-left: -1 * $arrowOffsetX;
+	}
+
+	&:before, &:after {
+		#{$propertyY}: 100%;
+		left: 50%;
+	}
+
+	&:hover, &:focus {
+		@include set-margin('translateY', $transitionDirection);
+	}
+}
+
+@mixin horizontal-positioned-tooltip($propertyX, $transitionDirection) {
+	&:before {
+		// get the arrow out
+		margin-#{$propertyX}: -2 * $arrowBorderWidth;
+		// bring back to center
+		margin-bottom: -1 * $arrowBorderWidth;
+	}
+
+	&:after {
+		// bring back to center
+		margin-bottom: -1 * floor($tooltipHeight / 2);
+	}
+
+	&:before, &:after {
+		#{$propertyX}: 100%;
+		bottom: 50%;
+	}
+
+	&:hover, &:focus {
+		@include set-margin('translateX', $transitionDirection);
+	}
+}
+
+
+/**
+ * set default color for tooltip arrows
+ */
+@include arrow-border-color($defaultColor, 'false');
+
+/**
+ * top tooltip
+ */
+.hint--top {
+	@include vertical-positioned-tooltip('bottom', -1);
+}
+
+/**
+ * bottom tooltip
+ */
+.hint--bottom {
+	@include vertical-positioned-tooltip('top', 1);
+}
+
+/**
+ * right tooltip
+ */
+.hint--right {
+	@include horizontal-positioned-tooltip('left', 1);
+}
+
+/**
+ * left tooltip
+ */
+.hint--left {
+	@include horizontal-positioned-tooltip('right', -1);
+}

data/app/assets/stylesheets/hintcss/hint-rounded.scss

@@ -0,0 +1,15 @@
+/**
+ * source: hint-rounded.scss
+ *
+ * Defines rounded corner tooltips.
+ * 
+ * Classes added:
+ * 	1) hint--rounded
+ *  
+ */
+ 
+.hint--rounded {
+	&:after {
+		border-radius: 4px;
+	}
+}

data/app/assets/stylesheets/hintcss/hint-variables.scss

@@ -0,0 +1,39 @@
+// hint-variables.scss
+// 
+// Declares some variables used within the library.
+
+
+// default tooltip height
+$tooltipHeight: 28px !default;
+
+// border-width for tooltip arrow
+$arrowBorderWidth: 6px !default;
+
+// horizontal arrow offset
+$arrowOffsetX: 3 * $arrowBorderWidth !default;
+
+// text-shadow darken percentage
+$textShadowDarkenAmount: 25% !default;
+
+// transition distance
+$transitionDistance: 8px !default;
+
+// z-index for tooltips
+$zIndex: 1000000 !default;
+
+
+// Various colors
+// Default color is blackish
+$defaultColor: hsl(0, 0%, 22%) !default;
+
+// Error color
+$errorColor: hsl(1, 40%, 50%) !default;
+
+// Warning color
+$warningColor: hsl(38, 46%, 54%) !default;
+
+// Info Color
+$infoColor: hsl(200, 50%, 45%) !default;
+
+// Success Color
+$successColor: hsl(121, 32%, 40%) !default;

data/hintcss-rails.gemspec

@@ -0,0 +1,24 @@
+# coding: utf-8
+lib = File.expand_path('../lib', __FILE__)
+$LOAD_PATH.unshift(lib) unless $LOAD_PATH.include?(lib)
+require 'hintcss-rails/version'
+
+Gem::Specification.new do |spec|
+  spec.name = "hintcss-rails"
+  spec.version = Hintcss::VERSION
+  spec.authors = ["Wilkin Novo"]
+  spec.email = ["novos100@gmail.com"]
+  spec.homepage = "https://github.com/wilkinn/hintcss-rails"
+  spec.description = %q{A tooltip library in CSS for your lovely websites}
+  spec.summary = %q{The hintcss-rails project integrates Hintcss tooltip with the Rails' Asset Pipeline}
+  spec.license = "MIT"
+
+  spec.files = `git ls-files`.split($/)
+  spec.executables = spec.files.grep(%r{^bin/}) { |f| File.basename(f) }
+  spec.test_files = spec.files.grep(%r{^(test|spec|features)/})
+  spec.require_paths = ["lib"]
+
+  spec.add_dependency("railties", ">= 3.2.6", "< 5")
+  spec.add_development_dependency "bundler", "~> 1.3"
+  spec.add_development_dependency "rake"
+end

data/lib/hintcss-rails.rb

@@ -0,0 +1,7 @@
+require 'rails'
+require 'hintcss-rails/version'
+require 'hintcss-rails/generators/install_generator'
+
+module Hintcss
+  require 'hintcss-rails/engine'
+end

data/lib/hintcss-rails/engine.rb

@@ -0,0 +1,4 @@
+module Hintcss
+  class Engine < ::Rails::Engine
+  end
+end

data/lib/hintcss-rails/generators/includes/application.css

@@ -0,0 +1,8 @@
+/*
+* This is a manifest file that'll automatically include all the stylesheets available in this directory
+* and any sub-directories. You're free to add application-wide styles to this file and they'll appear at
+* the top of the compiled file, but it's generally better to create a new file per style scope.
+*= require_self
+*= require hintcss
+*= require_tree .
+*/

data/lib/hintcss-rails/generators/includes/src.css.scss

@@ -0,0 +1,8 @@
+@import "hintcss/hint-variables";
+@import "hintcss/hint-mixins";
+@import "hintcss/hint-core";
+@import "hintcss/hint-position";
+@import "hintcss/hint-color-types";
+@import "hintcss/hint-always";
+@import "hintcss/hint-rounded";
+@import "hintcss/hint-effects";

data/lib/hintcss-rails/generators/install_generator.rb

@@ -0,0 +1,32 @@
+require 'rails/generators'
+
+module Hintcss
+  module Generators
+    class InstallGenerator < ::Rails::Generators::Base
+      source_root File.expand_path("../includes/", __FILE__)
+      argument :stylesheets_type, :type => :string, :default => 'src'
+
+
+      def add_hintcss
+        copy_stylesheet(stylesheets_type)
+
+        css_manifest = 'app/assets/stylesheets/application.css'
+        if File.exist?(css_manifest)
+          style_require_block = " *= require hintcss\n"
+          insert_into_file css_manifest, style_require_block, :after => "require_self\n"
+        else
+          copy_file "application.css", "app/assets/stylesheets/application.css"
+        end
+      end
+
+      private
+      def copy_stylesheet(type)
+        if type == 'src'
+          copy_file "#{stylesheets_type}.css.scss", "app/assets/stylesheets/hintcss.css.scss"
+        else
+          raise "You must have supplied a wrong command:("
+        end
+      end
+    end
+  end
+end

data/lib/hintcss-rails/version.rb

@@ -0,0 +1,3 @@
+module Hintcss
+    VERSION = "1.3.0"
+end

metadata

@@ -0,0 +1,114 @@
+--- !ruby/object:Gem::Specification
+name: hintcss-rails
+version: !ruby/object:Gem::Version
+  version: 1.3.0
+platform: ruby
+authors:
+- Wilkin Novo
+autorequire: 
+bindir: bin
+cert_chain: []
+date: 2013-09-04 00:00:00.000000000 Z
+dependencies:
+- !ruby/object:Gem::Dependency
+  name: railties
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - '>='
+      - !ruby/object:Gem::Version
+        version: 3.2.6
+    - - <
+      - !ruby/object:Gem::Version
+        version: '5'
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - '>='
+      - !ruby/object:Gem::Version
+        version: 3.2.6
+    - - <
+      - !ruby/object:Gem::Version
+        version: '5'
+- !ruby/object:Gem::Dependency
+  name: bundler
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - ~>
+      - !ruby/object:Gem::Version
+        version: '1.3'
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - ~>
+      - !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
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - '>='
+      - !ruby/object:Gem::Version
+        version: '0'
+description: A tooltip library in CSS for your lovely websites
+email:
+- novos100@gmail.com
+executables: []
+extensions: []
+extra_rdoc_files: []
+files:
+- .gitignore
+- .travis.yml
+- Gemfile
+- LICENSE.txt
+- README.md
+- Rakefile
+- app/assets/stylesheets/hintcss/hint-always.scss
+- app/assets/stylesheets/hintcss/hint-color-types.scss
+- app/assets/stylesheets/hintcss/hint-core.scss
+- app/assets/stylesheets/hintcss/hint-effects.scss
+- app/assets/stylesheets/hintcss/hint-mixins.scss
+- app/assets/stylesheets/hintcss/hint-position.scss
+- app/assets/stylesheets/hintcss/hint-rounded.scss
+- app/assets/stylesheets/hintcss/hint-variables.scss
+- hintcss-rails.gemspec
+- lib/hintcss-rails.rb
+- lib/hintcss-rails/engine.rb
+- lib/hintcss-rails/generators/includes/application.css
+- lib/hintcss-rails/generators/includes/src.css.scss
+- lib/hintcss-rails/generators/install_generator.rb
+- lib/hintcss-rails/version.rb
+homepage: https://github.com/wilkinn/hintcss-rails
+licenses:
+- MIT
+metadata: {}
+post_install_message: 
+rdoc_options: []
+require_paths:
+- lib
+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.3
+signing_key: 
+specification_version: 4
+summary: The hintcss-rails project integrates Hintcss tooltip with the Rails' Asset
+  Pipeline
+test_files: []