foundation-rails 6.3.0.0 → 6.3.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.
Files changed (54) hide show
  1. checksums.yaml +4 -4
  2. data/.ruby-version +1 -1
  3. data/.travis.yml +1 -1
  4. data/LICENSE.txt +1 -1
  5. data/Rakefile +1 -1
  6. data/bower.json +2 -2
  7. data/lib/foundation/rails/version.rb +1 -1
  8. data/lib/generators/foundation/templates/_settings.scss +0 -1
  9. data/vendor/assets/js/foundation.abide.js.es6 +26 -13
  10. data/vendor/assets/js/foundation.accordion.js.es6 +94 -5
  11. data/vendor/assets/js/foundation.accordionMenu.js.es6 +4 -2
  12. data/vendor/assets/js/foundation.core.js.es6 +1 -1
  13. data/vendor/assets/js/foundation.drilldown.js.es6 +44 -21
  14. data/vendor/assets/js/foundation.dropdown.js.es6 +26 -12
  15. data/vendor/assets/js/foundation.dropdownMenu.js.es6 +24 -13
  16. data/vendor/assets/js/foundation.equalizer.js.es6 +6 -3
  17. data/vendor/assets/js/foundation.interchange.js.es6 +5 -1
  18. data/vendor/assets/js/foundation.magellan.js.es6 +14 -7
  19. data/vendor/assets/js/foundation.offcanvas.js.es6 +70 -15
  20. data/vendor/assets/js/foundation.orbit.js.es6 +36 -18
  21. data/vendor/assets/js/foundation.responsiveMenu.js.es6 +0 -3
  22. data/vendor/assets/js/foundation.responsiveToggle.js.es6 +12 -16
  23. data/vendor/assets/js/foundation.reveal.js.es6 +39 -19
  24. data/vendor/assets/js/foundation.slider.js.es6 +37 -19
  25. data/vendor/assets/js/foundation.sticky.js.es6 +61 -25
  26. data/vendor/assets/js/foundation.tabs.js.es6 +74 -46
  27. data/vendor/assets/js/foundation.toggler.js.es6 +2 -1
  28. data/vendor/assets/js/foundation.tooltip.js.es6 +30 -15
  29. data/vendor/assets/js/foundation.util.timerAndImageLoader.js.es6 +1 -1
  30. data/vendor/assets/js/foundation.util.triggers.js.es6 +0 -47
  31. data/vendor/assets/scss/_global.scss +6 -0
  32. data/vendor/assets/scss/components/_accordion.scss +1 -1
  33. data/vendor/assets/scss/components/_breadcrumbs.scss +5 -2
  34. data/vendor/assets/scss/components/_button-group.scss +18 -8
  35. data/vendor/assets/scss/components/_button.scss +46 -8
  36. data/vendor/assets/scss/components/_card.scss +1 -1
  37. data/vendor/assets/scss/components/_flex.scss +6 -0
  38. data/vendor/assets/scss/components/_menu.scss +30 -3
  39. data/vendor/assets/scss/components/_responsive-embed.scss +6 -2
  40. data/vendor/assets/scss/components/_reveal.scss +2 -2
  41. data/vendor/assets/scss/foundation.scss +3 -3
  42. data/vendor/assets/scss/grid/_classes.scss +6 -2
  43. data/vendor/assets/scss/grid/_column.scss +1 -1
  44. data/vendor/assets/scss/grid/_flex-grid.scss +22 -2
  45. data/vendor/assets/scss/grid/_grid.scss +4 -0
  46. data/vendor/assets/scss/settings/_settings.scss +0 -1
  47. data/vendor/assets/scss/typography/_base.scss +1 -1
  48. data/vendor/assets/scss/typography/_print.scss +5 -0
  49. data/vendor/assets/scss/util/_direction.scss +31 -0
  50. data/vendor/assets/scss/util/_math.scss +1 -1
  51. data/vendor/assets/scss/util/_typography.scss +26 -0
  52. data/vendor/assets/scss/util/_util.scss +2 -0
  53. data/vendor/assets/scss/util/_value.scss +20 -0
  54. metadata +5 -3
@@ -55,6 +55,10 @@
55
55
  }
56
56
  }
57
57
 
58
+ &:not(.#{$expanded}) .#{$row} {
59
+ @include grid-row-size(expand);
60
+ }
61
+
58
62
  @if type-of($grid-column-gutter) == 'map' {
59
63
  // Static (unresponsive) row gutters
60
64
  //
@@ -163,8 +167,8 @@
163
167
  @include grid-column-margin;
164
168
  }
165
169
 
