foundation-rails 5.3.3.0 → 5.4.0.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.
Files changed (47) hide show
  1. data/bower.json +2 -2
  2. data/lib/foundation/rails/version.rb +1 -1
  3. data/vendor/assets/_settings.scss +363 -258
  4. data/vendor/assets/javascripts/foundation/foundation.joyride.js +55 -27
  5. data/vendor/assets/javascripts/foundation/foundation.js +14 -2
  6. data/vendor/assets/javascripts/foundation/foundation.magellan.js +1 -1
  7. data/vendor/assets/javascripts/foundation/foundation.offcanvas.js +37 -6
  8. data/vendor/assets/javascripts/foundation/foundation.orbit.js +1 -1
  9. data/vendor/assets/javascripts/foundation/foundation.slider.js +1 -1
  10. data/vendor/assets/javascripts/foundation/foundation.topbar.js +19 -16
  11. data/vendor/assets/stylesheets/foundation/_settings.scss +363 -258
  12. data/vendor/assets/stylesheets/foundation/components/_accordion.scss +3 -3
  13. data/vendor/assets/stylesheets/foundation/components/_alert-boxes.scss +2 -2
  14. data/vendor/assets/stylesheets/foundation/components/_breadcrumbs.scss +8 -3
  15. data/vendor/assets/stylesheets/foundation/components/_button-groups.scss +89 -5
  16. data/vendor/assets/stylesheets/foundation/components/_buttons.scss +2 -2
  17. data/vendor/assets/stylesheets/foundation/components/_clearing.scss +5 -5
  18. data/vendor/assets/stylesheets/foundation/components/_dropdown-buttons.scss +4 -4
  19. data/vendor/assets/stylesheets/foundation/components/_dropdown.scss +7 -7
  20. data/vendor/assets/stylesheets/foundation/components/_forms.scss +18 -17
  21. data/vendor/assets/stylesheets/foundation/components/_global.scss +36 -9
  22. data/vendor/assets/stylesheets/foundation/components/_grid.scss +3 -1
  23. data/vendor/assets/stylesheets/foundation/components/_icon-bar.scss +96 -33
  24. data/vendor/assets/stylesheets/foundation/components/_joyride.scss +8 -8
  25. data/vendor/assets/stylesheets/foundation/components/_keystrokes.scss +4 -4
  26. data/vendor/assets/stylesheets/foundation/components/_labels.scss +2 -2
  27. data/vendor/assets/stylesheets/foundation/components/_magellan.scss +1 -1
  28. data/vendor/assets/stylesheets/foundation/components/_offcanvas.scss +164 -12
  29. data/vendor/assets/stylesheets/foundation/components/_orbit.scss +10 -10
  30. data/vendor/assets/stylesheets/foundation/components/_pagination.scss +5 -5
  31. data/vendor/assets/stylesheets/foundation/components/_panels.scss +4 -4
  32. data/vendor/assets/stylesheets/foundation/components/_pricing-tables.scss +11 -11
  33. data/vendor/assets/stylesheets/foundation/components/_progress-bars.scss +2 -2
  34. data/vendor/assets/stylesheets/foundation/components/_range-slider.scss +2 -2
  35. data/vendor/assets/stylesheets/foundation/components/_reveal.scss +44 -38
  36. data/vendor/assets/stylesheets/foundation/components/_side-nav.scss +1 -1
  37. data/vendor/assets/stylesheets/foundation/components/_split-buttons.scss +2 -2
  38. data/vendor/assets/stylesheets/foundation/components/_sub-nav.scss +2 -2
  39. data/vendor/assets/stylesheets/foundation/components/_switches.scss +6 -2
  40. data/vendor/assets/stylesheets/foundation/components/_tables.scss +8 -6
  41. data/vendor/assets/stylesheets/foundation/components/_tabs.scss +17 -6
  42. data/vendor/assets/stylesheets/foundation/components/_thumbs.scss +2 -2
  43. data/vendor/assets/stylesheets/foundation/components/_toolbar.scss +4 -4
  44. data/vendor/assets/stylesheets/foundation/components/_tooltips.scss +6 -5
  45. data/vendor/assets/stylesheets/foundation/components/_top-bar.scss +29 -26
  46. data/vendor/assets/stylesheets/foundation/components/_type.scss +8 -8
  47. metadata +4 -4
@@ -16,18 +16,18 @@
16
16
  $include-html-table-classes: $include-html-classes !default;
17
17
 
18
18
  // These control the background color for the table and even rows
19
- $table-bg: #fff !default;
20
- $table-even-row-bg: #f9f9f9 !default;
19
+ $table-bg: $white !default;
20
+ $table-even-row-bg: $snow !default;
21
21
 
