lavanda-tether 1.4.3
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 +1813 -0
- data/app/assets/stylesheets/tether.scss +1 -0
- data/app/assets/stylesheets/tether/helpers/_tether-theme-arrows.sass +192 -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 +45 -0
- data/lib/rails-assets-tether/version.rb +3 -0
- data/rails-assets-tether-1.4.3.gem +0 -0
- data/rails-assets-tether.gemspec +20 -0
- data/rails-assets-tether.json +32 -0
- metadata +93 -0
@@ -0,0 +1 @@
|
|
1
|
+
@import 'tether/tether.sass';
|
@@ -0,0 +1,192 @@
|
|
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
|
+
border-bottom: 0
|
42
|
+
|
43
|
+
&.#{ $themePrefix }-element-attached-top.#{ $themePrefix }-element-attached-center .#{ $themePrefix }-content
|
44
|
+
margin-top: $arrowSize
|
45
|
+
|
46
|
+
&:before
|
47
|
+
bottom: 100%
|
48
|
+
left: 50%
|
49
|
+
margin-left: - $arrowSize
|
50
|
+
border-bottom-color: $backgroundColor
|
51
|
+
border-top: 0
|
52
|
+
|
53
|
+
&.#{ $themePrefix }-element-attached-right.#{ $themePrefix }-element-attached-middle .#{ $themePrefix }-content
|
54
|
+
margin-right: $arrowSize
|
55
|
+
|
56
|
+
&:before
|
57
|
+
left: 100%
|
58
|
+
top: 50%
|
59
|
+
margin-top: - $arrowSize
|
60
|
+
border-left-color: $backgroundColor
|
61
|
+
border-right: 0
|
62
|
+
|
63
|
+
&.#{ $themePrefix }-element-attached-left.#{ $themePrefix }-element-attached-middle .#{ $themePrefix }-content
|
64
|
+
margin-left: $arrowSize
|
65
|
+
|
66
|
+
&:before
|
67
|
+
right: 100%
|
68
|
+
top: 50%
|
69
|
+
margin-top: - $arrowSize
|
70
|
+
border-right-color: $backgroundColor
|
71
|
+
border-left: 0
|
72
|
+
|
73
|
+
// Target middle/center, element corner
|
74
|
+
|
75
|
+
&.#{ $themePrefix }-element-attached-left.#{ $themePrefix }-target-attached-center .#{ $themePrefix }-content
|
76
|
+
left: - $arrowSize * 2
|
77
|
+
|
78
|
+
&.#{ $themePrefix }-element-attached-right.#{ $themePrefix }-target-attached-center .#{ $themePrefix }-content
|
79
|
+
left: $arrowSize * 2
|
80
|
+
|
81
|
+
&.#{ $themePrefix }-element-attached-top.#{ $themePrefix }-element-attached-left.#{ $themePrefix }-target-attached-middle .#{ $themePrefix }-content
|
82
|
+
margin-top: $arrowSize
|
83
|
+
|
84
|
+
&:before
|
85
|
+
bottom: 100%
|
86
|
+
left: $arrowSize
|
87
|
+
border-bottom-color: $backgroundColor
|
88
|
+
border-top: 0
|
89
|
+
|
90
|
+
&.#{ $themePrefix }-element-attached-top.#{ $themePrefix }-element-attached-right.#{ $themePrefix }-target-attached-middle .#{ $themePrefix }-content
|
91
|
+
margin-top: $arrowSize
|
92
|
+
|
93
|
+
&:before
|
94
|
+
bottom: 100%
|
95
|
+
right: $arrowSize
|
96
|
+
border-bottom-color: $backgroundColor
|
97
|
+
border-top: 0
|
98
|
+
|
99
|
+
&.#{ $themePrefix }-element-attached-bottom.#{ $themePrefix }-element-attached-left.#{ $themePrefix }-target-attached-middle .#{ $themePrefix }-content
|
100
|
+
margin-bottom: $arrowSize
|
101
|
+
|
102
|
+
&:before
|
103
|
+
top: 100%
|
104
|
+
left: $arrowSize
|
105
|
+
border-top-color: $backgroundColor
|
106
|
+
border-bottom: 0
|
107
|
+
|
108
|
+
&.#{ $themePrefix }-element-attached-bottom.#{ $themePrefix }-element-attached-right.#{ $themePrefix }-target-attached-middle .#{ $themePrefix }-content
|
109
|
+
margin-bottom: $arrowSize
|
110
|
+
|
111
|
+
&:before
|
112
|
+
top: 100%
|
113
|
+
right: $arrowSize
|
114
|
+
border-top-color: $backgroundColor
|
115
|
+
border-bottom: 0
|
116
|
+
|
117
|
+
|
118
|
+
// Top and bottom corners
|
119
|
+
|
120
|
+
&.#{ $themePrefix }-element-attached-top.#{ $themePrefix }-element-attached-left.#{ $themePrefix }-target-attached-bottom .#{ $themePrefix }-content
|
121
|
+
margin-top: $arrowSize
|
122
|
+
|
123
|
+
&:before
|
124
|
+
bottom: 100%
|
125
|
+
left: $arrowSize
|
126
|
+
border-bottom-color: $backgroundColor
|
127
|
+
border-top: 0
|
128
|
+
|
129
|
+
&.#{ $themePrefix }-element-attached-top.#{ $themePrefix }-element-attached-right.#{ $themePrefix }-target-attached-bottom .#{ $themePrefix }-content
|
130
|
+
margin-top: $arrowSize
|
131
|
+
|
132
|
+
&:before
|
133
|
+
bottom: 100%
|
134
|
+
right: $arrowSize
|
135
|
+
border-bottom-color: $backgroundColor
|
136
|
+
border-top: 0
|
137
|
+
|
138
|
+
&.#{ $themePrefix }-element-attached-bottom.#{ $themePrefix }-element-attached-left.#{ $themePrefix }-target-attached-top .#{ $themePrefix }-content
|
139
|
+
margin-bottom: $arrowSize
|
140
|
+
|
141
|
+
&:before
|
142
|
+
top: 100%
|
143
|
+
left: $arrowSize
|
144
|
+
border-top-color: $backgroundColor
|
145
|
+
border-bottom: 0
|
146
|
+
|
147
|
+
&.#{ $themePrefix }-element-attached-bottom.#{ $themePrefix }-element-attached-right.#{ $themePrefix }-target-attached-top .#{ $themePrefix }-content
|
148
|
+
margin-bottom: $arrowSize
|
149
|
+
|
150
|
+
&:before
|
151
|
+
top: 100%
|
152
|
+
right: $arrowSize
|
153
|
+
border-top-color: $backgroundColor
|
154
|
+
border-bottom: 0
|
155
|
+
|
156
|
+
// Side corners
|
157
|
+
|
158
|
+
&.#{ $themePrefix }-element-attached-top.#{ $themePrefix }-element-attached-right.#{ $themePrefix }-target-attached-left .#{ $themePrefix }-content
|
159
|
+
margin-right: $arrowSize
|
160
|
+
|
161
|
+
&:before
|
162
|
+
top: $arrowSize
|
163
|
+
left: 100%
|
164
|
+
border-left-color: $backgroundColor
|
165
|
+
border-right: 0
|
166
|
+
|
167
|
+
&.#{ $themePrefix }-element-attached-top.#{ $themePrefix }-element-attached-left.#{ $themePrefix }-target-attached-right .#{ $themePrefix }-content
|
168
|
+
margin-left: $arrowSize
|
169
|
+
|
170
|
+
&:before
|
171
|
+
top: $arrowSize
|
172
|
+
right: 100%
|
173
|
+
border-right-color: $backgroundColor
|
174
|
+
border-left: 0
|
175
|
+
|
176
|
+
&.#{ $themePrefix }-element-attached-bottom.#{ $themePrefix }-element-attached-right.#{ $themePrefix }-target-attached-left .#{ $themePrefix }-content
|
177
|
+
margin-right: $arrowSize
|
178
|
+
|
179
|
+
&:before
|
180
|
+
bottom: $arrowSize
|
181
|
+
left: 100%
|
182
|
+
border-left-color: $backgroundColor
|
183
|
+
border-right: 0
|
184
|
+
|
185
|
+
&.#{ $themePrefix }-element-attached-bottom.#{ $themePrefix }-element-attached-left.#{ $themePrefix }-target-attached-right .#{ $themePrefix }-content
|
186
|
+
margin-left: $arrowSize
|
187
|
+
|
188
|
+
&:before
|
189
|
+
bottom: $arrowSize
|
190
|
+
right: 100%
|
191
|
+
border-right-color: $backgroundColor
|
192
|
+
border-left: 0
|
@@ -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,45 @@
|
|
1
|
+
require "rails-assets-tether/version"
|
2
|
+
|
3
|
+
module RailsAssetsTether
|
4
|
+
|
5
|
+
def self.gem_path
|
6
|
+
Pathname(File.realpath(__FILE__)).join('../..')
|
7
|
+
end
|
8
|
+
|
9
|
+
def self.gem_spec
|
10
|
+
Gem::Specification::load(
|
11
|
+
gem_path.join("rails-assets-tether.gemspec").to_s
|
12
|
+
)
|
13
|
+
end
|
14
|
+
|
15
|
+
def self.load_paths
|
16
|
+
gem_path.join('app/assets').each_child.to_a
|
17
|
+
end
|
18
|
+
|
19
|
+
def self.dependencies
|
20
|
+
[
|
21
|
+
|
22
|
+
]
|
23
|
+
end
|
24
|
+
|
25
|
+
if defined?(Rails)
|
26
|
+
class Engine < ::Rails::Engine
|
27
|
+
# Rails -> use app/assets directory.
|
28
|
+
end
|
29
|
+
end
|
30
|
+
|
31
|
+
end
|
32
|
+
|
33
|
+
class RailsAssets
|
34
|
+
@components ||= []
|
35
|
+
|
36
|
+
class << self
|
37
|
+
attr_accessor :components
|
38
|
+
|
39
|
+
def load_paths
|
40
|
+
components.flat_map(&:load_paths)
|
41
|
+
end
|
42
|
+
end
|
43
|
+
end
|
44
|
+
|
45
|
+
RailsAssets.components << RailsAssetsTether
|
Binary file
|
@@ -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 = "lavanda-tether"
|
8
|
+
spec.version = RailsAssetsTether::VERSION
|
9
|
+
spec.authors = ["Lavanda"]
|
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
|
@@ -0,0 +1,32 @@
|
|
1
|
+
{
|
2
|
+
"name": "rails-assets-tether",
|
3
|
+
"downloads": null,
|
4
|
+
"version": "1.4.3",
|
5
|
+
"version_downloads": null,
|
6
|
+
"platform": "ruby",
|
7
|
+
"authors": "rails-assets.org",
|
8
|
+
"info": "A client-side library to make absolutely positioned elements attach to elements in the page efficiently.",
|
9
|
+
|
10
|
+
"licenses": "MIT",
|
11
|
+
|
12
|
+
"metadata": {
|
13
|
+
|
14
|
+
},
|
15
|
+
"sha": null,
|
16
|
+
"project_uri": "http://github.hubspot.com/tether",
|
17
|
+
"gem_uri": null,
|
18
|
+
"homepage_uri": "http://github.hubspot.com/tether",
|
19
|
+
"wiki_uri": null,
|
20
|
+
"documentation_uri": null,
|
21
|
+
"mailing_list_uri": null,
|
22
|
+
"source_code_uri": "http://github.hubspot.com/tether",
|
23
|
+
"bug_tracker_uri": null,
|
24
|
+
"dependencies": {
|
25
|
+
"development": [
|
26
|
+
|
27
|
+
],
|
28
|
+
"runtime": [
|
29
|
+
|
30
|
+
]
|
31
|
+
}
|
32
|
+
}
|
metadata
ADDED
@@ -0,0 +1,93 @@
|
|
1
|
+
--- !ruby/object:Gem::Specification
|
2
|
+
name: lavanda-tether
|
3
|
+
version: !ruby/object:Gem::Version
|
4
|
+
version: 1.4.3
|
5
|
+
platform: ruby
|
6
|
+
authors:
|
7
|
+
- Lavanda
|
8
|
+
autorequire:
|
9
|
+
bindir: bin
|
10
|
+
cert_chain: []
|
11
|
+
date: 2019-05-30 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-1.4.3.gem
|
66
|
+
- rails-assets-tether.gemspec
|
67
|
+
- rails-assets-tether.json
|
68
|
+
homepage: http://github.hubspot.com/tether
|
69
|
+
licenses:
|
70
|
+
- MIT
|
71
|
+
metadata: {}
|
72
|
+
post_install_message:
|
73
|
+
rdoc_options: []
|
74
|
+
require_paths:
|
75
|
+
- lib
|
76
|
+
required_ruby_version: !ruby/object:Gem::Requirement
|
77
|
+
requirements:
|
78
|
+
- - ">="
|
79
|
+
- !ruby/object:Gem::Version
|
80
|
+
version: '0'
|
81
|
+
required_rubygems_version: !ruby/object:Gem::Requirement
|
82
|
+
requirements:
|
83
|
+
- - ">="
|
84
|
+
- !ruby/object:Gem::Version
|
85
|
+
version: '0'
|
86
|
+
requirements: []
|
87
|
+
rubyforge_project:
|
88
|
+
rubygems_version: 2.5.2.3
|
89
|
+
signing_key:
|
90
|
+
specification_version: 4
|
91
|
+
summary: A client-side library to make absolutely positioned elements attach to elements
|
92
|
+
in the page efficiently.
|
93
|
+
test_files: []
|