foundation-rails 6.2.0.0 → 6.2.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.
- checksums.yaml +4 -4
- data/Rakefile +1 -0
- data/bower.json +1 -1
- data/lib/foundation/rails/version.rb +1 -1
- data/lib/generators/foundation/templates/_settings.scss +64 -46
- data/spec/features/generator_spec.rb +1 -0
- metadata +2 -2
checksums.yaml
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
---
|
2
2
|
SHA1:
|
3
|
-
metadata.gz:
|
4
|
-
data.tar.gz:
|
3
|
+
metadata.gz: db5dc7393f757679f2bc2f7ae4e79760b9c1ae5b
|
4
|
+
data.tar.gz: 154a8e1a955335b22febeb4a7a4c007574b4a12a
|
5
5
|
SHA512:
|
6
|
-
metadata.gz:
|
7
|
-
data.tar.gz:
|
6
|
+
metadata.gz: 901d06f35d17aef82286425f0c953dc9df2afc8702b1754edf60d11c257c116dcabc95ff84c25a3ed75fed1801a131ed63968ebb4a90dac677f996605257299a
|
7
|
+
data.tar.gz: 290c889928ae9e230822ece47a7ce58630610ab2b0d996c4320c38962e7bb51b8cb19e1aeffa71d2b95228164eaff8d0e43ebe49e2b40065300d3340e0e259f0
|
data/Rakefile
CHANGED
@@ -13,6 +13,7 @@ namespace :assets do
|
|
13
13
|
sh 'bower install'
|
14
14
|
sh 'cp -R bower_components/foundation-sites/js/* vendor/assets/js/'
|
15
15
|
sh 'cp -R bower_components/foundation-sites/scss/* vendor/assets/scss/'
|
16
|
+
sh 'cp -R bower_components/foundation-sites/scss/settings/_settings.scss lib/generators/foundation/templates'
|
16
17
|
sh 'cp -R bower_components/motion-ui/src/* vendor/assets/scss/motion-ui'
|
17
18
|
|
18
19
|
js_files = Dir['vendor/assets/js/*.js'].sort
|
data/bower.json
CHANGED
@@ -25,19 +25,20 @@
|
|
25
25
|
// 20. Label
|
26
26
|
// 21. Media Object
|
27
27
|
// 22. Menu
|
28
|
-
// 23.
|
29
|
-
// 24.
|
30
|
-
// 25.
|
31
|
-
// 26.
|
32
|
-
// 27.
|
33
|
-
// 28.
|
34
|
-
// 29.
|
35
|
-
// 30.
|
36
|
-
// 31.
|
37
|
-
// 32.
|
38
|
-
// 33.
|
39
|
-
// 34.
|
40
|
-
// 35.
|
28
|
+
// 23. Meter
|
29
|
+
// 24. Off-canvas
|
30
|
+
// 25. Orbit
|
31
|
+
// 26. Pagination
|
32
|
+
// 27. Progress Bar
|
33
|
+
// 28. Reveal
|
34
|
+
// 29. Slider
|
35
|
+
// 30. Switch
|
36
|
+
// 31. Table
|
37
|
+
// 32. Tabs
|
38
|
+
// 33. Thumbnail
|
39
|
+
// 34. Title Bar
|
40
|
+
// 35. Tooltip
|
41
|
+
// 36. Top Bar
|
41
42
|
|
42
43
|
@import 'util/util';
|
43
44
|
|
@@ -47,11 +48,13 @@
|
|
47
48
|
$global-font-size: 100%;
|
48
49
|
$global-width: rem-calc(1200);
|
49
50
|
$global-lineheight: 1.5;
|
50
|
-
$
|
51
|
-
|
52
|
-
|
53
|
-
|
54
|
-
|
51
|
+
$foundation-palette: (
|
52
|
+
primary: #2199e8,
|
53
|
+
secondary: #777,
|
54
|
+
success: #3adb76,
|
55
|
+
warning: #ffae00,
|
56
|
+
alert: #ec5840,
|
57
|
+
);
|
55
58
|
$light-gray: #e6e6e6;
|
56
59
|
$medium-gray: #cacaca;
|
57
60
|
$dark-gray: #8a8a8a;
|
@@ -67,6 +70,10 @@ $global-weight-normal: normal;
|
|
67
70
|
$global-weight-bold: bold;
|
68
71
|
$global-radius: 0;
|
69
72
|
$global-text-direction: ltr;
|
73
|
+
$global-flexbox: false;
|
74
|
+
$print-transparent-backgrounds: true;
|
75
|
+
|
76
|
+
@include add-foundation-colors;
|
70
77
|
|
71
78
|
// 2. Breakpoints
|
72
79
|
// --------------
|
@@ -85,7 +92,7 @@ $breakpoint-classes: (small medium large);
|
|
85
92
|
|
86
93
|
$grid-row-width: $global-width;
|
87
94
|
$grid-column-count: 12;
|
88
|
-
$grid-column-
|
95
|
+
$grid-column-gutter: (
|
89
96
|
small: 20px,
|
90
97
|
medium: 30px,
|
91
98
|
);
|
@@ -177,9 +184,9 @@ $stat-font-size: 2.5rem;
|
|
177
184
|
|
178
185
|
$abide-inputs: true;
|
179
186
|
$abide-labels: true;
|
180
|
-
$input-background-invalid: $alert
|
181
|
-
$form-label-color-invalid: $alert
|
182
|
-
$input-error-color: $alert
|
187
|
+
$input-background-invalid: map-get($foundation-palette, alert);
|
188
|
+
$form-label-color-invalid: map-get($foundation-palette, alert);
|
189
|
+
$input-error-color: map-get($foundation-palette, alert);
|
183
190
|
$input-error-font-size: rem-calc(12);
|
184
191
|
$input-error-font-weight: $global-weight-bold;
|
185
192
|
|
@@ -231,8 +238,8 @@ $button-margin: 0 0 $global-margin 0;
|
|
231
238
|
$button-fill: solid;
|
232
239
|
$button-background: $primary-color;
|
233
240
|
$button-background-hover: scale-color($button-background, $lightness: -15%);
|
234
|
-
$button-color:
|
235
|
-
$button-color-alt:
|
241
|
+
$button-color: $white;
|
242
|
+
$button-color-alt: $black;
|
236
243
|
$button-radius: $global-radius;
|
237
244
|
$button-sizes: (
|
238
245
|
tiny: 0.6rem,
|
@@ -320,7 +327,7 @@ $fieldset-padding: rem-calc(20);
|
|
320
327
|
$fieldset-margin: rem-calc(18 0);
|
321
328
|
$legend-padding: rem-calc(0 3);
|
322
329
|
$form-spacing: rem-calc(16);
|
323
|
-
$helptext-color:
|
330
|
+
$helptext-color: $black;
|
324
331
|
$helptext-font-size: rem-calc(13);
|
325
332
|
$helptext-font-style: italic;
|
326
333
|
$input-prefix-color: $black;
|
@@ -332,9 +339,10 @@ $form-label-font-size: rem-calc(14);
|
|
332
339
|
$form-label-font-weight: $global-weight-normal;
|
333
340
|
$form-label-line-height: 1.8;
|
334
341
|
$select-background: $white;
|
335
|
-
$select-triangle-color:
|
342
|
+
$select-triangle-color: $dark-gray;
|
336
343
|
$select-radius: $global-radius;
|
337
344
|
$input-color: $black;
|
345
|
+
$input-placeholder-color: $medium-gray;
|
338
346
|
$input-font-family: inherit;
|
339
347
|
$input-font-size: rem-calc(16);
|
340
348
|
$input-background: $white;
|
@@ -371,10 +379,21 @@ $mediaobject-image-width-stacked: 100%;
|
|
371
379
|
$menu-margin: 0;
|
372
380
|
$menu-margin-nested: 1rem;
|
373
381
|
$menu-item-padding: 0.7rem 1rem;
|
382
|
+
$menu-item-color-active: $white;
|
383
|
+
$menu-item-background-active: map-get($foundation-palette, primary);
|
374
384
|
$menu-icon-spacing: 0.25rem;
|
375
|
-
$menu-expand-max: 6;
|
376
385
|
|
377
|
-
// 23.
|
386
|
+
// 23. Meter
|
387
|
+
// ---------
|
388
|
+
|
389
|
+
$meter-height: 1rem;
|
390
|
+
$meter-radius: $global-radius;
|
391
|
+
$meter-background: $medium-gray;
|
392
|
+
$meter-fill-good: $success-color;
|
393
|
+
$meter-fill-medium: $warning-color;
|
394
|
+
$meter-fill-bad: $alert-color;
|
395
|
+
|
396
|
+
// 24. Off-canvas
|
378
397
|
// --------------
|
379
398
|
|
380
399
|
$offcanvas-size: 250px;
|
@@ -387,7 +406,7 @@ $offcanvas-exit-background: rgba($white, 0.25);
|
|
387
406
|
$maincontent-class: 'off-canvas-content';
|
388
407
|
$maincontent-shadow: 0 0 10px rgba($black, 0.5);
|
389
408
|
|
390
|
-
//
|
409
|
+
// 25. Orbit
|
391
410
|
// ---------
|
392
411
|
|
393
412
|
$orbit-bullet-background: $medium-gray;
|
@@ -402,7 +421,7 @@ $orbit-control-background-hover: rgba($black, 0.5);
|
|
402
421
|
$orbit-control-padding: 1rem;
|
403
422
|
$orbit-control-zindex: 10;
|
404
423
|
|
405
|
-
//
|
424
|
+
// 26. Pagination
|
406
425
|
// --------------
|
407
426
|
|
408
427
|
$pagination-font-size: rem-calc(14);
|
@@ -419,7 +438,7 @@ $pagination-ellipsis-color: $black;
|
|
419
438
|
$pagination-mobile-items: false;
|
420
439
|
$pagination-arrows: true;
|
421
440
|
|
422
|
-
//
|
441
|
+
// 27. Progress Bar
|
423
442
|
// ----------------
|
424
443
|
|
425
444
|
$progress-height: 1rem;
|
@@ -428,24 +447,24 @@ $progress-margin-bottom: $global-margin;
|
|
428
447
|
$progress-meter-background: $primary-color;
|
429
448
|
$progress-radius: $global-radius;
|
430
449
|
|
431
|
-
//
|
450
|
+
// 28. Reveal
|
432
451
|
// ----------
|
433
452
|
|
434
453
|
$reveal-background: $white;
|
435
454
|
$reveal-width: 600px;
|
436
455
|
$reveal-max-width: $global-width;
|
437
|
-
$reveal-offset: rem-calc(100);
|
438
456
|
$reveal-padding: $global-padding;
|
439
457
|
$reveal-border: 1px solid $medium-gray;
|
440
458
|
$reveal-radius: $global-radius;
|
441
459
|
$reveal-zindex: 1005;
|
442
460
|
$reveal-overlay-background: rgba($black, 0.45);
|
443
461
|
|
444
|
-
//
|
462
|
+
// 29. Slider
|
445
463
|
// ----------
|
446
464
|
|
465
|
+
$slider-width-vertical: 0.5rem;
|
466
|
+
$slider-transition: all 0.2s ease-in-out;
|
447
467
|
$slider-height: 0.5rem;
|
448
|
-
$slider-width-vertical: $slider-height;
|
449
468
|
$slider-background: $light-gray;
|
450
469
|
$slider-fill-background: $medium-gray;
|
451
470
|
$slider-handle-height: 1.4rem;
|
@@ -453,9 +472,8 @@ $slider-handle-width: 1.4rem;
|
|
453
472
|
$slider-handle-background: $primary-color;
|
454
473
|
$slider-opacity-disabled: 0.25;
|
455
474
|
$slider-radius: $global-radius;
|
456
|
-
$slider-transition: all 0.2s ease-in-out;
|
457
475
|
|
458
|
-
//
|
476
|
+
// 30. Switch
|
459
477
|
// ----------
|
460
478
|
|
461
479
|
$switch-background: $medium-gray;
|
@@ -471,7 +489,7 @@ $switch-paddle-offset: 0.25rem;
|
|
471
489
|
$switch-paddle-radius: $global-radius;
|
472
490
|
$switch-paddle-transition: all 0.25s ease-out;
|
473
491
|
|
474
|
-
//
|
492
|
+
// 31. Table
|
475
493
|
// ---------
|
476
494
|
|
477
495
|
$table-background: $white;
|
@@ -488,14 +506,13 @@ $table-foot-background: smart-scale($table-background, $table-color-scale);
|
|
488
506
|
$table-head-font-color: $body-font-color;
|
489
507
|
$show-header-for-stacked: false;
|
490
508
|
|
491
|
-
//
|
509
|
+
// 32. Tabs
|
492
510
|
// --------
|
493
511
|
|
494
512
|
$tab-margin: 0;
|
495
513
|
$tab-background: $white;
|
496
514
|
$tab-background-active: $light-gray;
|
497
|
-
$tab-
|
498
|
-
$tab-item-color: foreground($tab-background, $primary-color);
|
515
|
+
$tab-item-font-size: rem-calc(12);
|
499
516
|
$tab-item-background-hover: $white;
|
500
517
|
$tab-item-padding: 1.25rem 1.5rem;
|
501
518
|
$tab-expand-max: 6;
|
@@ -504,7 +521,7 @@ $tab-content-border: $light-gray;
|
|
504
521
|
$tab-content-color: foreground($tab-background, $primary-color);
|
505
522
|
$tab-content-padding: 1rem;
|
506
523
|
|
507
|
-
//
|
524
|
+
// 33. Thumbnail
|
508
525
|
// -------------
|
509
526
|
|
510
527
|
$thumbnail-border: solid 4px $white;
|
@@ -514,7 +531,7 @@ $thumbnail-shadow-hover: 0 0 6px 1px rgba($primary-color, 0.5);
|
|
514
531
|
$thumbnail-transition: box-shadow 200ms ease-out;
|
515
532
|
$thumbnail-radius: $global-radius;
|
516
533
|
|
517
|
-
//
|
534
|
+
// 34. Title Bar
|
518
535
|
// -------------
|
519
536
|
|
520
537
|
$titlebar-background: $black;
|
@@ -525,7 +542,7 @@ $titlebar-icon-color: $white;
|
|
525
542
|
$titlebar-icon-color-hover: $medium-gray;
|
526
543
|
$titlebar-icon-spacing: 0.25rem;
|
527
544
|
|
528
|
-
//
|
545
|
+
// 35. Tooltip
|
529
546
|
// -----------
|
530
547
|
|
531
548
|
$has-tip-font-weight: $global-weight-bold;
|
@@ -536,13 +553,14 @@ $tooltip-padding: 0.75rem;
|
|
536
553
|
$tooltip-font-size: $small-font-size;
|
537
554
|
$tooltip-pip-width: 0.75rem;
|
538
555
|
$tooltip-pip-height: $tooltip-pip-width * 0.866;
|
539
|
-
$tooltip-pip-offset: 1.25rem;
|
540
556
|
$tooltip-radius: $global-radius;
|
541
557
|
|
542
|
-
//
|
558
|
+
// 36. Top Bar
|
543
559
|
// -----------
|
544
560
|
|
545
561
|
$topbar-padding: 0.5rem;
|
546
562
|
$topbar-background: $light-gray;
|
563
|
+
$topbar-submenu-background: $topbar-background;
|
547
564
|
$topbar-title-spacing: 1rem;
|
548
565
|
$topbar-input-width: 200px;
|
566
|
+
$topbar-unstack-breakpoint: medium;
|
@@ -4,6 +4,7 @@ feature 'Foundation install succeeds' do
|
|
4
4
|
scenario 'stylesheets assets files are added' do
|
5
5
|
application_css_file = IO.read("#{dummy_app_path}/app/assets/stylesheets/application.css")
|
6
6
|
|
7
|
+
expect(File).to exist("#{dummy_app_path}/app/assets/stylesheets/_settings.scss")
|
7
8
|
expect(File).to exist("#{dummy_app_path}/app/assets/stylesheets/foundation_and_overrides.scss")
|
8
9
|
expect(application_css_file).to match(/require foundation_and_overrides/)
|
9
10
|
end
|
metadata
CHANGED
@@ -1,14 +1,14 @@
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
2
2
|
name: foundation-rails
|
3
3
|
version: !ruby/object:Gem::Version
|
4
|
-
version: 6.2.0.
|
4
|
+
version: 6.2.0.1
|
5
5
|
platform: ruby
|
6
6
|
authors:
|
7
7
|
- ZURB
|
8
8
|
autorequire:
|
9
9
|
bindir: bin
|
10
10
|
cert_chain: []
|
11
|
-
date: 2016-03-
|
11
|
+
date: 2016-03-05 00:00:00.000000000 Z
|
12
12
|
dependencies:
|
13
13
|
- !ruby/object:Gem::Dependency
|
14
14
|
name: sass
|