22
22
  // These control the table cell border style
23
23
  $table-border-style: solid !default;
24
24
  $table-border-size: 1px !default;
25
- $table-border-color: #ddd !default;
25
+ $table-border-color: $gainsboro !default;
26
26
 
27
27
  // These control the table head styles
28
- $table-head-bg: #f5f5f5 !default;
28
+ $table-head-bg: $white-smoke !default;
29
29
  $table-head-font-size: rem-calc(14) !default;
30
- $table-head-font-color: #222 !default;
30
+ $table-head-font-color: $jet !default;
31
31
  $table-head-font-weight: $font-weight-bold !default;
32
32
  $table-head-padding: rem-calc(8 10 10) !default;
33
33
 
@@ -47,7 +47,7 @@ $table-caption-font-weight: bold !default;
47
47
  // These control the row padding and font styles
48
48
  $table-row-padding: rem-calc(9 10) !default;
49
49
  $table-row-font-size: rem-calc(14) !default;
50
- $table-row-font-color: #222 !default;
50
+ $table-row-font-color: $jet !default;
51
51
  $table-line-height: rem-calc(18) !default;
52
52
 
53
53
  // These are for controlling the display and margin of tables
@@ -63,6 +63,8 @@ $table-margin-bottom: rem-calc(20) !default;
63
63
  background: $table-bg;
64
64
  margin-bottom: $table-margin-bottom;
65
65
  border: $table-border-style $table-border-size $table-border-color;
66
+ table-layout:fixed;
67
+ width:100%;
66
68
 
67
69
  caption {
68
70
  background: $table-caption-bg;
@@ -13,10 +13,10 @@
13
13
  $include-html-tabs-classes: $include-html-classes !default;
14
14
 
15
15
  $tabs-navigation-padding: rem-calc(16) !default;
16
- $tabs-navigation-bg-color: #efefef !default;
17
- $tabs-navigation-active-bg-color: #fff !default;
16
+ $tabs-navigation-bg-color: $silver !default;
17
+ $tabs-navigation-active-bg-color: $white !default;
18
18
  $tabs-navigation-hover-bg-color: scale-color($tabs-navigation-bg-color, $lightness: -6%) !default;
19
- $tabs-navigation-font-color: #222 !default;
19
+ $tabs-navigation-font-color: $jet !default;
20
20
  $tabs-navigation-active-font-color: $tabs-navigation-font-color !default;
21
21
  $tabs-navigation-font-size: rem-calc(16) !default;
22
22
  $tabs-navigation-font-family: $body-font-family !default;
@@ -39,14 +39,25 @@ $tabs-vertical-navigation-margin-bottom: 1.25rem !default;
39
39
  float: $default-float;
40
40
  > a {
41
41
  display: block;
42
- background: $tabs-navigation-bg-color;
42
+ background: {
43
+ color: $tabs-navigation-bg-color;
44
+ }
43
45
  color: $tabs-navigation-font-color;
44
46
  padding: $tabs-navigation-padding $tabs-navigation-padding * 2;
45
47
  font-family: $tabs-navigation-font-family;
46
48
  font-size: $tabs-navigation-font-size;
47
- &:hover { background: $tabs-navigation-hover-bg-color; }
49
+ &:hover {
50
+ background: {
51
+ color: $tabs-navigation-hover-bg-color;
52
+ }
53
+ }
48
54
  }
49
- &.active a { background: $tabs-navigation-active-bg-color; color:$tabs-navigation-active-font-color; }
55
+ &.active a {
56
+ background: {
57
+ color: $tabs-navigation-active-bg-color;
58
+ }
59
+ color:$tabs-navigation-active-font-color;
60
+ }
50
61
  }
