remodal-rails 1.1.0

Sign up to get free protection for your applications and to get access to all the features.
@@ -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: []