framework7_rails 1.0.0.1

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,443 @@
1
+ /**
2
+ * Framework7 1.0.0
3
+ * Full Featured Mobile HTML Framework For Building iOS Apps
4
+ *
5
+ * http://www.idangero.us/framework7
6
+ *
7
+ * Copyright 2015, Vladimir Kharlampidi
8
+ * The iDangero.us
9
+ * http://www.idangero.us/
10
+ *
11
+ * Licensed under MIT
12
+ *
13
+ * Released on: February 6, 2015
14
+ */
15
+ /*==========================
16
+ Framework7 Layouts Themes
17
+ ==========================*/
18
+ /* === Dark layout === */
19
+ .layout-dark .navbar,
20
+ .navbar.layout-dark,
21
+ .layout-dark .subnavbar,
22
+ .subnavbar.layout-dark {
23
+ background-color: #131313;
24
+ color: #ffffff;
25
+ }
26
+ .layout-dark .navbar:after,
27
+ .navbar.layout-dark:after,
28
+ .layout-dark .subnavbar:after,
29
+ .subnavbar.layout-dark:after {
30
+ background-color: #333333;
31
+ }
32
+ .layout-dark .toolbar,
33
+ .toolbar.layout-dark {
34
+ background-color: #131313;
35
+ color: #ffffff;
36
+ }
37
+ .layout-dark .toolbar:before,
38
+ .toolbar.layout-dark:before {
39
+ background-color: #333333;
40
+ }
41
+ .layout-dark .picker-calendar-week-days {
42
+ color: #fff;
43
+ background-color: #131313;
44
+ }
45
+ .layout-dark .popover .picker-modal .picker-center-highlight:before,
46
+ .layout-dark .picker-modal.picker-modal-inline .picker-center-highlight:before {
47
+ background-color: #333333;
48
+ }
49
+ .layout-dark .popover .picker-modal .picker-center-highlight:after,
50
+ .layout-dark .picker-modal.picker-modal-inline .picker-center-highlight:after {
51
+ background-color: #333333;
52
+ }
53
+ .layout-dark .popover .picker-modal .picker-item.picker-selected,
54
+ .layout-dark .picker-modal.picker-modal-inline .picker-item.picker-selected {
55
+ color: #fff;
56
+ }
57
+ .layout-dark .popover .picker-modal .picker-calendar-week-days,
58
+ .layout-dark .picker-modal.picker-modal-inline .picker-calendar-week-days {
59
+ color: #fff;
60
+ }
61
+ .layout-dark .popover .picker-modal .picker-calendar-day,
62
+ .layout-dark .picker-modal.picker-modal-inline .picker-calendar-day {
63
+ color: #fff;
64
+ }
65
+ .layout-dark .popover .picker-modal .picker-calendar-day.picker-calendar-day-prev,
66
+ .layout-dark .picker-modal.picker-modal-inline .picker-calendar-day.picker-calendar-day-prev,
67
+ .layout-dark .popover .picker-modal .picker-calendar-day.picker-calendar-day-next,
68
+ .layout-dark .picker-modal.picker-modal-inline .picker-calendar-day.picker-calendar-day-next {
69
+ color: #777;
70
+ }
71
+ .layout-dark .popover .picker-modal .picker-calendar-day.picker-calendar-day-disabled,
72
+ .layout-dark .picker-modal.picker-modal-inline .picker-calendar-day.picker-calendar-day-disabled {
73
+ color: #555;
74
+ }
75
+ .layout-dark .popover .picker-modal .picker-calendar-day.picker-calendar-day-today span,
76
+ .layout-dark .picker-modal.picker-modal-inline .picker-calendar-day.picker-calendar-day-today span {
77
+ background: #444;
78
+ }
79
+ .layout-dark .popover .picker-modal .picker-calendar-week-days:after,
80
+ .layout-dark .picker-modal.picker-modal-inline .picker-calendar-week-days:after,
81
+ .layout-dark .popover .picker-modal .picker-calendar-row:after,
82
+ .layout-dark .picker-modal.picker-modal-inline .picker-calendar-row:after {
83
+ background-color: #333333;
84
+ }
85
+ .layout-dark .popover .picker-modal .toolbar ~ .picker-modal-inner .picker-calendar-months:before,
86
+ .layout-dark .picker-modal.picker-modal-inline .toolbar ~ .picker-modal-inner .picker-calendar-months:before,
87
+ .layout-dark .popover .picker-modal .picker-calendar-week-days ~ .picker-calendar-months:before,
88
+ .layout-dark .picker-modal.picker-modal-inline .picker-calendar-week-days ~ .picker-calendar-months:before {
89
+ background-color: #333333;
90
+ }
91
+ .layout-dark .popover .picker-modal .toolbar:after {
92
+ background-color: #333333;
93
+ }
94
+ .layout-dark .photo-browser .navbar,
95
+ .photo-browser.layout-dark .navbar,
96
+ .layout-dark .view[data-page="photo-browser-slides"] .navbar,
97
+ .view[data-page="photo-browser-slides"].layout-dark .navbar,
98
+ .layout-dark .photo-browser .toolbar,
99
+ .photo-browser.layout-dark .toolbar,
100
+ .layout-dark .view[data-page="photo-browser-slides"] .toolbar,
101
+ .view[data-page="photo-browser-slides"].layout-dark .toolbar {
102
+ background: rgba(19, 19, 19, 0.95);
103
+ }
104
+ .layout-dark .tabbar a:not(.active) {
105
+ color: #ffffff;
106
+ }
107
+ .layout-dark .page,
108
+ .layout-dark .login-screen-content,
109
+ .page.layout-dark,
110
+ .layout-dark .panel,
111
+ .panel.layout-dark {
112
+ background-color: #222426;
113
+ color: #dddddd;
114
+ }
115
+ .layout-dark .content-block-title {
116
+ color: #ffffff;
117
+ }
118
+ .layout-dark .content-block,
119
+ .content-block.layout-dark {
120
+ color: #bbbbbb;
121
+ }
122
+ .layout-dark .content-block-inner {
123
+ background: #1c1d1f;
124
+ color: #dddddd;
125
+ }
126
+ .layout-dark .content-block-inner:before {
127
+ background-color: #393939;
128
+ }
129
+ .layout-dark .content-block-inner:after {
130
+ background-color: #393939;
131
+ }
132
+ .layout-dark .list-block ul,
133
+ .list-block.layout-dark ul {
134
+ background: #1c1d1f;
135
+ }
136
+ .layout-dark .list-block ul:before,
137
+ .list-block.layout-dark ul:before {
138
+ background-color: #393939;
139
+ }
140
+ .layout-dark .list-block ul:after,
141
+ .list-block.layout-dark ul:after {
142
+ background-color: #393939;
143
+ }
144
+ .layout-dark .list-block.inset ul,
145
+ .list-block.layout-dark.inset ul {
146
+ background: #1c1d1f;
147
+ }
148
+ .layout-dark .list-block.notifications > ul,
149
+ .list-block.layout-dark.notifications > ul {
150
+ background: none;
151
+ }
152
+ .layout-dark .card {
153
+ background: #1c1d1f;
154
+ }
155
+ .layout-dark .card-header:after {
156
+ background-color: #393939;
157
+ }
158
+ .layout-dark .card-footer {
159
+ color: #bbbbbb;
160
+ }
161
+ .layout-dark .card-footer:before {
162
+ background-color: #393939;
163
+ }
164
+ .layout-dark .popover,
165
+ .popover.layout-dark {
166
+ background: rgba(0, 0, 0, 0.8);
167
+ }
168
+ .layout-dark .popover .popover-angle:after,
169
+ .popover.layout-dark .popover-angle:after {
170
+ background: rgba(0, 0, 0, 0.8);
171
+ }
172
+ .layout-dark .popover .list-block ul,
173
+ .popover.layout-dark .list-block ul {
174
+ background: none;
175
+ }
176
+ .layout-dark .actions-popover .list-block ul:before {
177
+ background-color: #393939;
178
+ }
179
+ .layout-dark .actions-popover .list-block ul:after {
180
+ background-color: #393939;
181
+ }
182
+ .layout-dark .actions-popover .actions-popover-label:after {
183
+ background-color: #393939;
184
+ }
185
+ .layout-dark li.sorting {
186
+ background-color: #29292f;
187
+ }
188
+ .layout-dark .swipeout-actions-left a,
189
+ .layout-dark .swipeout-actions-right a {
190
+ background-color: #444444;
191
+ }
192
+ .layout-dark .item-inner:after,
193
+ .layout-dark .list-block ul ul li:last-child .item-inner:after {
194
+ background-color: #393939;
195
+ }
196
+ .layout-dark .item-after {
197
+ color: #bbbbbb;
198
+ }
199
+ html:not(.watch-active-state) .layout-dark .item-link:active,
200
+ html:not(.watch-active-state) .layout-dark label.label-checkbox:active,
201
+ html:not(.watch-active-state) .layout-dark label.label-radio:active,
202
+ .layout-dark .item-link.active-state,
203
+ .layout-dark label.label-checkbox.active-state,
204
+ .layout-dark label.label-radio.active-state {
205
+ background-color: #29292f;
206
+ }
207
+ .layout-dark .item-link.list-button:after {
208
+ background-color: #393939;
209
+ }
210
+ .layout-dark .list-block-label {
211
+ color: #bbbbbb;
212
+ }
213
+ .layout-dark .item-divider,
214
+ .layout-dark .list-group-title {
215
+ background: #1a1a1a;
216
+ color: #bbbbbb;
217
+ }
218
+ .layout-dark .item-divider:before,
219
+ .layout-dark .list-group-title:before {
220
+ background-color: #393939;
221
+ }
222
+ .layout-dark .searchbar {
223
+ background: #333333;
224
+ }
225
+ .layout-dark .searchbar:after {
226
+ background-color: #333333;
227
+ }
228
+ .layout-dark .list-block input[type="text"],
229
+ .list-block.layout-dark input[type="text"],
230
+ .layout-dark .list-block input[type="password"],
231
+ .list-block.layout-dark input[type="password"],
232
+ .layout-dark .list-block input[type="email"],
233
+ .list-block.layout-dark input[type="email"],
234
+ .layout-dark .list-block input[type="tel"],
235
+ .list-block.layout-dark input[type="tel"],
236
+ .layout-dark .list-block input[type="url"],
237
+ .list-block.layout-dark input[type="url"],
238
+ .layout-dark .list-block input[type="date"],
239
+ .list-block.layout-dark input[type="date"],
240
+ .layout-dark .list-block input[type="datetime-local"],
241
+ .list-block.layout-dark input[type="datetime-local"],
242
+ .layout-dark .list-block input[type="number"],
243
+ .list-block.layout-dark input[type="number"],
244
+ .layout-dark .list-block select,
245
+ .list-block.layout-dark select,
246
+ .layout-dark .list-block textarea,
247
+ .list-block.layout-dark textarea {
248
+ color: #ffffff;
249
+ }
250
+ .layout-dark .label-switch .checkbox {
251
+ background-color: #393939;
252
+ }
253
+ .layout-dark .label-switch .checkbox:before {
254
+ background-color: #1c1d1f;
255
+ }
256
+ .layout-dark .range-slider input[type="range"]:after {
257
+ background: #1c1d1f;
258
+ }
259
+ /* === White layout === */
260
+ .layout-white .navbar,
261
+ .navbar.layout-white,
262
+ .layout-white .subnavbar,
263
+ .subnavbar.layout-white {
264
+ background-color: #ffffff;
265
+ color: #000000;
266
+ }
267
+ .layout-white .navbar:after,
268
+ .navbar.layout-white:after,
269
+ .layout-white .subnavbar:after,
270
+ .subnavbar.layout-white:after {
271
+ background-color: #dddddd;
272
+ }
273
+ .layout-white .toolbar,
274
+ .toolbar.layout-white {
275
+ background-color: #ffffff;
276
+ color: #000000;
277
+ }
278
+ .layout-white .toolbar:before,
279
+ .toolbar.layout-white:before {
280
+ background-color: #dddddd;
281
+ }
282
+ .layout-white .popover .picker-modal .picker-center-highlight:before,
283
+ .layout-white .picker-modal.picker-modal-inline .picker-center-highlight:before {
284
+ background-color: #dddddd;
285
+ }
286
+ .layout-white .popover .picker-modal .picker-center-highlight:after,
287
+ .layout-white .picker-modal.picker-modal-inline .picker-center-highlight:after {
288
+ background-color: #dddddd;
289
+ }
290
+ .layout-white .popover .picker-modal .picker-calendar-week-days:after,
291
+ .layout-white .picker-modal.picker-modal-inline .picker-calendar-week-days:after,
292
+ .layout-white .popover .picker-modal .picker-calendar-row:after,
293
+ .layout-white .picker-modal.picker-modal-inline .picker-calendar-row:after {
294
+ background-color: #dddddd;
295
+ }
296
+ .layout-white .popover .picker-modal .toolbar ~ .picker-modal-inner .picker-calendar-months:before,
297
+ .layout-white .picker-modal.picker-modal-inline .toolbar ~ .picker-modal-inner .picker-calendar-months:before,
298
+ .layout-white .popover .picker-modal .picker-calendar-week-days ~ .picker-calendar-months:before,
299
+ .layout-white .picker-modal.picker-modal-inline .picker-calendar-week-days ~ .picker-calendar-months:before {
300
+ background-color: #dddddd;
301
+ }
302
+ .layout-white .popover .picker-modal .toolbar:after {
303
+ background-color: #dddddd;
304
+ }
305
+ .layout-white .photo-browser .navbar,
306
+ .photo-browser.layout-white .navbar,
307
+ .layout-white .view[data-page="photo-browser-slides"] .navbar,
308
+ .view[data-page="photo-browser-slides"].layout-white .navbar,
309
+ .layout-white .photo-browser .toolbar,
310
+ .photo-browser.layout-white .toolbar,
311
+ .layout-white .view[data-page="photo-browser-slides"] .toolbar,
312
+ .view[data-page="photo-browser-slides"].layout-white .toolbar {
313
+ background: rgba(255, 255, 255, 0.95);
314
+ }
315
+ .layout-white .tabbar a:not(.active) {
316
+ color: #777777;
317
+ }
318
+ .layout-white .page,
319
+ .layout-white .login-screen-content,
320
+ .page.layout-white,
321
+ .layout-white .panel,
322
+ .panel.layout-white {
323
+ background-color: #ffffff;
324
+ color: #000000;
325
+ }
326
+ .layout-white .content-block-title {
327
+ color: #777777;
328
+ }
329
+ .layout-white .content-block,
330
+ .content-block.layout-white {
331
+ color: #777777;
332
+ }
333
+ .layout-white .content-block-inner {
334
+ background: #fafafa;
335
+ color: #000000;
336
+ }
337
+ .layout-white .content-block-inner:after {
338
+ background-color: #dddddd;
339
+ }
340
+ .layout-white .content-block-inner:before {
341
+ background-color: #dddddd;
342
+ }
343
+ .layout-white .list-block ul,
344
+ .list-block.layout-white ul {
345
+ background: #ffffff;
346
+ }
347
+ .layout-white .list-block ul:after,
348
+ .list-block.layout-white ul:after {
349
+ background-color: #dddddd;
350
+ }
351
+ .layout-white .list-block ul:before,
352
+ .list-block.layout-white ul:before {
353
+ background-color: #dddddd;
354
+ }
355
+ .layout-white .list-block.inset ul,
356
+ .list-block.layout-white.inset ul {
357
+ background: #fafafa;
358
+ }
359
+ .layout-white .list-block.notifications > ul,
360
+ .list-block.layout-white.notifications > ul {
361
+ background: none;
362
+ }
363
+ .layout-white .popover-inner > .list-block ul {
364
+ background: none;
365
+ }
366
+ .layout-white li.sorting {
367
+ background-color: #eeeeee;
368
+ }
369
+ .layout-white .swipeout-actions-left a,
370
+ .layout-white .swipeout-actions-right a {
371
+ background-color: #c7c7cc;
372
+ }
373
+ .layout-white .item-inner,
374
+ .layout-white .list-block ul ul li:last-child .item-inner {
375
+ border-color: #dddddd;
376
+ }
377
+ .layout-white .item-inner:after,
378
+ .layout-white .list-block ul ul li:last-child .item-inner:after {
379
+ background-color: #dddddd;
380
+ }
381
+ .layout-white .item-after {
382
+ color: #8e8e93;
383
+ }
384
+ html:not(.watch-active-state) .layout-white .item-link:active,
385
+ html:not(.watch-active-state) .layout-white label.label-checkbox:active,
386
+ html:not(.watch-active-state) .layout-white label.label-radio:active,
387
+ .layout-white .item-link.active-state,
388
+ .layout-white label.label-checkbox.active-state,
389
+ .layout-white label.label-radio.active-state {
390
+ background-color: #eeeeee;
391
+ }
392
+ .layout-white .item-link.list-button:after {
393
+ background-color: #dddddd;
394
+ }
395
+ .layout-white .list-block-label {
396
+ color: #777777;
397
+ }
398
+ .layout-white .item-divider,
399
+ .layout-white .list-group-title {
400
+ background: #f7f7f7;
401
+ color: #777777;
402
+ }
403
+ .layout-white .item-divider:before,
404
+ .layout-white .list-group-title:before {
405
+ background-color: #dddddd;
406
+ }
407
+ .layout-white .searchbar {
408
+ background: #c9c9ce;
409
+ }
410
+ .layout-white .searchbar:after {
411
+ background-color: #b4b4b4;
412
+ }
413
+ .layout-white .list-block input[type="text"],
414
+ .list-block.layout-white input[type="text"],
415
+ .layout-white .list-block input[type="password"],
416
+ .list-block.layout-white input[type="password"],
417
+ .layout-white .list-block input[type="email"],
418
+ .list-block.layout-white input[type="email"],
419
+ .layout-white .list-block input[type="tel"],
420
+ .list-block.layout-white input[type="tel"],
421
+ .layout-white .list-block input[type="url"],
422
+ .list-block.layout-white input[type="url"],
423
+ .layout-white .list-block input[type="date"],
424
+ .list-block.layout-white input[type="date"],
425
+ .layout-white .list-block input[type="datetime-local"],
426
+ .list-block.layout-white input[type="datetime-local"],
427
+ .layout-white .list-block input[type="number"],
428
+ .list-block.layout-white input[type="number"],
429
+ .layout-white .list-block select,
430
+ .list-block.layout-white select,
431
+ .layout-white .list-block textarea,
432
+ .list-block.layout-white textarea {
433
+ color: #777777;
434
+ }
435
+ .layout-white .label-switch .checkbox {
436
+ background-color: #e5e5e5;
437
+ }
438
+ .layout-white .label-switch .checkbox:before {
439
+ background-color: #ffffff;
440
+ }
441
+ .layout-white .range-slider input[type="range"]:after {
442
+ background: #ffffff;
443
+ }
metadata ADDED
@@ -0,0 +1,109 @@
1
+ --- !ruby/object:Gem::Specification
2
+ name: framework7_rails
3
+ version: !ruby/object:Gem::Version
4
+ version: 1.0.0.1
5
+ platform: ruby
6
+ authors:
7
+ - Jordan
8
+ autorequire:
9
+ bindir: bin
10
+ cert_chain: []
11
+ date: 2015-02-09 00:00:00.000000000 Z
12
+ dependencies:
13
+ - !ruby/object:Gem::Dependency
14
+ name: railties
15
+ requirement: !ruby/object:Gem::Requirement
16
+ requirements:
17
+ - - ">"
18
+ - !ruby/object:Gem::Version
19
+ version: '3.1'
20
+ type: :runtime
21
+ prerelease: false
22
+ version_requirements: !ruby/object:Gem::Requirement
23
+ requirements:
24
+ - - ">"
25
+ - !ruby/object:Gem::Version
26
+ version: '3.1'
27
+ - !ruby/object:Gem::Dependency
28
+ name: bundler
29
+ requirement: !ruby/object:Gem::Requirement
30
+ requirements:
31
+ - - "~>"
32
+ - !ruby/object:Gem::Version
33
+ version: '1.7'
34
+ type: :development
35
+ prerelease: false
36
+ version_requirements: !ruby/object:Gem::Requirement
37
+ requirements:
38
+ - - "~>"
39
+ - !ruby/object:Gem::Version
40
+ version: '1.7'
41
+ - !ruby/object:Gem::Dependency
42
+ name: rake
43
+ requirement: !ruby/object:Gem::Requirement
44
+ requirements:
45
+ - - "~>"
46
+ - !ruby/object:Gem::Version
47
+ version: '10.0'
48
+ type: :development
49
+ prerelease: false
50
+ version_requirements: !ruby/object:Gem::Requirement
51
+ requirements:
52
+ - - "~>"
53
+ - !ruby/object:Gem::Version
54
+ version: '10.0'
55
+ description: Adds support for Framework7 to the Asset Pipeline.
56
+ email:
57
+ - jordan@51shepherd.com
58
+ executables: []
59
+ extensions: []
60
+ extra_rdoc_files: []
61
+ files:
62
+ - ".gitignore"
63
+ - Gemfile
64
+ - LICENSE.txt
65
+ - README.md
66
+ - Rakefile
67
+ - framework7_rails.gemspec
68
+ - lib/framework7_rails.rb
69
+ - lib/framework7_rails/version.rb
70
+ - vendor/assets/images/i-f7.png
71
+ - vendor/assets/images/i-form-calendar.png
72
+ - vendor/assets/images/i-form-comment.png
73
+ - vendor/assets/images/i-form-email.png
74
+ - vendor/assets/images/i-form-gender.png
75
+ - vendor/assets/images/i-form-name.png
76
+ - vendor/assets/images/i-form-password.png
77
+ - vendor/assets/images/i-form-settings.png
78
+ - vendor/assets/images/i-form-tel.png
79
+ - vendor/assets/images/i-form-toggle.png
80
+ - vendor/assets/images/i-form-url.png
81
+ - vendor/assets/javascripts/framework7.js
82
+ - vendor/assets/stylesheets/framework7.css
83
+ - vendor/assets/stylesheets/framework7.rtl.css
84
+ - vendor/assets/stylesheets/framework7.themes.css
85
+ homepage: https://github.com/pracstrat/framework7_rails
86
+ licenses:
87
+ - MIT
88
+ metadata: {}
89
+ post_install_message:
90
+ rdoc_options: []
91
+ require_paths:
92
+ - lib
93
+ required_ruby_version: !ruby/object:Gem::Requirement
94
+ requirements:
95
+ - - ">="
96
+ - !ruby/object:Gem::Version
97
+ version: '0'
98
+ required_rubygems_version: !ruby/object:Gem::Requirement
99
+ requirements:
100
+ - - ">="
101
+ - !ruby/object:Gem::Version
102
+ version: '0'
103
+ requirements: []
104
+ rubyforge_project:
105
+ rubygems_version: 2.4.3
106
+ signing_key:
107
+ specification_version: 4
108
+ summary: Framework7 for Rails 3.1+ Asset Pipeline.
109
+ test_files: []