rails-assets-tether 1.1.1
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +7 -0
- data/Gemfile +4 -0
- data/README.md +22 -0
- data/Rakefile +1 -0
- data/app/assets/javascripts/tether.js +1 -0
- data/app/assets/javascripts/tether/tether.js +1715 -0
- data/app/assets/stylesheets/tether.scss +1 -0
- data/app/assets/stylesheets/tether/helpers/_tether-theme-arrows.sass +135 -0
- data/app/assets/stylesheets/tether/helpers/_tether-theme-basic.sass +14 -0
- data/app/assets/stylesheets/tether/helpers/_tether.sass +12 -0
- data/app/assets/stylesheets/tether/mixins/_inline-block.sass +6 -0
- data/app/assets/stylesheets/tether/mixins/_pie-clearfix.sass +7 -0
- data/app/assets/stylesheets/tether/tether-theme-arrows-dark.sass +12 -0
- data/app/assets/stylesheets/tether/tether-theme-arrows.sass +12 -0
- data/app/assets/stylesheets/tether/tether-theme-basic.sass +10 -0
- data/app/assets/stylesheets/tether/tether.sass +5 -0
- data/lib/rails-assets-tether.rb +46 -0
- data/lib/rails-assets-tether/version.rb +3 -0
- data/rails-assets-tether.gemspec +20 -0
- metadata +91 -0
|
@@ -0,0 +1 @@
|
|
|
1
|
+
@import 'tether/tether.sass';
|
|
@@ -0,0 +1,135 @@
|
|
|
1
|
+
=tether-theme-arrows($themePrefix: "tether", $themeName: "arrows", $arrowSize: 16px, $arrowPointerEvents: null, $backgroundColor: #fff, $color: inherit, $useDropShadow: false)
|
|
2
|
+
.#{ $themePrefix }-element.#{ $themePrefix }-theme-#{ $themeName }
|
|
3
|
+
max-width: 100%
|
|
4
|
+
max-height: 100%
|
|
5
|
+
|
|
6
|
+
.#{ $themePrefix }-content
|
|
7
|
+
border-radius: 5px
|
|
8
|
+
position: relative
|
|
9
|
+
font-family: inherit
|
|
10
|
+
background: $backgroundColor
|
|
11
|
+
color: $color
|
|
12
|
+
padding: 1em
|
|
13
|
+
font-size: 1.1em
|
|
14
|
+
line-height: 1.5em
|
|
15
|
+
|
|
16
|
+
@if $useDropShadow
|
|
17
|
+
transform: translateZ(0)
|
|
18
|
+
filter: drop-shadow(0 1px 4px rgba(0, 0, 0, .2))
|
|
19
|
+
|
|
20
|
+
&:before
|
|
21
|
+
content: ""
|
|
22
|
+
display: block
|
|
23
|
+
position: absolute
|
|
24
|
+
width: 0
|
|
25
|
+
height: 0
|
|
26
|
+
border-color: transparent
|
|
27
|
+
border-width: $arrowSize
|
|
28
|
+
border-style: solid
|
|
29
|
+
pointer-events: $arrowPointerEvents
|
|
30
|
+
|
|
31
|
+
// Centers and middles
|
|
32
|
+
|
|
33
|
+
&.#{ $themePrefix }-element-attached-bottom.#{ $themePrefix }-element-attached-center .#{ $themePrefix }-content
|
|
34
|
+
margin-bottom: $arrowSize
|
|
35
|
+
|
|
36
|
+
&:before
|
|
37
|
+
top: 100%
|
|
38
|
+
left: 50%
|
|
39
|
+
margin-left: - $arrowSize
|
|
40
|
+
border-top-color: $backgroundColor
|
|
41
|
+
|
|
42
|
+
&.#{ $themePrefix }-element-attached-top.#{ $themePrefix }-element-attached-center .#{ $themePrefix }-content
|
|
43
|
+
margin-top: $arrowSize
|
|
44
|
+
|
|
45
|
+
&:before
|
|
46
|
+
bottom: 100%
|
|
47
|
+
left: 50%
|
|
48
|
+
margin-left: - $arrowSize
|
|
49
|
+
border-bottom-color: $backgroundColor
|
|
50
|
+
|
|
51
|
+
&.#{ $themePrefix }-element-attached-right.#{ $themePrefix }-element-attached-middle .#{ $themePrefix }-content
|
|
52
|
+
margin-right: $arrowSize
|
|
53
|
+
|
|
54
|
+
&:before
|
|
55
|
+
left: 100%
|
|
56
|
+
top: 50%
|
|
57
|
+
margin-top: - $arrowSize
|
|
58
|
+
border-left-color: $backgroundColor
|
|
59
|
+
|
|
60
|
+
&.#{ $themePrefix }-element-attached-left.#{ $themePrefix }-element-attached-middle .#{ $themePrefix }-content
|
|
61
|
+
margin-left: $arrowSize
|
|
62
|
+
|
|
63
|
+
&:before
|
|
64
|
+
right: 100%
|
|
65
|
+
top: 50%
|
|
66
|
+
margin-top: - $arrowSize
|
|
67
|
+
border-right-color: $backgroundColor
|
|
68
|
+
|
|
69
|
+
// Top and bottom corners
|
|
70
|
+
|
|
71
|
+
&.#{ $themePrefix }-element-attached-top.#{ $themePrefix }-element-attached-left.#{ $themePrefix }-target-attached-bottom .#{ $themePrefix }-content
|
|
72
|
+
margin-top: $arrowSize
|
|
73
|
+
|
|
74
|
+
&:before
|
|
75
|
+
bottom: 100%
|
|
76
|
+
left: $arrowSize
|
|
77
|
+
border-bottom-color: $backgroundColor
|
|
78
|
+
|
|
79
|
+
&.#{ $themePrefix }-element-attached-top.#{ $themePrefix }-element-attached-right.#{ $themePrefix }-target-attached-bottom .#{ $themePrefix }-content
|
|
80
|
+
margin-top: $arrowSize
|
|
81
|
+
|
|
82
|
+
&:before
|
|
83
|
+
bottom: 100%
|
|
84
|
+
right: $arrowSize
|
|
85
|
+
border-bottom-color: $backgroundColor
|
|
86
|
+
|
|
87
|
+
&.#{ $themePrefix }-element-attached-bottom.#{ $themePrefix }-element-attached-left.#{ $themePrefix }-target-attached-top .#{ $themePrefix }-content
|
|
88
|
+
margin-bottom: $arrowSize
|
|
89
|
+
|
|
90
|
+
&:before
|
|
91
|
+
top: 100%
|
|
92
|
+
left: $arrowSize
|
|
93
|
+
border-top-color: $backgroundColor
|
|
94
|
+
|
|
95
|
+
&.#{ $themePrefix }-element-attached-bottom.#{ $themePrefix }-element-attached-right.#{ $themePrefix }-target-attached-top .#{ $themePrefix }-content
|
|
96
|
+
margin-bottom: $arrowSize
|
|
97
|
+
|
|
98
|
+
&:before
|
|
99
|
+
top: 100%
|
|
100
|
+
right: $arrowSize
|
|
101
|
+
border-top-color: $backgroundColor
|
|
102
|
+
|
|
103
|
+
// Side corners
|
|
104
|
+
|
|
105
|
+
&.#{ $themePrefix }-element-attached-top.#{ $themePrefix }-element-attached-right.#{ $themePrefix }-target-attached-left .#{ $themePrefix }-content
|
|
106
|
+
margin-right: $arrowSize
|
|
107
|
+
|
|
108
|
+
&:before
|
|
109
|
+
top: $arrowSize
|
|
110
|
+
left: 100%
|
|
111
|
+
border-left-color: $backgroundColor
|
|
112
|
+
|
|
113
|
+
&.#{ $themePrefix }-element-attached-top.#{ $themePrefix }-element-attached-left.#{ $themePrefix }-target-attached-right .#{ $themePrefix }-content
|
|
114
|
+
margin-left: $arrowSize
|
|
115
|
+
|
|
116
|
+
&:before
|
|
117
|
+
top: $arrowSize
|
|
118
|
+
right: 100%
|
|
119
|
+
border-right-color: $backgroundColor
|
|
120
|
+
|
|
121
|
+
&.#{ $themePrefix }-element-attached-bottom.#{ $themePrefix }-element-attached-right.#{ $themePrefix }-target-attached-left .#{ $themePrefix }-content
|
|
122
|
+
margin-right: $arrowSize
|
|
123
|
+
|
|
124
|
+
&:before
|
|
125
|
+
bottom: $arrowSize
|
|
126
|
+
left: 100%
|
|
127
|
+
border-left-color: $backgroundColor
|
|
128
|
+
|
|
129
|
+
&.#{ $themePrefix }-element-attached-bottom.#{ $themePrefix }-element-attached-left.#{ $themePrefix }-target-attached-right .#{ $themePrefix }-content
|
|
130
|
+
margin-left: $arrowSize
|
|
131
|
+
|
|
132
|
+
&:before
|
|
133
|
+
bottom: $arrowSize
|
|
134
|
+
right: 100%
|
|
135
|
+
border-right-color: $backgroundColor
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
=tether-theme-basic($themePrefix: "tether", $themeName: "basic", $backgroundColor: #fff, $color: inherit)
|
|
2
|
+
.#{ $themePrefix }-element.#{ $themePrefix }-theme-#{ $themeName }
|
|
3
|
+
max-width: 100%
|
|
4
|
+
max-height: 100%
|
|
5
|
+
|
|
6
|
+
.#{ $themePrefix }-content
|
|
7
|
+
border-radius: 5px
|
|
8
|
+
box-shadow: 0 2px 8px rgba(0, 0, 0, .2)
|
|
9
|
+
font-family: inherit
|
|
10
|
+
background: $backgroundColor
|
|
11
|
+
color: $color
|
|
12
|
+
padding: 1em
|
|
13
|
+
font-size: 1.1em
|
|
14
|
+
line-height: 1.5em
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
=tether($themePrefix: "tether")
|
|
2
|
+
.#{ $themePrefix }-element, .#{ $themePrefix }-element *
|
|
3
|
+
|
|
4
|
+
&, &:after, &:before
|
|
5
|
+
box-sizing: border-box
|
|
6
|
+
|
|
7
|
+
.#{ $themePrefix }-element
|
|
8
|
+
position: absolute
|
|
9
|
+
display: none
|
|
10
|
+
|
|
11
|
+
&.#{ $themePrefix }-open
|
|
12
|
+
display: block
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
@import helpers/tether
|
|
2
|
+
@import helpers/tether-theme-arrows
|
|
3
|
+
|
|
4
|
+
$themePrefix: "tether"
|
|
5
|
+
$themeName: "arrows-dark"
|
|
6
|
+
$arrowSize: 16px
|
|
7
|
+
$backgroundColor: #000
|
|
8
|
+
$color: #fff
|
|
9
|
+
$useDropShadow: false
|
|
10
|
+
|
|
11
|
+
+tether($themePrefix: $themePrefix)
|
|
12
|
+
+tether-theme-arrows($themePrefix: $themePrefix, $themeName: $themeName, $arrowSize: $arrowSize, $backgroundColor: $backgroundColor, $color: $color, $useDropShadow: $useDropShadow)
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
@import helpers/tether
|
|
2
|
+
@import helpers/tether-theme-arrows
|
|
3
|
+
|
|
4
|
+
$themePrefix: "tether"
|
|
5
|
+
$themeName: "arrows"
|
|
6
|
+
$arrowSize: 16px
|
|
7
|
+
$backgroundColor: #fff
|
|
8
|
+
$color: inherit
|
|
9
|
+
$useDropShadow: true
|
|
10
|
+
|
|
11
|
+
+tether($themePrefix: $themePrefix)
|
|
12
|
+
+tether-theme-arrows($themePrefix: $themePrefix, $themeName: $themeName, $arrowSize: $arrowSize, $backgroundColor: $backgroundColor, $color: $color, $useDropShadow: $useDropShadow)
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
@import helpers/tether
|
|
2
|
+
@import helpers/tether-theme-basic
|
|
3
|
+
|
|
4
|
+
$themePrefix: "tether"
|
|
5
|
+
$themeName: "basic"
|
|
6
|
+
$backgroundColor: #fff
|
|
7
|
+
$color: inherit
|
|
8
|
+
|
|
9
|
+
+tether($themePrefix: $themePrefix)
|
|
10
|
+
+tether-theme-basic($themePrefix: $themePrefix, $themeName: $themeName, $backgroundColor: $backgroundColor, $color: $color)
|
|
@@ -0,0 +1,46 @@
|
|
|
1
|
+
require "rails-assets-tether/version"
|
|
2
|
+
|
|
3
|
+
|
|
4
|
+
module RailsAssetsTether
|
|
5
|
+
|
|
6
|
+
def self.gem_path
|
|
7
|
+
Pathname(File.realpath(__FILE__)).join('../..')
|
|
8
|
+
end
|
|
9
|
+
|
|
10
|
+
def self.gem_spec
|
|
11
|
+
Gem::Specification::load(
|
|
12
|
+
gem_path.join("rails-assets-tether.gemspec").to_s
|
|
13
|
+
)
|
|
14
|
+
end
|
|
15
|
+
|
|
16
|
+
def self.load_paths
|
|
17
|
+
gem_path.join('app/assets').each_child.to_a
|
|
18
|
+
end
|
|
19
|
+
|
|
20
|
+
def self.dependencies
|
|
21
|
+
[
|
|
22
|
+
|
|
23
|
+
]
|
|
24
|
+
end
|
|
25
|
+
|
|
26
|
+
if defined?(Rails)
|
|
27
|
+
class Engine < ::Rails::Engine
|
|
28
|
+
# Rails -> use app/assets directory.
|
|
29
|
+
end
|
|
30
|
+
end
|
|
31
|
+
|
|
32
|
+
end
|
|
33
|
+
|
|
34
|
+
class RailsAssets
|
|
35
|
+
@components ||= []
|
|
36
|
+
|
|
37
|
+
class << self
|
|
38
|
+
attr_accessor :components
|
|
39
|
+
|
|
40
|
+
def load_paths
|
|
41
|
+
components.flat_map(&:load_paths)
|
|
42
|
+
end
|
|
43
|
+
end
|
|
44
|
+
end
|
|
45
|
+
|
|
46
|
+
RailsAssets.components << RailsAssetsTether
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
# coding: utf-8
|
|
2
|
+
lib = File.expand_path('../lib', __FILE__)
|
|
3
|
+
$LOAD_PATH.unshift(lib) unless $LOAD_PATH.include?(lib)
|
|
4
|
+
require 'rails-assets-tether/version'
|
|
5
|
+
|
|
6
|
+
Gem::Specification.new do |spec|
|
|
7
|
+
spec.name = "rails-assets-tether"
|
|
8
|
+
spec.version = RailsAssetsTether::VERSION
|
|
9
|
+
spec.authors = ["rails-assets.org"]
|
|
10
|
+
spec.description = "A client-side library to make absolutely positioned elements attach to elements in the page efficiently."
|
|
11
|
+
spec.summary = "A client-side library to make absolutely positioned elements attach to elements in the page efficiently."
|
|
12
|
+
spec.homepage = "http://github.hubspot.com/tether"
|
|
13
|
+
spec.license = "MIT"
|
|
14
|
+
|
|
15
|
+
spec.files = `find ./* -type f | cut -b 3-`.split($/)
|
|
16
|
+
spec.require_paths = ["lib"]
|
|
17
|
+
|
|
18
|
+
spec.add_development_dependency "bundler", "~> 1.3"
|
|
19
|
+
spec.add_development_dependency "rake"
|
|
20
|
+
end
|
metadata
ADDED
|
@@ -0,0 +1,91 @@
|
|
|
1
|
+
--- !ruby/object:Gem::Specification
|
|
2
|
+
name: rails-assets-tether
|
|
3
|
+
version: !ruby/object:Gem::Version
|
|
4
|
+
version: 1.1.1
|
|
5
|
+
platform: ruby
|
|
6
|
+
authors:
|
|
7
|
+
- rails-assets.org
|
|
8
|
+
autorequire:
|
|
9
|
+
bindir: bin
|
|
10
|
+
cert_chain: []
|
|
11
|
+
date: 2016-01-23 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
|
+
description: A client-side library to make absolutely positioned elements attach to
|
|
42
|
+
elements in the page efficiently.
|
|
43
|
+
email:
|
|
44
|
+
executables: []
|
|
45
|
+
extensions: []
|
|
46
|
+
extra_rdoc_files: []
|
|
47
|
+
files:
|
|
48
|
+
- Gemfile
|
|
49
|
+
- README.md
|
|
50
|
+
- Rakefile
|
|
51
|
+
- app/assets/javascripts/tether.js
|
|
52
|
+
- app/assets/javascripts/tether/tether.js
|
|
53
|
+
- app/assets/stylesheets/tether.scss
|
|
54
|
+
- app/assets/stylesheets/tether/helpers/_tether-theme-arrows.sass
|
|
55
|
+
- app/assets/stylesheets/tether/helpers/_tether-theme-basic.sass
|
|
56
|
+
- app/assets/stylesheets/tether/helpers/_tether.sass
|
|
57
|
+
- app/assets/stylesheets/tether/mixins/_inline-block.sass
|
|
58
|
+
- app/assets/stylesheets/tether/mixins/_pie-clearfix.sass
|
|
59
|
+
- app/assets/stylesheets/tether/tether-theme-arrows-dark.sass
|
|
60
|
+
- app/assets/stylesheets/tether/tether-theme-arrows.sass
|
|
61
|
+
- app/assets/stylesheets/tether/tether-theme-basic.sass
|
|
62
|
+
- app/assets/stylesheets/tether/tether.sass
|
|
63
|
+
- lib/rails-assets-tether.rb
|
|
64
|
+
- lib/rails-assets-tether/version.rb
|
|
65
|
+
- rails-assets-tether.gemspec
|
|
66
|
+
homepage: http://github.hubspot.com/tether
|
|
67
|
+
licenses:
|
|
68
|
+
- MIT
|
|
69
|
+
metadata: {}
|
|
70
|
+
post_install_message:
|
|
71
|
+
rdoc_options: []
|
|
72
|
+
require_paths:
|
|
73
|
+
- lib
|
|
74
|
+
required_ruby_version: !ruby/object:Gem::Requirement
|
|
75
|
+
requirements:
|
|
76
|
+
- - ">="
|
|
77
|
+
- !ruby/object:Gem::Version
|
|
78
|
+
version: '0'
|
|
79
|
+
required_rubygems_version: !ruby/object:Gem::Requirement
|
|
80
|
+
requirements:
|
|
81
|
+
- - ">="
|
|
82
|
+
- !ruby/object:Gem::Version
|
|
83
|
+
version: '0'
|
|
84
|
+
requirements: []
|
|
85
|
+
rubyforge_project:
|
|
86
|
+
rubygems_version: 2.4.5
|
|
87
|
+
signing_key:
|
|
88
|
+
specification_version: 4
|
|
89
|
+
summary: A client-side library to make absolutely positioned elements attach to elements
|
|
90
|
+
in the page efficiently.
|
|
91
|
+
test_files: []
|