foundation-rails 6.3.0.0 → 6.3.1.0

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