166
- @if $column == 'column' {
167
- .columns {
170
+ @if $column == 'column' and has-value($grid-column-alias) {
171
+ .#{$grid-column-alias} {
168
172
  // sass-lint:disable-block placeholder-in-extend
169
173
  @extend .column;
170
174
  }
@@ -12,7 +12,7 @@
12
12
  /// Width of the column. Accepts multiple values:
13
13
  /// - A percentage value will make the column that exact size.
14
14
  /// - A single digit will make the column span that number of columns wide, taking into account the column count of the parent row.
15
- /// - A string of the format "x of y" will make a column that is *x* columns wide, assuming *y* total columns for the parent.
15
+ /// - A list of the format "x of y" (without quotes) will make a column that is *x* columns wide, assuming *y* total columns for the parent.
16
16
  ///
17
17
  /// @returns {Number} A calculated percentage value.
18
18
  @function grid-column($columns) {
@@ -72,7 +72,7 @@
72
72
  /// Creates a column for a flex grid. By default, the column will stretch to the full width of its container, but this can be overridden with sizing classes, or by using the `unstack` class on the parent flex row.
73
73
  ///
74
74
  /// @param {Mixed} $columns [expand] - Width of the column. Refer to the `flex-grid-column()` function to see possible values.
75
- /// @param {Number} $gutter [$grid-column-gutter] - Space between columns, added as a left and right padding.
75
+ /// @param {Number|Map} $gutters [$grid-column-gutter] - Map or single value for gutters width. See the `grid-column-gutter` mixin.
76
76
  @mixin flex-grid-column(
77
77
  $columns: expand,
78
78
  $gutters: $grid-column-gutter
@@ -134,10 +134,24 @@
134
134
  // Nesting behavior
135
135
  & .row {
136
136
  @include flex-grid-row(nest, $base: false);
137
+
138
+ &.collapse {
139
+ margin-right: 0;
140
+ margin-left: 0;
141
+ }
137
142
  }
138
143
 
139
144
  // Expanded row
140
145
  &.expanded {
146
+ @include grid-row-size(expand);
147
+
148
+ .row {
149
+ margin-right: auto;
150
+ margin-left: auto;
151
+ }
152
+ }
153
+
154
+ &:not(.expanded) .row {
141
155
  @include grid-row-size(expand);
142
156
  }
143
157
 
@@ -164,7 +178,8 @@
164
178
  // Column row
165
179
  // The double .row class is needed to bump up the specificity
166
180
  .column.row.row {
167
- display: flex;
181
+ float: none;
182
+ display: block;
168
183
  }
169
184
 
170
185
  // To properly nest a column row, padding and margin is removed
@@ -285,6 +300,11 @@
285
300
  max-width: 100%;
286
301
  }
287
302
 
303
+ // Block grid columns
304
+ .column-block {
305
+ @include grid-column-margin;
306
+ }
307
+
288
308
  .columns {
289
309
  @extend .column; // sass-lint:disable-line placeholder-in-extend
290
310
 
@@ -26,6 +26,10 @@ $grid-column-gutter: (
26
26
  /// @type Boolean
27
27
  $grid-column-align-edge: true !default;
28
28
 
29
+ /// Selector used for an alias of column (with @extend). If `false`, no alias is created.
30
+ /// @type String
31
+ $grid-column-alias: 'columns' !default;
32
+
29
33
  /// The highest number of `.x-up` classes available when using the block grid CSS.
30
34
  /// @type Number
31
35
  $block-grid-max: 8 !default;
@@ -618,4 +618,3 @@ $topbar-submenu-background: $topbar-background;
618
618
  $topbar-title-spacing: 0.5rem 1rem 0.5rem 0;
619
619
  $topbar-input-width: 200px;
620
620
  $topbar-unstack-breakpoint: medium;
621
-
@@ -12,7 +12,7 @@
12
12
  // - Paragraphs <p>
13
13
  // - Bold/italics <b> <strong> <i> <em>
14
14
  // - Small text <small>
15
- // - Headings <h1>—<h6>
15
+ // - Headings <h1>-<h6>
16
16
  // - Anchors <a>
17
17
  // - Dividers <hr>
18
18
  // - Lists <ul> <ol> <dl>
@@ -77,5 +77,10 @@ $print-hrefs: true !default;
77
77
  // Avoid page breaks after a heading
78
78
  h2,
79
79
  h3 { page-break-after: avoid; }
80
+
81
+ // Helper to re-allow page breaks in the middle of certain elements (e.g. pre, blockquote, tr)
82
+ .print-break-inside {
83
+ page-break-inside: auto;
84
+ }
80
85
  }
81
86
  }
@@ -0,0 +1,31 @@
1
+ // Foundation for Sites by ZURB
2
+ // foundation.zurb.com
3
+ // Licensed under MIT Open Source
4
+
5
+ ////
6
+ /// @group functions
7
+ ////
8
+
9
+ /// Returns the opposite direction of $dir
10
+ ///
11
+ /// @param {Keyword} $dir - Used direction between "top", "right", "bottom" and "left".
12
+ /// @return {Keyword} Opposite direction of $dir
13
+ @function direction-opposite(
14
+ $dir
15
+ ) {
16
+ $dirs: (top, right, bottom, left);
17
+ $place: index($dirs, $dir);
18
+
19
+ @if $place == null {
20
+ @error 'direction-opposite: Invalid $dir parameter, expected a value from "#{$dirs}", found "#{$dir}".';
21
+ @return null;
22
+ }
23
+
24
+ // Calcul the opposite place in a circle, with a starting index of 1
25
+ $length: length($dirs);
26
+ $demi: $length / 2;
27
+ $opposite-place: (($place + $demi - 1) % $length) + 1;
28
+
29
+ @return nth($dirs, $opposite-place);
30
+ }
31
+
@@ -28,7 +28,7 @@
28
28
  /// @param {Number} $exponent - The exponent.
29
29
  ///
30
30
  /// @returns {Number} The product of the exponentiation.
31
- @function pow($base, $exponent, $prec: 12) {
31
+ @function pow($base, $exponent, $prec: 16) {
32
32
  @if (floor($exponent) != $exponent) {
33
33
  $prec2 : pow(10, $prec);
34
34
  $exponent: round($exponent * $prec2);
@@ -0,0 +1,26 @@
1
+ // Foundation for Sites by ZURB
2
+ // foundation.zurb.com
3
+ // Licensed under MIT Open Source
4
+
5
+ ////
6
+ /// @group functions
7
+ ////
8
+
9
+ $-zf-font-stack: (
10
+ 'georgia': (Georgia, "URW Bookman L", serif),
11
+ 'helvetica': (Helvetica, Arial, "Nimbus Sans L", sans-serif),
12
+ 'lucida-grande': ("Lucida Grande", "Lucida Sans Unicode", "Bitstream Vera Sans", sans-serif),
13
+ 'monospace': ("Courier New", Courier, "Nimbus Sans L", monospace),
14
+ 'system': (-apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Helvetica Neue", Helvetica, Arial, sans-serif),
15
+ 'verdana': (Verdana, Geneva, "DejaVu Sans", sans-serif),
16
+ );
17
+
18
+ /// Return a font stack list from a map. Equivalent to `map-safe-get($name, $-zf-font-stack)`.
19
+ ///
20
+ /// @param {String} $stack - Name of the font stack.
21
+ /// @param {Map} $map [$-zf-font-stack] - Map of font stacks to retrieve a list from.
22
+ ///
23
+ /// @returns {List} Found font stack.
24
+ @function font-stack($stack, $map: $-zf-font-stack) {
25
+ @return map-safe-get($map, $stack);
26
+ }
@@ -5,8 +5,10 @@
5
5
  @import 'math';
6
6
  @import 'unit';
7
7
  @import 'value';
8
+ @import 'direction';
8
9
  @import 'color';
9
10
  @import 'selector';
10
11
  @import 'flex';
11
12
  @import 'breakpoint';
12
13
  @import 'mixins';
14
+ @import 'typography';
@@ -138,3 +138,23 @@
138
138
  @return if(type-of($map) != 'list', ($value,), $map);
139
139
 
140
140
  }
141
+
142
+ /// Safely return a value from a map.
143
+ ///
144
+ /// @param {Map} $map - Map to retrieve a value from.
145
+ /// @param {String} $key - Name of the map key.
146
+ ///
147
+ /// @returns {List} Found value.
148
+ @function map-safe-get($map, $key) {
149
+ @if (type-of($map) == 'map' or (type-of($map) == 'list' and length($map) == 0)) {
150
+ @if (map-has-key($map, $key)) {
151
+ @return map-get($map, $key);
152
+ }
153
+ @else {
154
+ @error 'Key: `#{$key}` is not available in `#{$map}`';
155
+ }
156
+ }
157
+ @else {
158
+ @error '`#{$map}` is not a valid map';
159
+ }
160
+ }
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.3.0.0
4
+ version: 6.3.1.0
5
5
  platform: ruby
6
6
  authors:
7
7
  - ZURB
8
8
  autorequire:
9
9
  bindir: bin
10
10
  cert_chain: []
11
- date: 2016-12-15 00:00:00.000000000 Z
11
+ date: 2017-03-22 00:00:00.000000000 Z
12
12
  dependencies:
13
13
  - !ruby/object:Gem::Dependency
14
14
  name: sass
@@ -289,10 +289,12 @@ files:
289
289
  - vendor/assets/scss/typography/_typography.scss
290
290
  - vendor/assets/scss/util/_breakpoint.scss
291
291
  - vendor/assets/scss/util/_color.scss
292
+ - vendor/assets/scss/util/_direction.scss
292
293
  - vendor/assets/scss/util/_flex.scss
293
294
  - vendor/assets/scss/util/_math.scss
294
295
  - vendor/assets/scss/util/_mixins.scss
295
296
  - vendor/assets/scss/util/_selector.scss
297
+ - vendor/assets/scss/util/_typography.scss
296
298
  - vendor/assets/scss/util/_unit.scss
297
299
  - vendor/assets/scss/util/_util.scss
298
300
  - vendor/assets/scss/util/_value.scss
@@ -316,7 +318,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
316
318
  version: '0'
317
319
  requirements: []
318
320
  rubyforge_project:
319
- rubygems_version: 2.2.2
321
+ rubygems_version: 2.4.5
320
322
  signing_key:
321
323
  specification_version: 4
322
324
  summary: ZURB Foundation on Sass/Compass