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.
- checksums.yaml +4 -4
- data/.ruby-version +1 -1
- data/.travis.yml +1 -1
- data/LICENSE.txt +1 -1
- data/Rakefile +1 -1
- data/bower.json +2 -2
- data/lib/foundation/rails/version.rb +1 -1
- data/lib/generators/foundation/templates/_settings.scss +0 -1
- data/vendor/assets/js/foundation.abide.js.es6 +26 -13
- data/vendor/assets/js/foundation.accordion.js.es6 +94 -5
- data/vendor/assets/js/foundation.accordionMenu.js.es6 +4 -2
- data/vendor/assets/js/foundation.core.js.es6 +1 -1
- data/vendor/assets/js/foundation.drilldown.js.es6 +44 -21
- data/vendor/assets/js/foundation.dropdown.js.es6 +26 -12
- data/vendor/assets/js/foundation.dropdownMenu.js.es6 +24 -13
- data/vendor/assets/js/foundation.equalizer.js.es6 +6 -3
- data/vendor/assets/js/foundation.interchange.js.es6 +5 -1
- data/vendor/assets/js/foundation.magellan.js.es6 +14 -7
- data/vendor/assets/js/foundation.offcanvas.js.es6 +70 -15
- data/vendor/assets/js/foundation.orbit.js.es6 +36 -18
- data/vendor/assets/js/foundation.responsiveMenu.js.es6 +0 -3
- data/vendor/assets/js/foundation.responsiveToggle.js.es6 +12 -16
- data/vendor/assets/js/foundation.reveal.js.es6 +39 -19
- data/vendor/assets/js/foundation.slider.js.es6 +37 -19
- data/vendor/assets/js/foundation.sticky.js.es6 +61 -25
- data/vendor/assets/js/foundation.tabs.js.es6 +74 -46
- data/vendor/assets/js/foundation.toggler.js.es6 +2 -1
- data/vendor/assets/js/foundation.tooltip.js.es6 +30 -15
- data/vendor/assets/js/foundation.util.timerAndImageLoader.js.es6 +1 -1
- data/vendor/assets/js/foundation.util.triggers.js.es6 +0 -47
- data/vendor/assets/scss/_global.scss +6 -0
- data/vendor/assets/scss/components/_accordion.scss +1 -1
- data/vendor/assets/scss/components/_breadcrumbs.scss +5 -2
- data/vendor/assets/scss/components/_button-group.scss +18 -8
- data/vendor/assets/scss/components/_button.scss +46 -8
- data/vendor/assets/scss/components/_card.scss +1 -1
- data/vendor/assets/scss/components/_flex.scss +6 -0
- data/vendor/assets/scss/components/_menu.scss +30 -3
- data/vendor/assets/scss/components/_responsive-embed.scss +6 -2
- data/vendor/assets/scss/components/_reveal.scss +2 -2
- data/vendor/assets/scss/foundation.scss +3 -3
- data/vendor/assets/scss/grid/_classes.scss +6 -2
- data/vendor/assets/scss/grid/_column.scss +1 -1
- data/vendor/assets/scss/grid/_flex-grid.scss +22 -2
- data/vendor/assets/scss/grid/_grid.scss +4 -0
- data/vendor/assets/scss/settings/_settings.scss +0 -1
- data/vendor/assets/scss/typography/_base.scss +1 -1
- data/vendor/assets/scss/typography/_print.scss +5 -0
- data/vendor/assets/scss/util/_direction.scss +31 -0
- data/vendor/assets/scss/util/_math.scss +1 -1
- data/vendor/assets/scss/util/_typography.scss +26 -0
- data/vendor/assets/scss/util/_util.scss +2 -0
- data/vendor/assets/scss/util/_value.scss +20 -0
- 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
|
-
|
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
|
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} $
|
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
|
-
|
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;
|
@@ -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:
|
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
|
+
}
|
@@ -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.
|
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:
|
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.
|
321
|
+
rubygems_version: 2.4.5
|
320
322
|
signing_key:
|
321
323
|
specification_version: 4
|
322
324
|
summary: ZURB Foundation on Sass/Compass
|