remodal-rails 1.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -0,0 +1,311 @@
1
+ /*
2
+ * Remodal - v1.1.0
3
+ * Responsive, lightweight, fast, synchronized with CSS animations, fully customizable modal window plugin with declarative configuration and hash tracking.
4
+ * http://vodkabears.github.io/remodal/
5
+ *
6
+ * Made by Ilya Makarov
7
+ * Under MIT License
8
+ */
9
+
10
+ /* ==========================================================================
11
+ Remodal's default mobile first theme
12
+ ========================================================================== */
13
+
14
+ /* Default theme styles for the background */
15
+
16
+ .remodal-bg.remodal-is-opening,
17
+ .remodal-bg.remodal-is-opened {
18
+ -webkit-filter: blur(3px);
19
+ filter: blur(3px);
20
+ }
21
+
22
+ /* Default theme styles of the overlay */
23
+
24
+ .remodal-overlay {
25
+ background: rgba(43, 46, 56, 0.9);
26
+ }
27
+
28
+ .remodal-overlay.remodal-is-opening,
29
+ .remodal-overlay.remodal-is-closing {
30
+ -webkit-animation-duration: 0.3s;
31
+ animation-duration: 0.3s;
32
+ -webkit-animation-fill-mode: forwards;
33
+ animation-fill-mode: forwards;
34
+ }
35
+
36
+ .remodal-overlay.remodal-is-opening {
37
+ -webkit-animation-name: remodal-overlay-opening-keyframes;
38
+ animation-name: remodal-overlay-opening-keyframes;
39
+ }
40
+
41
+ .remodal-overlay.remodal-is-closing {
42
+ -webkit-animation-name: remodal-overlay-closing-keyframes;
43
+ animation-name: remodal-overlay-closing-keyframes;
44
+ }
45
+
46
+ /* Default theme styles of the wrapper */
47
+
48
+ .remodal-wrapper {
49
+ padding: 10px 10px 0;
50
+ }
51
+
52
+ /* Default theme styles of the modal dialog */
53
+
54
+ .remodal {
55
+ box-sizing: border-box;
56
+ width: 100%;
57
+ margin-bottom: 10px;
58
+ padding: 35px;
59
+
60
+ -webkit-transform: translate3d(0, 0, 0);
61
+ transform: translate3d(0, 0, 0);
62
+
63
+ color: #2b2e38;
64
+ background: #fff;
65
+ }
66
+
67
+ .remodal.remodal-is-opening,
68
+ .remodal.remodal-is-closing {
69
+ -webkit-animation-duration: 0.3s;
70
+ animation-duration: 0.3s;
71
+ -webkit-animation-fill-mode: forwards;
72
+ animation-fill-mode: forwards;
73
+ }
74
+
75
+ .remodal.remodal-is-opening {
76
+ -webkit-animation-name: remodal-opening-keyframes;
77
+ animation-name: remodal-opening-keyframes;
78
+ }
79
+
80
+ .remodal.remodal-is-closing {
81
+ -webkit-animation-name: remodal-closing-keyframes;
82
+ animation-name: remodal-closing-keyframes;
83
+ }
84
+
85
+ /* Vertical align of the modal dialog */
86
+
87
+ .remodal,
88
+ .remodal-wrapper:after {
89
+ vertical-align: middle;
90
+ }
91
+
92
+ /* Close button */
93
+
94
+ .remodal-close {
95
+ position: absolute;
96
+ top: 0;
97
+ left: 0;
98
+
99
+ display: block;
100
+ overflow: visible;
101
+
102
+ width: 35px;
103
+ height: 35px;
104
+ margin: 0;
105
+ padding: 0;
106
+
107
+ cursor: pointer;
108
+ -webkit-transition: color 0.2s;
109
+ transition: color 0.2s;
110
+ text-decoration: none;
111
+
112
+ color: #95979c;
113
+ border: 0;
114
+ outline: 0;
115
+ background: transparent;
116
+ }
117
+
118
+ .remodal-close:hover,
119
+ .remodal-close:focus {
120
+ color: #2b2e38;
121
+ }
122
+
123
+ .remodal-close:before {
124
+ font-family: Arial, "Helvetica CY", "Nimbus Sans L", sans-serif !important;
125
+ font-size: 25px;
126
+ line-height: 35px;
127
+
128
+ position: absolute;
129
+ top: 0;
130
+ left: 0;
131
+
132
+ display: block;
133
+
134
+ width: 35px;
135
+
136
+ content: "\00d7";
137
+ text-align: center;
138
+ }
139
+
140
+ /* Dialog buttons */
141
+
142
+ .remodal-confirm,
143
+ .remodal-cancel {
144
+ font: inherit;
145
+
146
+ display: inline-block;
147
+ overflow: visible;
148
+
149
+ min-width: 110px;
150
+ margin: 0;
151
+ padding: 12px 0;
152
+
153
+ cursor: pointer;
154
+ -webkit-transition: background 0.2s;
155
+ transition: background 0.2s;
156
+ text-align: center;
157
+ vertical-align: middle;
158
+ text-decoration: none;
159
+
160
+ border: 0;
161
+ outline: 0;
162
+ }
163
+
164
+ .remodal-confirm {
165
+ color: #fff;
166
+ background: #81c784;
167
+ }
168
+
169
+ .remodal-confirm:hover,
170
+ .remodal-confirm:focus {
171
+ background: #66bb6a;
172
+ }
173
+
174
+ .remodal-cancel {
175
+ color: #fff;
176
+ background: #e57373;
177
+ }
178
+
179
+ .remodal-cancel:hover,
180
+ .remodal-cancel:focus {
181
+ background: #ef5350;
182
+ }
183
+
184
+ /* Remove inner padding and border in Firefox 4+ for the button tag. */
185
+
186
+ .remodal-confirm::-moz-focus-inner,
187
+ .remodal-cancel::-moz-focus-inner,
188
+ .remodal-close::-moz-focus-inner {
189
+ padding: 0;
190
+
191
+ border: 0;
192
+ }
193
+
194
+ /* Keyframes
195
+ ========================================================================== */
196
+
197
+ @-webkit-keyframes remodal-opening-keyframes {
198
+ from {
199
+ -webkit-transform: scale(1.05);
200
+ transform: scale(1.05);
201
+
202
+ opacity: 0;
203
+ }
204
+ to {
205
+ -webkit-transform: none;
206
+ transform: none;
207
+
208
+ opacity: 1;
209
+ }
210
+ }
211
+
212
+ @keyframes remodal-opening-keyframes {
213
+ from {
214
+ -webkit-transform: scale(1.05);
215
+ transform: scale(1.05);
216
+
217
+ opacity: 0;
218
+ }
219
+ to {
220
+ -webkit-transform: none;
221
+ transform: none;
222
+
223
+ opacity: 1;
224
+ }
225
+ }
226
+
227
+ @-webkit-keyframes remodal-closing-keyframes {
228
+ from {
229
+ -webkit-transform: scale(1);
230
+ transform: scale(1);
231
+
232
+ opacity: 1;
233
+ }
234
+ to {
235
+ -webkit-transform: scale(0.95);
236
+ transform: scale(0.95);
237
+
238
+ opacity: 0;
239
+ }
240
+ }
241
+
242
+ @keyframes remodal-closing-keyframes {
243
+ from {
244
+ -webkit-transform: scale(1);
245
+ transform: scale(1);
246
+
247
+ opacity: 1;
248
+ }
249
+ to {
250
+ -webkit-transform: scale(0.95);
251
+ transform: scale(0.95);
252
+
253
+ opacity: 0;
254
+ }
255
+ }
256
+
257
+ @-webkit-keyframes remodal-overlay-opening-keyframes {
258
+ from {
259
+ opacity: 0;
260
+ }
261
+ to {
262
+ opacity: 1;
263
+ }
264
+ }
265
+
266
+ @keyframes remodal-overlay-opening-keyframes {
267
+ from {
268
+ opacity: 0;
269
+ }
270
+ to {
271
+ opacity: 1;
272
+ }
273
+ }
274
+
275
+ @-webkit-keyframes remodal-overlay-closing-keyframes {
276
+ from {
277
+ opacity: 1;
278
+ }
279
+ to {
280
+ opacity: 0;
281
+ }
282
+ }
283
+
284
+ @keyframes remodal-overlay-closing-keyframes {
285
+ from {
286
+ opacity: 1;
287
+ }
288
+ to {
289
+ opacity: 0;
290
+ }
291
+ }
292
+
293
+ /* Media queries
294
+ ========================================================================== */
295
+
296
+ @media only screen and (min-width: 641px) {
297
+ .remodal {
298
+ max-width: 700px;
299
+ }
300
+ }
301
+
302
+ /* IE8
303
+ ========================================================================== */
304
+
305
+ .lt-ie9 .remodal-overlay {
306
+ background: #2b2e38;
307
+ }
308
+
309
+ .lt-ie9 .remodal {
310
+ width: 700px;
311
+ }
@@ -0,0 +1,93 @@
1
+ /*
2
+ * Remodal - v1.1.0
3
+ * Responsive, lightweight, fast, synchronized with CSS animations, fully customizable modal window plugin with declarative configuration and hash tracking.
4
+ * http://vodkabears.github.io/remodal/
5
+ *
6
+ * Made by Ilya Makarov
7
+ * Under MIT License
8
+ */
9
+
10
+ /* ==========================================================================
11
+ Remodal's necessary styles
12
+ ========================================================================== */
13
+
14
+ /* Hide scroll bar */
15
+
16
+ html.remodal-is-locked {
17
+ overflow: hidden;
18
+
19
+ -ms-touch-action: none;
20
+ touch-action: none;
21
+ }
22
+
23
+ /* Anti FOUC */
24
+
25
+ .remodal,
26
+ [data-remodal-id] {
27
+ display: none;
28
+ }
29
+
30
+ /* Necessary styles of the overlay */
31
+
32
+ .remodal-overlay {
33
+ position: fixed;
34
+ z-index: 9999;
35
+ top: -5000px;
36
+ right: -5000px;
37
+ bottom: -5000px;
38
+ left: -5000px;
39
+
40
+ display: none;
41
+ }
42
+
43
+ /* Necessary styles of the wrapper */
44
+
45
+ .remodal-wrapper {
46
+ position: fixed;
47
+ z-index: 10000;
48
+ top: 0;
49
+ right: 0;
50
+ bottom: 0;
51
+ left: 0;
52
+
53
+ display: none;
54
+ overflow: auto;
55
+
56
+ text-align: center;
57
+
58
+ -webkit-overflow-scrolling: touch;
59
+ }
60
+
61
+ .remodal-wrapper:after {
62
+ display: inline-block;
63
+
64
+ height: 100%;
65
+ margin-left: -0.05em;
66
+
67
+ content: "";
68
+ }
69
+
70
+ /* Fix iPad, iPhone glitches */
71
+
72
+ .remodal-overlay,
73
+ .remodal-wrapper {
74
+ -webkit-backface-visibility: hidden;
75
+ backface-visibility: hidden;
76
+ }
77
+
78
+ /* Necessary styles of the modal dialog */
79
+
80
+ .remodal {
81
+ position: relative;
82
+
83
+ outline: none;
84
+
85
+ -webkit-text-size-adjust: 100%;
86
+ -ms-text-size-adjust: 100%;
87
+ text-size-adjust: 100%;
88
+ }
89
+
90
+ .remodal-is-initialized {
91
+ /* Disable Anti-FOUC */
92
+ display: inline-block;
93
+ }
metadata ADDED
@@ -0,0 +1,102 @@
1
+ --- !ruby/object:Gem::Specification
2
+ name: remodal-rails
3
+ version: !ruby/object:Gem::Version
4
+ version: 1.1.0
5
+ platform: ruby
6
+ authors:
7
+ - Mohammed Sadiq
8
+ autorequire:
9
+ bindir: exe
10
+ cert_chain: []
11
+ date: 2016-10-24 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.13'
20
+ type: :development
21
+ prerelease: false
22
+ version_requirements: !ruby/object:Gem::Requirement
23
+ requirements:
24
+ - - "~>"
25
+ - !ruby/object:Gem::Version
26
+ version: '1.13'
27
+ - !ruby/object:Gem::Dependency
28
+ name: rake
29
+ requirement: !ruby/object:Gem::Requirement
30
+ requirements:
31
+ - - "~>"
32
+ - !ruby/object:Gem::Version
33
+ version: '10.0'
34
+ type: :development
35
+ prerelease: false
36
+ version_requirements: !ruby/object:Gem::Requirement
37
+ requirements:
38
+ - - "~>"
39
+ - !ruby/object:Gem::Version
40
+ version: '10.0'
41
+ - !ruby/object:Gem::Dependency
42
+ name: minitest
43
+ requirement: !ruby/object:Gem::Requirement
44
+ requirements:
45
+ - - "~>"
46
+ - !ruby/object:Gem::Version
47
+ version: '5.0'
48
+ type: :development
49
+ prerelease: false
50
+ version_requirements: !ruby/object:Gem::Requirement
51
+ requirements:
52
+ - - "~>"
53
+ - !ruby/object:Gem::Version
54
+ version: '5.0'
55
+ description: This gem provides the Remodal.js Javascript library for your Rails 4
56
+ and Rails 5 application.
57
+ email:
58
+ - sadiqmmm@gmail.com
59
+ executables: []
60
+ extensions: []
61
+ extra_rdoc_files: []
62
+ files:
63
+ - ".gitignore"
64
+ - ".travis.yml"
65
+ - CODE_OF_CONDUCT.md
66
+ - Gemfile
67
+ - LICENSE.txt
68
+ - README.md
69
+ - Rakefile
70
+ - bin/console
71
+ - bin/setup
72
+ - lib/remodal/rails.rb
73
+ - lib/remodal/rails/version.rb
74
+ - remodal-rails.gemspec
75
+ - vendor/javascripts/remodal.js
76
+ - vendor/stylesheets/remodal-default-theme.css
77
+ - vendor/stylesheets/remodal.css
78
+ homepage: https://github.com/sadiqmmm/remodal-rails
79
+ licenses:
80
+ - MIT
81
+ metadata: {}
82
+ post_install_message:
83
+ rdoc_options: []
84
+ require_paths:
85
+ - lib
86
+ required_ruby_version: !ruby/object:Gem::Requirement
87
+ requirements:
88
+ - - ">="
89
+ - !ruby/object:Gem::Version
90
+ version: '0'
91
+ required_rubygems_version: !ruby/object:Gem::Requirement
92
+ requirements:
93
+ - - ">="
94
+ - !ruby/object:Gem::Version
95
+ version: '0'
96
+ requirements: []
97
+ rubyforge_project:
98
+ rubygems_version: 2.5.1
99
+ signing_key:
100
+ specification_version: 4
101
+ summary: ''
102
+ test_files: []