51
62
  &.radius {
52
63
  dd:first-child, .tab:first-child {
@@ -18,8 +18,8 @@ $include-html-media-classes: $include-html-classes !default;
18
18
  // We use these to control border styles
19
19
  $thumb-border-style: solid !default;
20
20
  $thumb-border-width: 4px !default;
21
- $thumb-border-color: #fff !default;
22
- $thumb-box-shadow: 0 0 0 1px rgba(#000,.2) !default;
21
+ $thumb-border-color: $white !default;
22
+ $thumb-box-shadow: 0 0 0 1px rgba($black,.2) !default;
23
23
  $thumb-box-shadow-hover: 0 0 6px 1px rgba($primary-color,0.5) !default;
24
24
 
25
25
  // Radius and transition speed for thumbs
@@ -4,7 +4,7 @@
4
4
  // toolbar styles
5
5
 
6
6
  .toolbar {
7
- background: #333;
7
+ background: $oil;
8
8
  width: 100%;
9
9
  font-size: 0;
10
10
  display: inline-block;
@@ -42,7 +42,7 @@
42
42
  float: left;
43
43
 
44
44
  &:hover {
45
- background: rgba(#fff, 0.1);
45
+ background: rgba($white, 0.1);
46
46
  }
47
47
  }
48
48
  }
@@ -51,13 +51,13 @@
51
51
  font-size: 16px;
52
52
  text-align: center;
53
53
 
54
- label { color: #ccc; }
54
+ label { color: $iron; }
55
55
 
56
56
  i {
57
57
  font-size: 30px;
58
58
  display: block;
59
59
  margin: 0 auto;
60
- color: #ccc;
60
+ color: $iron;
61
61
  vertical-align: middle;
62
62
  }
63
63
 
@@ -9,22 +9,22 @@
9
9
  //
10
10
  $include-html-tooltip-classes: $include-html-classes !default;
11
11
 
12
- $has-tip-border-bottom: dotted 1px #ccc !default;
12
+ $has-tip-border-bottom: dotted 1px $iron !default;
13
13
  $has-tip-font-weight: $font-weight-bold !default;
14
- $has-tip-font-color: #333 !default;
14
+ $has-tip-font-color: $oil !default;
15
15
  $has-tip-border-bottom-hover: dotted 1px scale-color($primary-color, $lightness: -55%) !default;
16
16
  $has-tip-font-color-hover: $primary-color !default;
17
17
  $has-tip-cursor-type: help !default;
18
18
 
19
19
  $tooltip-padding: rem-calc(12) !default;
20
- $tooltip-bg: #333 !default;
20
+ $tooltip-bg: $oil !default;
21
21
  $tooltip-font-size: rem-calc(14) !default;
22
22
  $tooltip-font-weight: $font-weight-normal !default;
23
- $tooltip-font-color: #fff !default;
23
+ $tooltip-font-color: $white !default;
24
24
  $tooltip-line-height: 1.3 !default;
25
25
  $tooltip-close-font-size: rem-calc(10) !default;
26
26
  $tooltip-close-font-weight: $font-weight-normal !default;
27
- $tooltip-close-font-color: #777 !default;
27
+ $tooltip-close-font-color: $monsoon !default;
28
28
  $tooltip-font-size-sml: rem-calc(14) !default;
29
29
  $tooltip-radius: $global-radius !default;
30
30
  $tooltip-rounded: $global-rounded !default;
@@ -74,6 +74,7 @@ $tooltip-max-width: 300px !default;
74
74
  border: solid $tooltip-pip-size;
75
75
  border-color: transparent transparent $tooltip-bg transparent;
76
76
  top: -($tooltip-pip-size * 2);
77
+ pointer-events: none;
77
78
 
78
79
  &.rtl {
79
80
  left: auto;
@@ -12,7 +12,7 @@
12
12
  $include-html-top-bar-classes: $include-html-classes !default;
13
13
 
14
14
  // Background color for the top bar
15
- $topbar-bg-color: #333 !default;
15
+ $topbar-bg-color: $oil !default;
16
16
  $topbar-bg: $topbar-bg-color !default;
17
17
 
18
18
  // Height and margin
@@ -24,25 +24,25 @@ $topbar-title-weight: $font-weight-normal !default;
24
24
  $topbar-title-font-size: rem-calc(17) !default;
25
25
 
26
26
  // Style the top bar dropdown elements
27
- $topbar-dropdown-bg: #333 !default;
28
- $topbar-dropdown-link-color: #fff !default;
29
- $topbar-dropdown-link-bg: #333 !default;
27
+ $topbar-dropdown-bg: $oil !default;
28
+ $topbar-dropdown-link-color: $white !default;
29
+ $topbar-dropdown-link-bg: $oil !default;
30
30
  $topbar-dropdown-link-weight: $font-weight-normal !default;
31
31
  $topbar-dropdown-toggle-size: 5px !default;
32
- $topbar-dropdown-toggle-color: #fff !default;
32
+ $topbar-dropdown-toggle-color: $white !default;
33
33
  $topbar-dropdown-toggle-alpha: 0.4 !default;
34
34
 
35
35
  // Set the link colors and styles for top-level nav
36
- $topbar-link-color: #fff !default;
37
- $topbar-link-color-hover: #fff !default;
38
- $topbar-link-color-active: #fff !default;
39
- $topbar-link-color-active-hover: #fff !default;
36
+ $topbar-link-color: $white !default;
37
+ $topbar-link-color-hover: $white !default;
38
+ $topbar-link-color-active: $white !default;
39
+ $topbar-link-color-active-hover: $white !default;
40
40
  $topbar-link-weight: $font-weight-normal !default;
41
41
  $topbar-link-font-size: rem-calc(13) !default;
42
42
  $topbar-link-hover-lightness: -10% !default; // Darken by 10%
43
43
  $topbar-link-bg: $topbar-bg !default;
44
44
  $topbar-link-bg-hover: #272727 !default;
45
- $topbar-link-bg-color-hover: #555555 !default;
45
+ $topbar-link-bg-color-hover: $charcoal !default;
46
46
  $topbar-link-bg-active: $primary-color !default;
47
47
  $topbar-link-bg-active-hover: scale-color($primary-color, $lightness: -14%) !default;
48
48
  $topbar-link-font-family: $body-font-family !default;
@@ -52,20 +52,20 @@ $topbar-link-padding: $topbar-height / 3 !default;
52
52
  $topbar-button-font-size: 0.75rem !default;
53
53
  $topbar-button-top: 7px !default;
54
54
 
55
- $topbar-dropdown-label-color: #777 !default;
55
+ $topbar-dropdown-label-color: $monsoon !default;
56
56
  $topbar-dropdown-label-text-transform: uppercase !default;
57
57
  $topbar-dropdown-label-font-weight: $font-weight-bold !default;
58
58
  $topbar-dropdown-label-font-size: rem-calc(10) !default;
59
- $topbar-dropdown-label-bg: #333 !default;
59
+ $topbar-dropdown-label-bg: $oil !default;
60
60
 
61
61
  // Top menu icon styles
62
62
  $topbar-menu-link-transform: uppercase !default;
63
63
  $topbar-menu-link-font-size: rem-calc(13) !default;
64
64
  $topbar-menu-link-weight: $font-weight-bold !default;
65
- $topbar-menu-link-color: #fff !default;
66
- $topbar-menu-icon-color: #fff !default;
67
- $topbar-menu-link-color-toggled: #888 !default;
68
- $topbar-menu-icon-color-toggled: #888 !default;
65
+ $topbar-menu-link-color: $white !default;
66
+ $topbar-menu-icon-color: $white !default;
67
+ $topbar-menu-link-color-toggled: $jumbo !default;
68
+ $topbar-menu-icon-color-toggled: $jumbo !default;
69
69
 
70
70
  // Transitions and breakpoint styles
71
71
  $topbar-transition-speed: 300ms !default;
@@ -226,7 +226,7 @@ $topbar-arrows: true !default; //Set false to remove the triangle icon from the
226
226
  }
227
227
  height: 34px;
228
228
  line-height: 33px;
229
- padding: 0 $topbar-link-padding+25 0 $topbar-link-padding;
229
+ padding: 0 $topbar-link-padding+25px 0 $topbar-link-padding;
230
230
  color: $topbar-menu-link-color;
231
231
  position: relative;
232
232
 
@@ -567,15 +567,18 @@ $topbar-arrows: true !default; //Set false to remove the triangle icon from the
567
567
  background: $topbar-dropdown-link-bg;
568
568
  }
569
569
 
570
- &:not(.has-form) a:not(.button) {
571
- color: $topbar-dropdown-link-color;
572
- background: $topbar-dropdown-link-bg;
573
- }
574
- &:not(.has-form):hover > a:not(.button) {
575
- color: $topbar-link-color-hover;
576
- background-color: $topbar-link-bg-color-hover;
577
- @if ($topbar-link-bg-hover) {
578
- background: $topbar-link-bg-hover;
570
+ &:not(.has-form):not(.active) {
571
+ & > a:not(.button) {
572
+ color: $topbar-dropdown-link-color;
573
+ background: $topbar-dropdown-link-bg;
574
+ }
575
+
576
+ &:hover > a:not(.button) {
577
+ color: $topbar-link-color-hover;
578
+ background-color: $topbar-link-bg-color-hover;
579
+ @if ($topbar-link-bg-hover) {
580
+ background: $topbar-link-bg-hover;
581
+ }
579
582
  }
580
583
  }
581
584
 
@@ -10,7 +10,7 @@ $include-html-type-classes: $include-html-classes !default;
10
10
  $header-font-family: $body-font-family !default;
11
11
  $header-font-weight: $font-weight-normal !default;
12
12
  $header-font-style: $font-weight-normal !default;
13
- $header-font-color: #222 !default;
13
+ $header-font-color: $jet !default;
14
14
  $header-line-height: 1.4 !default;
15
15
  $header-top-margin: .2rem !default;
16
16
  $header-bottom-margin: .5rem !default;
@@ -55,7 +55,7 @@ $paragraph-aside-font-style: italic !default;
55
55
  $paragraph-text-rendering: optimizeLegibility !default;
56
56
 
57
57
  // We use these to style <code> tags
58
- $code-color: #333 !default;
58
+ $code-color: $oil !default;
59
59
  $code-font-family: Consolas, 'Liberation Mono', Courier, monospace !default;
60
60
  $code-font-weight: $font-weight-normal !default;
61
61
  $code-background-color: scale-color($secondary-color, $lightness: 70%) !default;
@@ -73,7 +73,7 @@ $anchor-font-color-hover: scale-color($anchor-font-color, $lightness: -14%) !def
73
73
  // We use these to style the <hr> element
74
74
  $hr-border-width: 1px !default;
75
75
  $hr-border-style: solid !default;
76
- $hr-border-color: #ddd !default;
76
+ $hr-border-color: $gainsboro !default;
77
77
  $hr-margin: rem-calc(20) !default;
78
78
 
79
79
  // We use these to style lists
@@ -93,13 +93,13 @@ $definition-list-margin-bottom: rem-calc(12) !default;
93
93
  // We use these to style blockquotes
94
94
  $blockquote-font-color: scale-color($header-font-color, $lightness: 35%) !default;
95
95
  $blockquote-padding: rem-calc(9 20 0 19) !default;
96
- $blockquote-border: 1px solid #ddd !default;
96
+ $blockquote-border: 1px solid $gainsboro !default;
97
97
  $blockquote-cite-font-size: rem-calc(13) !default;
98
98
  $blockquote-cite-font-color: scale-color($header-font-color, $lightness: 23%) !default;
99
99
  $blockquote-cite-link-color: $blockquote-cite-font-color !default;
100
100
 
101
101
  // Acronym styles
102
- $acronym-underline: 1px dotted #ddd !default;
102
+ $acronym-underline: 1px dotted $gainsboro !default;
103
103
 
104
104
  // We use these to control padding and margin
105
105
  $microformat-padding: rem-calc(10 12) !default;
@@ -108,7 +108,7 @@ $microformat-margin: rem-calc(0 0 20 0) !default;
108
108
  // We use these to control the border styles
109
109
  $microformat-border-width: 1px !default;
110
110
  $microformat-border-style: solid !default;
111
- $microformat-border-color: #ddd !default;
111
+ $microformat-border-color: $gainsboro !default;
112
112
 
113
113
  // We use these to control full name font styles
114
114
  $microformat-fullname-font-weight: $font-weight-bold !default;
@@ -471,7 +471,7 @@ $align-class-breakpoints:
471
471
  @media print {
472
472
  * {
473
473
  background: transparent !important;
474
- color: #000 !important; /* Black prints faster: h5bp.com/s */
474
+ color: $black !important; /* Black prints faster: h5bp.com/s */
475
475
  box-shadow: none !important;
476
476
  text-shadow: none !important;
477
477
  }
@@ -489,7 +489,7 @@ $align-class-breakpoints:
489
489
 
490
490
  pre,
491
491
  blockquote {
492
- border: 1px solid #999;
492
+ border: 1px solid $aluminum;
493
493
  page-break-inside: avoid;
494
494
  }
495
495
 
metadata CHANGED
@@ -1,7 +1,7 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: foundation-rails
3
3
  version: !ruby/object:Gem::Version
4
- version: 5.3.3.0
4
+ version: 5.4.0.0
5
5
  prerelease:
6
6
  platform: ruby
7
7
  authors:
@@ -9,7 +9,7 @@ authors:
9
9
  autorequire:
10
10
  bindir: bin
11
11
  cert_chain: []
12
- date: 2014-08-04 00:00:00.000000000 Z
12
+ date: 2014-08-21 00:00:00.000000000 Z
13
13
  dependencies:
14
14
  - !ruby/object:Gem::Dependency
15
15
  name: bundler
@@ -238,7 +238,7 @@ required_ruby_version: !ruby/object:Gem::Requirement
238
238
  version: '0'
239
239
  segments:
240
240
  - 0
241
- hash: 3790373519608939050
241
+ hash: 3799240780023571089
242
242
  required_rubygems_version: !ruby/object:Gem::Requirement
243
243
  none: false
244
244
  requirements:
@@ -247,7 +247,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
247
247
  version: '0'
248
248
  segments:
249
249
  - 0
250
- hash: 3790373519608939050
250
+ hash: 3799240780023571089
251
251
  requirements: []
252
252
  rubyforge_project:
253
253
  rubygems_version: 1.8.23