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.
- 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
|