hint 1.2.2
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +7 -0
- data/.gitignore +18 -0
- data/Gemfile +3 -0
- data/LICENSE.txt +22 -0
- data/README.md +82 -0
- data/Rakefile +1 -0
- data/hint.gemspec +27 -0
- data/lib/hint.rb +50 -0
- data/lib/hint/engine.rb +7 -0
- data/lib/hint/version.rb +3 -0
- data/templates/project/manifest.rb +5 -0
- data/templates/project/screen.scss +1 -0
- data/vendor/assets/stylesheets/hint.scss +27 -0
- data/vendor/assets/stylesheets/hint/_always.scss +42 -0
- data/vendor/assets/stylesheets/hint/_color_types.scss +52 -0
- data/vendor/assets/stylesheets/hint/_core.scss +72 -0
- data/vendor/assets/stylesheets/hint/_mixins.scss +21 -0
- data/vendor/assets/stylesheets/hint/_position.scss +93 -0
- data/vendor/assets/stylesheets/hint/_rounded.scss +15 -0
- data/vendor/assets/stylesheets/hint/_variables.scss +36 -0
- metadata +134 -0
checksums.yaml
ADDED
@@ -0,0 +1,7 @@
|
|
1
|
+
---
|
2
|
+
SHA1:
|
3
|
+
metadata.gz: d82923b5721402ed17e28f28e84b3e720f554053
|
4
|
+
data.tar.gz: e40988050bdab3ccf7c2b1336da603a03f49e528
|
5
|
+
SHA512:
|
6
|
+
metadata.gz: a2ebf224553785cee605ce2b3dde2329274a57e6942305dd06811ea04140d3246ff890e3dd56082343b4ddf29b4ccbfb30505feeac390897bea09cf66695fe39
|
7
|
+
data.tar.gz: 1c430cfe3a67235d3e91dfc4edc277c857ddee7316ce0a0c1f25764b25ddf65109400e562296c6371e6f08accaedc21ac1c82773f5fccfc049f99662dc5fe623
|
data/.gitignore
ADDED
data/Gemfile
ADDED
data/LICENSE.txt
ADDED
@@ -0,0 +1,22 @@
|
|
1
|
+
Copyright (c) 2013 Miroslav Kyurchev
|
2
|
+
|
3
|
+
MIT License
|
4
|
+
|
5
|
+
Permission is hereby granted, free of charge, to any person obtaining
|
6
|
+
a copy of this software and associated documentation files (the
|
7
|
+
"Software"), to deal in the Software without restriction, including
|
8
|
+
without limitation the rights to use, copy, modify, merge, publish,
|
9
|
+
distribute, sublicense, and/or sell copies of the Software, and to
|
10
|
+
permit persons to whom the Software is furnished to do so, subject to
|
11
|
+
the following conditions:
|
12
|
+
|
13
|
+
The above copyright notice and this permission notice shall be
|
14
|
+
included in all copies or substantial portions of the Software.
|
15
|
+
|
16
|
+
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
|
17
|
+
EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
|
18
|
+
MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
|
19
|
+
NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE
|
20
|
+
LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION
|
21
|
+
OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION
|
22
|
+
WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
|
data/README.md
ADDED
@@ -0,0 +1,82 @@
|
|
1
|
+
# Hint
|
2
|
+
|
3
|
+
This is gem-bundled version of [Hint.css](http://github.com/chinchang/hint.css), ready to use with Rails or Compass.
|
4
|
+
|
5
|
+
Hint.css is a tooltip library written in SASS which uses only HTML/CSS to create simple tooltips. 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.
|
6
|
+
|
7
|
+
## Installation
|
8
|
+
|
9
|
+
Add this line to your application's Gemfile:
|
10
|
+
|
11
|
+
```ruby
|
12
|
+
gem 'hint'
|
13
|
+
```
|
14
|
+
|
15
|
+
Or install it yourself as:
|
16
|
+
|
17
|
+
```sh
|
18
|
+
$ gem install hint
|
19
|
+
```
|
20
|
+
|
21
|
+
### Rails
|
22
|
+
|
23
|
+
Import hint in an SCSS file:
|
24
|
+
|
25
|
+
```scss
|
26
|
+
@import "hint";
|
27
|
+
```
|
28
|
+
|
29
|
+
or require it via Sprockets:
|
30
|
+
|
31
|
+
```css
|
32
|
+
/*
|
33
|
+
*= require hint
|
34
|
+
*/
|
35
|
+
```
|
36
|
+
|
37
|
+
### Compass
|
38
|
+
|
39
|
+
Create new project:
|
40
|
+
|
41
|
+
```sh
|
42
|
+
$ compass create <project name> -r hint -u hint
|
43
|
+
```
|
44
|
+
|
45
|
+
or update an existing:
|
46
|
+
|
47
|
+
```ruby
|
48
|
+
# In config.rb
|
49
|
+
require "hint"
|
50
|
+
```
|
51
|
+
|
52
|
+
## Usage
|
53
|
+
|
54
|
+
Any element on your page which needs to have a tooltip has to be given at least one of the position classes: `hint--top`, `hint--bottom`, `hint--left`, `hint--right` to position the tooltip.
|
55
|
+
|
56
|
+
```html
|
57
|
+
Hello Sir, <span class="hint--bottom">hover me.</span>
|
58
|
+
```
|
59
|
+
|
60
|
+
The tooltip text needs to be given using the `data-hint` attribute on that element.
|
61
|
+
|
62
|
+
```html
|
63
|
+
Hello Sir, <span class="hint--bottom" data-hint="Thank you!">hover me.</span>
|
64
|
+
```
|
65
|
+
|
66
|
+
Use it with other available modifiers in various combinations. Available modifiers:
|
67
|
+
- `hint--error`
|
68
|
+
- `hint--info`
|
69
|
+
- `hint--warning`
|
70
|
+
- `hint--success`
|
71
|
+
- `hint--always`
|
72
|
+
- `hint--rounded`
|
73
|
+
|
74
|
+
Check out some examples at http://kushagragour.in/lab/hint/
|
75
|
+
|
76
|
+
## Contributing
|
77
|
+
|
78
|
+
1. Fork it
|
79
|
+
2. Create your feature branch (`git checkout -b my-new-feature`)
|
80
|
+
3. Commit your changes (`git commit -am 'Add some feature'`)
|
81
|
+
4. Push to the branch (`git push origin my-new-feature`)
|
82
|
+
5. Create new Pull Request
|
data/Rakefile
ADDED
@@ -0,0 +1 @@
|
|
1
|
+
require "bundler/gem_tasks"
|
data/hint.gemspec
ADDED
@@ -0,0 +1,27 @@
|
|
1
|
+
# coding: utf-8
|
2
|
+
lib = File.expand_path('../lib', __FILE__)
|
3
|
+
$LOAD_PATH.unshift(lib) unless $LOAD_PATH.include?(lib)
|
4
|
+
require 'hint/version'
|
5
|
+
|
6
|
+
Gem::Specification.new do |spec|
|
7
|
+
spec.name = "hint"
|
8
|
+
spec.version = Hint::VERSION
|
9
|
+
spec.authors = ["Miroslav Kyurchev"]
|
10
|
+
spec.email = ["mkyurchev@gmail.com"]
|
11
|
+
spec.description = "Hint.css is a tooltip library written in SASS which uses only HTML/CSS to create simple tooltips."
|
12
|
+
spec.summary = "A tooltip library in CSS ready to use with Rails or Compass."
|
13
|
+
spec.homepage = "http://github.com/mkyurchev/hint"
|
14
|
+
spec.license = "MIT"
|
15
|
+
|
16
|
+
spec.files = `git ls-files`.split($/)
|
17
|
+
spec.executables = spec.files.grep(%r{^bin/}) { |f| File.basename(f) }
|
18
|
+
spec.test_files = spec.files.grep(%r{^(test|spec|features)/})
|
19
|
+
spec.require_paths = ["lib"]
|
20
|
+
|
21
|
+
spec.add_development_dependency "bundler", "~> 1.3"
|
22
|
+
spec.add_development_dependency "rake"
|
23
|
+
spec.add_development_dependency "compass", ">= 0.12.2"
|
24
|
+
spec.add_development_dependency "sass-rails", ">= 3.2"
|
25
|
+
|
26
|
+
spec.add_runtime_dependency "sass", ">= 3.2.0"
|
27
|
+
end
|
data/lib/hint.rb
ADDED
@@ -0,0 +1,50 @@
|
|
1
|
+
require "hint/version"
|
2
|
+
|
3
|
+
module Hint
|
4
|
+
class FrameworkNotFound < StandardError; end
|
5
|
+
|
6
|
+
# Inspired by Kaminari and bootstrap-sass
|
7
|
+
def self.load!
|
8
|
+
if compass?
|
9
|
+
register_compass_extension
|
10
|
+
end
|
11
|
+
|
12
|
+
if rails?
|
13
|
+
require 'sass-rails'
|
14
|
+
register_rails_engine
|
15
|
+
end
|
16
|
+
|
17
|
+
if !(rails? || compass?)
|
18
|
+
raise Hint::FrameworkNotFound, "hint requires either Rails > 3.1 or Compass, neither of which are loaded"
|
19
|
+
end
|
20
|
+
|
21
|
+
stylesheets = File.expand_path(File.join("..", 'vendor', 'assets', 'stylesheets'))
|
22
|
+
::Sass.load_paths << stylesheets
|
23
|
+
end
|
24
|
+
|
25
|
+
private
|
26
|
+
def self.asset_pipeline?
|
27
|
+
defined?(::Sprockets)
|
28
|
+
end
|
29
|
+
|
30
|
+
def self.compass?
|
31
|
+
defined?(::Compass)
|
32
|
+
end
|
33
|
+
|
34
|
+
def self.rails?
|
35
|
+
defined?(::Rails)
|
36
|
+
end
|
37
|
+
|
38
|
+
def self.register_compass_extension
|
39
|
+
base = File.join(File.dirname(__FILE__), '..')
|
40
|
+
styles = File.join(base, 'vendor', 'assets', 'stylesheets')
|
41
|
+
templates = File.join(base, 'templates')
|
42
|
+
::Compass::Frameworks.register('hint', :path => base, :stylesheets_directory => styles, :templates_directory => templates)
|
43
|
+
end
|
44
|
+
|
45
|
+
def self.register_rails_engine
|
46
|
+
require 'hint/engine'
|
47
|
+
end
|
48
|
+
end
|
49
|
+
|
50
|
+
Hint.load!
|
data/lib/hint/engine.rb
ADDED
data/lib/hint/version.rb
ADDED
@@ -0,0 +1 @@
|
|
1
|
+
@import "hint";
|
@@ -0,0 +1,27 @@
|
|
1
|
+
// hint.scss
|
2
|
+
//
|
3
|
+
// Aggregates all other sass files.
|
4
|
+
|
5
|
+
/*-------------------------------------*\
|
6
|
+
HINT.css - A CSS tooltip library
|
7
|
+
\*-------------------------------------*/
|
8
|
+
|
9
|
+
|
10
|
+
/**
|
11
|
+
* HINT.css is a tooltip library made in pure CSS.
|
12
|
+
*
|
13
|
+
* Source: https://github.com/chinchang/hint.css
|
14
|
+
* Demo: http://kushagragour.in/labs/hint/
|
15
|
+
*
|
16
|
+
* Release under The MIT License
|
17
|
+
*
|
18
|
+
*/
|
19
|
+
|
20
|
+
|
21
|
+
@import "hint/variables";
|
22
|
+
@import "hint/mixins";
|
23
|
+
@import "hint/core";
|
24
|
+
@import "hint/position";
|
25
|
+
@import "hint/color_types";
|
26
|
+
@import "hint/always";
|
27
|
+
@import "hint/rounded";
|
@@ -0,0 +1,42 @@
|
|
1
|
+
/**
|
2
|
+
* source: hint/_always.scss
|
3
|
+
*
|
4
|
+
* Defines a persisted tooltip which shows always.
|
5
|
+
*
|
6
|
+
* Classes added:
|
7
|
+
* 1) hint--always
|
8
|
+
*
|
9
|
+
*/
|
10
|
+
|
11
|
+
// mixin to set margin on tooltip using translate transform
|
12
|
+
@mixin set-margin($property, $transitionDirection) {
|
13
|
+
&:after, &:before {
|
14
|
+
-webkit-transform: #{$property}($transitionDirection * $transitionDistance);
|
15
|
+
-moz-transform: #{$property}($transitionDirection * $transitionDistance);
|
16
|
+
transform: #{$property}($transitionDirection * $transitionDistance);
|
17
|
+
}
|
18
|
+
}
|
19
|
+
|
20
|
+
.hint--always {
|
21
|
+
&:after, &:before {
|
22
|
+
opacity: 1;
|
23
|
+
visibility: visible;
|
24
|
+
}
|
25
|
+
|
26
|
+
&.hint--top {
|
27
|
+
@include set-margin('translateY', -1);
|
28
|
+
}
|
29
|
+
|
30
|
+
&.hint--bottom {
|
31
|
+
@include set-margin('translateY', 1);
|
32
|
+
}
|
33
|
+
|
34
|
+
&.hint--left {
|
35
|
+
@include set-margin('translateX', -1);
|
36
|
+
}
|
37
|
+
|
38
|
+
&.hint--right {
|
39
|
+
@include set-margin('translateX', 1);
|
40
|
+
}
|
41
|
+
}
|
42
|
+
|
@@ -0,0 +1,52 @@
|
|
1
|
+
/**
|
2
|
+
* source: hint/_color_types.scss
|
3
|
+
*
|
4
|
+
* Contains tooltips of various types based on color differences.
|
5
|
+
*
|
6
|
+
* Classes added:
|
7
|
+
* 1) hint--error
|
8
|
+
* 2) hint--warning
|
9
|
+
* 3) hint--info
|
10
|
+
* 4) hint--success
|
11
|
+
*
|
12
|
+
*/
|
13
|
+
|
14
|
+
|
15
|
+
// mixin to generate different color style tooltips
|
16
|
+
@mixin hint-type($color) {
|
17
|
+
&:after {
|
18
|
+
background-color: $color;
|
19
|
+
text-shadow: 0 -1px 0px darken($color, $textShadowDarkenAmount);
|
20
|
+
}
|
21
|
+
|
22
|
+
// generate arrow color style
|
23
|
+
@include arrow-border-color($color);
|
24
|
+
}
|
25
|
+
|
26
|
+
/**
|
27
|
+
* Error
|
28
|
+
*/
|
29
|
+
.hint--error {
|
30
|
+
@include hint-type($errorColor);
|
31
|
+
}
|
32
|
+
|
33
|
+
/**
|
34
|
+
* Warning
|
35
|
+
*/
|
36
|
+
.hint--warning {
|
37
|
+
@include hint-type($warningColor)
|
38
|
+
}
|
39
|
+
|
40
|
+
/**
|
41
|
+
* Info
|
42
|
+
*/
|
43
|
+
.hint--info {
|
44
|
+
@include hint-type($infoColor)
|
45
|
+
}
|
46
|
+
|
47
|
+
/**
|
48
|
+
* Success
|
49
|
+
*/
|
50
|
+
.hint--success {
|
51
|
+
@include hint-type($successColor)
|
52
|
+
}
|
@@ -0,0 +1,72 @@
|
|
1
|
+
/**
|
2
|
+
* source: hint/_core.scss
|
3
|
+
*
|
4
|
+
* Defines the basic styling for the tooltip.
|
5
|
+
* Each tooltip is made of 2 parts:
|
6
|
+
* 1) body (:after)
|
7
|
+
* 2) arrow (:before)
|
8
|
+
*
|
9
|
+
* Classes added:
|
10
|
+
* 1) hint
|
11
|
+
*/
|
12
|
+
|
13
|
+
.hint, [data-hint] {
|
14
|
+
position: relative;
|
15
|
+
display: inline-block;
|
16
|
+
|
17
|
+
&:before, &:after {
|
18
|
+
position: absolute;
|
19
|
+
|
20
|
+
// HACK: Trigger hardware accelerated rendering, otherwise transform was not
|
21
|
+
// working on a hidden element
|
22
|
+
-webkit-transform: translate3d(0, 0, 0);
|
23
|
+
-moz-transform: translate3d(0, 0, 0);
|
24
|
+
transform: translate3d(0, 0, 0);
|
25
|
+
|
26
|
+
// HACK: visibility is set to hidden because IE & Opera don't support
|
27
|
+
// pointer-events on HTML content yet because of which hovering a hidden tooltip
|
28
|
+
// shows the tooltip.
|
29
|
+
visibility: hidden;
|
30
|
+
opacity: 0;
|
31
|
+
z-index: 1000000;
|
32
|
+
// shouldn't receive pointer events, otherwise even hovering tooltip will make it appear
|
33
|
+
pointer-events: none;
|
34
|
+
|
35
|
+
// pseudo element transition is gonna come soon: https://bugs.webkit.org/show_bug.cgi?id=92591
|
36
|
+
-webkit-transition: 0.3s ease;
|
37
|
+
-moz-transition: 0.3s ease;
|
38
|
+
transition: 0.3s ease;
|
39
|
+
}
|
40
|
+
|
41
|
+
&:hover:before, &:hover:after {
|
42
|
+
visibility: visible;
|
43
|
+
opacity: 1;
|
44
|
+
}
|
45
|
+
|
46
|
+
/**
|
47
|
+
* tooltip arrow
|
48
|
+
*/
|
49
|
+
&:before {
|
50
|
+
content: '';
|
51
|
+
position: absolute;
|
52
|
+
background: transparent;
|
53
|
+
border: $arrowBorderWidth solid transparent;
|
54
|
+
// move z-index 1 up than :after so that it shows over box-shadow
|
55
|
+
z-index: 1000001;
|
56
|
+
}
|
57
|
+
|
58
|
+
/**
|
59
|
+
* tooltip body
|
60
|
+
*/
|
61
|
+
&:after {
|
62
|
+
content: attr(data-hint);
|
63
|
+
background: $defaultColor;
|
64
|
+
color: white;
|
65
|
+
text-shadow: 0 -1px 0px darken($defaultColor, $textShadowDarkenAmount);
|
66
|
+
padding: 8px 10px;
|
67
|
+
font-size: 12px;
|
68
|
+
line-height: 12px;
|
69
|
+
white-space: nowrap;
|
70
|
+
box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.3);
|
71
|
+
}
|
72
|
+
}
|
@@ -0,0 +1,21 @@
|
|
1
|
+
// hint/_mixins.scss
|
2
|
+
//
|
3
|
+
// Place to store common mixins.
|
4
|
+
|
5
|
+
|
6
|
+
// Generates border-color rules for all 4 positions
|
7
|
+
@mixin arrow-border-color($color, $isInsideSelector: "true") {
|
8
|
+
@each $position in top, bottom, left, right {
|
9
|
+
// if the current mixin is called from within a selector, use a '&'. Otherwise not.
|
10
|
+
@if $isInsideSelector == "true" {
|
11
|
+
&.hint--#{$position}:before {
|
12
|
+
border-#{$position}-color: $color;
|
13
|
+
}
|
14
|
+
}
|
15
|
+
@else {
|
16
|
+
.hint--#{$position}:before {
|
17
|
+
border-#{$position}-color: $color;
|
18
|
+
}
|
19
|
+
}
|
20
|
+
}
|
21
|
+
}
|
@@ -0,0 +1,93 @@
|
|
1
|
+
/**
|
2
|
+
* source: hint/_position.scss
|
3
|
+
*
|
4
|
+
* Defines the positoning logic for the tooltips.
|
5
|
+
*
|
6
|
+
* Classes added:
|
7
|
+
* 1) hint--top
|
8
|
+
* 2) hint--bottom
|
9
|
+
* 3) hint--left
|
10
|
+
* 4) hint--right
|
11
|
+
*/
|
12
|
+
|
13
|
+
@mixin vertical-positioned-tooltip($propertyY, $transitionDirection) {
|
14
|
+
&:before {
|
15
|
+
// get the arrow out
|
16
|
+
margin-#{$propertyY}: -2 * $arrowBorderWidth;
|
17
|
+
}
|
18
|
+
|
19
|
+
&:after {
|
20
|
+
// bring back the tooltip by some offset so that arrow doesn't stick at end
|
21
|
+
margin-left: -1 * $arrowOffsetX;
|
22
|
+
}
|
23
|
+
|
24
|
+
&:before, &:after {
|
25
|
+
#{$propertyY}: 100%;
|
26
|
+
left: 50%;
|
27
|
+
}
|
28
|
+
|
29
|
+
&:hover:before, &:hover:after {
|
30
|
+
-webkit-transform: translateY($transitionDirection * $transitionDistance);
|
31
|
+
-moz-transform: translateY($transitionDirection * $transitionDistance);
|
32
|
+
transform: translateY($transitionDirection * $transitionDistance);
|
33
|
+
}
|
34
|
+
}
|
35
|
+
|
36
|
+
@mixin horizontal-positioned-tooltip($propertyX, $transitionDirection) {
|
37
|
+
&:before {
|
38
|
+
// get the arrow out
|
39
|
+
margin-#{$propertyX}: -2 * $arrowBorderWidth;
|
40
|
+
// bring back to center
|
41
|
+
margin-bottom: -1 * $arrowBorderWidth;
|
42
|
+
}
|
43
|
+
|
44
|
+
&:after {
|
45
|
+
// bring back to center
|
46
|
+
margin-bottom: -1 * floor($tooltipHeight / 2);
|
47
|
+
}
|
48
|
+
|
49
|
+
&:before, &:after {
|
50
|
+
#{$propertyX}: 100%;
|
51
|
+
bottom: 50%;
|
52
|
+
}
|
53
|
+
|
54
|
+
&:hover:before, &:hover:after {
|
55
|
+
-webkit-transform: translateX($transitionDirection * $transitionDistance);
|
56
|
+
-moz-transform: translateX($transitionDirection * $transitionDistance);
|
57
|
+
transform: translateX($transitionDirection * $transitionDistance);
|
58
|
+
}
|
59
|
+
}
|
60
|
+
|
61
|
+
|
62
|
+
/**
|
63
|
+
* set default color for tooltip arrows
|
64
|
+
*/
|
65
|
+
@include arrow-border-color($defaultColor, 'false');
|
66
|
+
|
67
|
+
/**
|
68
|
+
* top tooltip
|
69
|
+
*/
|
70
|
+
.hint--top {
|
71
|
+
@include vertical-positioned-tooltip('bottom', -1);
|
72
|
+
}
|
73
|
+
|
74
|
+
/**
|
75
|
+
* bottom tooltip
|
76
|
+
*/
|
77
|
+
.hint--bottom {
|
78
|
+
@include vertical-positioned-tooltip('top', 1);
|
79
|
+
}
|
80
|
+
|
81
|
+
/**
|
82
|
+
* right tooltip
|
83
|
+
*/
|
84
|
+
.hint--right {
|
85
|
+
@include horizontal-positioned-tooltip('left', 1);
|
86
|
+
}
|
87
|
+
|
88
|
+
/**
|
89
|
+
* left tooltip
|
90
|
+
*/
|
91
|
+
.hint--left {
|
92
|
+
@include horizontal-positioned-tooltip('right', -1);
|
93
|
+
}
|
@@ -0,0 +1,36 @@
|
|
1
|
+
// hint/_variables.scss
|
2
|
+
//
|
3
|
+
// Declares some variables used within the library.
|
4
|
+
|
5
|
+
|
6
|
+
// default tooltip height
|
7
|
+
$tooltipHeight: 28px !default;
|
8
|
+
|
9
|
+
// border-width for tooltip arrow
|
10
|
+
$arrowBorderWidth: 6px !default;
|
11
|
+
|
12
|
+
// horizontal arrow offset
|
13
|
+
$arrowOffsetX: 3 * $arrowBorderWidth !default;
|
14
|
+
|
15
|
+
// text-shadow darken percentage
|
16
|
+
$textShadowDarkenAmount: 25% !default;
|
17
|
+
|
18
|
+
// transition distance
|
19
|
+
$transitionDistance: 8px !default;
|
20
|
+
|
21
|
+
|
22
|
+
// Various colors
|
23
|
+
// Default color is blackish
|
24
|
+
$defaultColor: hsl(0, 0%, 22%) !default;
|
25
|
+
|
26
|
+
// Error color
|
27
|
+
$errorColor: hsl(1, 40%, 50%) !default;
|
28
|
+
|
29
|
+
// Warning color
|
30
|
+
$warningColor: hsl(38, 46%, 54%) !default;
|
31
|
+
|
32
|
+
// Info Color
|
33
|
+
$infoColor: hsl(200, 50%, 45%) !default;
|
34
|
+
|
35
|
+
// Success Color
|
36
|
+
$successColor: hsl(121, 32%, 40%) !default;
|
metadata
ADDED
@@ -0,0 +1,134 @@
|
|
1
|
+
--- !ruby/object:Gem::Specification
|
2
|
+
name: hint
|
3
|
+
version: !ruby/object:Gem::Version
|
4
|
+
version: 1.2.2
|
5
|
+
platform: ruby
|
6
|
+
authors:
|
7
|
+
- Miroslav Kyurchev
|
8
|
+
autorequire:
|
9
|
+
bindir: bin
|
10
|
+
cert_chain: []
|
11
|
+
date: 2013-07-20 00:00:00.000000000 Z
|
12
|
+
dependencies:
|
13
|
+
- !ruby/object:Gem::Dependency
|
14
|
+
name: bundler
|
15
|
+
requirement: !ruby/object:Gem::Requirement
|
16
|
+
requirements:
|
17
|
+
- - ~>
|
18
|
+
- !ruby/object:Gem::Version
|
19
|
+
version: '1.3'
|
20
|
+
type: :development
|
21
|
+
prerelease: false
|
22
|
+
version_requirements: !ruby/object:Gem::Requirement
|
23
|
+
requirements:
|
24
|
+
- - ~>
|
25
|
+
- !ruby/object:Gem::Version
|
26
|
+
version: '1.3'
|
27
|
+
- !ruby/object:Gem::Dependency
|
28
|
+
name: rake
|
29
|
+
requirement: !ruby/object:Gem::Requirement
|
30
|
+
requirements:
|
31
|
+
- - '>='
|
32
|
+
- !ruby/object:Gem::Version
|
33
|
+
version: '0'
|
34
|
+
type: :development
|
35
|
+
prerelease: false
|
36
|
+
version_requirements: !ruby/object:Gem::Requirement
|
37
|
+
requirements:
|
38
|
+
- - '>='
|
39
|
+
- !ruby/object:Gem::Version
|
40
|
+
version: '0'
|
41
|
+
- !ruby/object:Gem::Dependency
|
42
|
+
name: compass
|
43
|
+
requirement: !ruby/object:Gem::Requirement
|
44
|
+
requirements:
|
45
|
+
- - '>='
|
46
|
+
- !ruby/object:Gem::Version
|
47
|
+
version: 0.12.2
|
48
|
+
type: :development
|
49
|
+
prerelease: false
|
50
|
+
version_requirements: !ruby/object:Gem::Requirement
|
51
|
+
requirements:
|
52
|
+
- - '>='
|
53
|
+
- !ruby/object:Gem::Version
|
54
|
+
version: 0.12.2
|
55
|
+
- !ruby/object:Gem::Dependency
|
56
|
+
name: sass-rails
|
57
|
+
requirement: !ruby/object:Gem::Requirement
|
58
|
+
requirements:
|
59
|
+
- - '>='
|
60
|
+
- !ruby/object:Gem::Version
|
61
|
+
version: '3.2'
|
62
|
+
type: :development
|
63
|
+
prerelease: false
|
64
|
+
version_requirements: !ruby/object:Gem::Requirement
|
65
|
+
requirements:
|
66
|
+
- - '>='
|
67
|
+
- !ruby/object:Gem::Version
|
68
|
+
version: '3.2'
|
69
|
+
- !ruby/object:Gem::Dependency
|
70
|
+
name: sass
|
71
|
+
requirement: !ruby/object:Gem::Requirement
|
72
|
+
requirements:
|
73
|
+
- - '>='
|
74
|
+
- !ruby/object:Gem::Version
|
75
|
+
version: 3.2.0
|
76
|
+
type: :runtime
|
77
|
+
prerelease: false
|
78
|
+
version_requirements: !ruby/object:Gem::Requirement
|
79
|
+
requirements:
|
80
|
+
- - '>='
|
81
|
+
- !ruby/object:Gem::Version
|
82
|
+
version: 3.2.0
|
83
|
+
description: Hint.css is a tooltip library written in SASS which uses only HTML/CSS
|
84
|
+
to create simple tooltips.
|
85
|
+
email:
|
86
|
+
- mkyurchev@gmail.com
|
87
|
+
executables: []
|
88
|
+
extensions: []
|
89
|
+
extra_rdoc_files: []
|
90
|
+
files:
|
91
|
+
- .gitignore
|
92
|
+
- Gemfile
|
93
|
+
- LICENSE.txt
|
94
|
+
- README.md
|
95
|
+
- Rakefile
|
96
|
+
- hint.gemspec
|
97
|
+
- lib/hint.rb
|
98
|
+
- lib/hint/engine.rb
|
99
|
+
- lib/hint/version.rb
|
100
|
+
- templates/project/manifest.rb
|
101
|
+
- templates/project/screen.scss
|
102
|
+
- vendor/assets/stylesheets/hint.scss
|
103
|
+
- vendor/assets/stylesheets/hint/_always.scss
|
104
|
+
- vendor/assets/stylesheets/hint/_color_types.scss
|
105
|
+
- vendor/assets/stylesheets/hint/_core.scss
|
106
|
+
- vendor/assets/stylesheets/hint/_mixins.scss
|
107
|
+
- vendor/assets/stylesheets/hint/_position.scss
|
108
|
+
- vendor/assets/stylesheets/hint/_rounded.scss
|
109
|
+
- vendor/assets/stylesheets/hint/_variables.scss
|
110
|
+
homepage: http://github.com/mkyurchev/hint
|
111
|
+
licenses:
|
112
|
+
- MIT
|
113
|
+
metadata: {}
|
114
|
+
post_install_message:
|
115
|
+
rdoc_options: []
|
116
|
+
require_paths:
|
117
|
+
- lib
|
118
|
+
required_ruby_version: !ruby/object:Gem::Requirement
|
119
|
+
requirements:
|
120
|
+
- - '>='
|
121
|
+
- !ruby/object:Gem::Version
|
122
|
+
version: '0'
|
123
|
+
required_rubygems_version: !ruby/object:Gem::Requirement
|
124
|
+
requirements:
|
125
|
+
- - '>='
|
126
|
+
- !ruby/object:Gem::Version
|
127
|
+
version: '0'
|
128
|
+
requirements: []
|
129
|
+
rubyforge_project:
|
130
|
+
rubygems_version: 2.0.3
|
131
|
+
signing_key:
|
132
|
+
specification_version: 4
|
133
|
+
summary: A tooltip library in CSS ready to use with Rails or Compass.
|
134
|
+
test_files: []
|