jekyll-theme-foundation 0.1.0
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +7 -0
- data/LICENSE.txt +21 -0
- data/README.md +48 -0
- data/_includes/google-analytics.html +8 -0
- data/_includes/head.html +17 -0
- data/_includes/scripts.html +4 -0
- data/_layouts/default.html +16 -0
- data/_layouts/home.html +5 -0
- data/_layouts/page.html +5 -0
- data/_layouts/post.html +5 -0
- data/_sass/_vendor/normalize-scss/sass/_normalize.scss +3 -0
- data/_sass/_vendor/normalize-scss/sass/normalize/_import-now.scss +11 -0
- data/_sass/_vendor/normalize-scss/sass/normalize/_normalize-mixin.scss +676 -0
- data/_sass/_vendor/normalize-scss/sass/normalize/_variables.scss +36 -0
- data/_sass/_vendor/normalize-scss/sass/normalize/_vertical-rhythm.scss +61 -0
- data/_sass/_vendor/sassy-lists/stylesheets/functions/_contain.scss +31 -0
- data/_sass/_vendor/sassy-lists/stylesheets/functions/_purge.scss +38 -0
- data/_sass/_vendor/sassy-lists/stylesheets/functions/_remove.scss +31 -0
- data/_sass/_vendor/sassy-lists/stylesheets/functions/_replace.scss +46 -0
- data/_sass/_vendor/sassy-lists/stylesheets/functions/_to-list.scss +27 -0
- data/_sass/_vendor/sassy-lists/stylesheets/helpers/_missing-dependencies.scss +25 -0
- data/_sass/_vendor/sassy-lists/stylesheets/helpers/_true.scss +13 -0
- data/_sass/assets/foundation-float.scss +5 -0
- data/_sass/assets/foundation-prototype.scss +3 -0
- data/_sass/assets/foundation-rtl.scss +5 -0
- data/_sass/assets/foundation.scss +3 -0
- data/_sass/jekyll-theme-foundation.scss +5 -0
- data/_sass/scss/_global.scss +249 -0
- data/_sass/scss/components/_accordion-menu.scss +171 -0
- data/_sass/scss/components/_accordion.scss +155 -0
- data/_sass/scss/components/_badge.scss +63 -0
- data/_sass/scss/components/_breadcrumbs.scss +117 -0
- data/_sass/scss/components/_button-group.scss +253 -0
- data/_sass/scss/components/_button.scss +385 -0
- data/_sass/scss/components/_callout.scss +106 -0
- data/_sass/scss/components/_card.scss +129 -0
- data/_sass/scss/components/_close-button.scss +102 -0
- data/_sass/scss/components/_drilldown.scss +142 -0
- data/_sass/scss/components/_dropdown-menu.scss +274 -0
- data/_sass/scss/components/_dropdown.scss +79 -0
- data/_sass/scss/components/_flex-video.scss +1 -0
- data/_sass/scss/components/_flex.scss +117 -0
- data/_sass/scss/components/_float.scss +27 -0
- data/_sass/scss/components/_label.scss +64 -0
- data/_sass/scss/components/_media-object.scss +114 -0
- data/_sass/scss/components/_menu-icon.scss +9 -0
- data/_sass/scss/components/_menu.scss +495 -0
- data/_sass/scss/components/_off-canvas.scss +506 -0
- data/_sass/scss/components/_orbit.scss +196 -0
- data/_sass/scss/components/_pagination.scss +193 -0
- data/_sass/scss/components/_progress-bar.scss +64 -0
- data/_sass/scss/components/_responsive-embed.scss +70 -0
- data/_sass/scss/components/_reveal.scss +180 -0
- data/_sass/scss/components/_slider.scss +137 -0
- data/_sass/scss/components/_sticky.scss +39 -0
- data/_sass/scss/components/_switch.scss +247 -0
- data/_sass/scss/components/_table.scss +330 -0
- data/_sass/scss/components/_tabs.scss +196 -0
- data/_sass/scss/components/_thumbnail.scss +67 -0
- data/_sass/scss/components/_title-bar.scss +84 -0
- data/_sass/scss/components/_tooltip.scss +160 -0
- data/_sass/scss/components/_top-bar.scss +175 -0
- data/_sass/scss/components/_visibility.scss +132 -0
- data/_sass/scss/forms/_checkbox.scss +41 -0
- data/_sass/scss/forms/_error.scss +88 -0
- data/_sass/scss/forms/_fieldset.scss +53 -0
- data/_sass/scss/forms/_forms.scss +34 -0
- data/_sass/scss/forms/_help-text.scss +30 -0
- data/_sass/scss/forms/_input-group.scss +142 -0
- data/_sass/scss/forms/_label.scss +50 -0
- data/_sass/scss/forms/_meter.scss +116 -0
- data/_sass/scss/forms/_progress.scss +94 -0
- data/_sass/scss/forms/_range.scss +149 -0
- data/_sass/scss/forms/_select.scss +86 -0
- data/_sass/scss/forms/_text.scss +179 -0
- data/_sass/scss/foundation.scss +133 -0
- data/_sass/scss/grid/_classes.scss +176 -0
- data/_sass/scss/grid/_column.scss +112 -0
- data/_sass/scss/grid/_flex-grid.scss +259 -0
- data/_sass/scss/grid/_grid.scss +48 -0
- data/_sass/scss/grid/_gutter.scss +82 -0
- data/_sass/scss/grid/_layout.scss +76 -0
- data/_sass/scss/grid/_position.scss +76 -0
- data/_sass/scss/grid/_row.scss +99 -0
- data/_sass/scss/grid/_size.scss +24 -0
- data/_sass/scss/prototype/_arrow.scss +36 -0
- data/_sass/scss/prototype/_border-box.scss +35 -0
- data/_sass/scss/prototype/_border-none.scss +35 -0
- data/_sass/scss/prototype/_bordered.scss +54 -0
- data/_sass/scss/prototype/_box.scss +23 -0
- data/_sass/scss/prototype/_display.scss +50 -0
- data/_sass/scss/prototype/_font-styling.scss +95 -0
- data/_sass/scss/prototype/_list-style-type.scss +95 -0
- data/_sass/scss/prototype/_overflow.scss +72 -0
- data/_sass/scss/prototype/_position.scss +114 -0
- data/_sass/scss/prototype/_prototype.scss +87 -0
- data/_sass/scss/prototype/_relation.scss +157 -0
- data/_sass/scss/prototype/_rotate.scss +31 -0
- data/_sass/scss/prototype/_rounded.scss +54 -0
- data/_sass/scss/prototype/_separator.scss +96 -0
- data/_sass/scss/prototype/_shadow.scss +43 -0
- data/_sass/scss/prototype/_sizing.scss +73 -0
- data/_sass/scss/prototype/_spacing.scss +204 -0
- data/_sass/scss/prototype/_text-decoration.scss +48 -0
- data/_sass/scss/prototype/_text-transformation.scss +48 -0
- data/_sass/scss/prototype/_text-utilities.scss +88 -0
- data/_sass/scss/settings/_settings.scss +869 -0
- data/_sass/scss/typography/_alignment.scss +22 -0
- data/_sass/scss/typography/_base.scss +509 -0
- data/_sass/scss/typography/_helpers.scss +80 -0
- data/_sass/scss/typography/_print.scss +86 -0
- data/_sass/scss/typography/_typography.scss +26 -0
- data/_sass/scss/util/_breakpoint.scss +348 -0
- data/_sass/scss/util/_color.scss +129 -0
- data/_sass/scss/util/_direction.scss +31 -0
- data/_sass/scss/util/_flex.scss +85 -0
- data/_sass/scss/util/_math.scss +72 -0
- data/_sass/scss/util/_mixins.scss +313 -0
- data/_sass/scss/util/_selector.scss +41 -0
- data/_sass/scss/util/_typography.scss +26 -0
- data/_sass/scss/util/_unit.scss +152 -0
- data/_sass/scss/util/_util.scss +14 -0
- data/_sass/scss/util/_value.scss +160 -0
- data/_sass/scss/xy-grid/_cell.scss +169 -0
- data/_sass/scss/xy-grid/_classes.scss +476 -0
- data/_sass/scss/xy-grid/_collapse.scss +74 -0
- data/_sass/scss/xy-grid/_frame.scss +85 -0
- data/_sass/scss/xy-grid/_grid.scss +35 -0
- data/_sass/scss/xy-grid/_gutters.scss +45 -0
- data/_sass/scss/xy-grid/_layout.scss +33 -0
- data/_sass/scss/xy-grid/_position.scss +28 -0
- data/_sass/scss/xy-grid/_xy-grid.scss +51 -0
- data/assets/css/main.scss +5 -0
- data/assets/css/motion-ui.min.css +1 -0
- data/assets/js/foundation.min.js +5 -0
- data/assets/js/motion-ui.min.js +1 -0
- metadata +235 -0
@@ -0,0 +1,61 @@
|
|
1
|
+
//
|
2
|
+
// Vertical Rhythm
|
3
|
+
//
|
4
|
+
// This is the minimal amount of code needed to create vertical rhythm in our
|
5
|
+
// CSS. If you are looking for a robust solution, look at the excellent Typey
|
6
|
+
// library. @see https://github.com/jptaranto/typey
|
7
|
+
|
8
|
+
@function normalize-rhythm($value, $relative-to: $base-font-size, $unit: $base-unit) {
|
9
|
+
@if unit($value) != px {
|
10
|
+
@error "The normalize vertical-rhythm module only supports px inputs. The typey library is better.";
|
11
|
+
}
|
12
|
+
@if $unit == rem {
|
13
|
+
@return ($value / $base-font-size) * 1rem;
|
14
|
+
}
|
15
|
+
@else if $unit == em {
|
16
|
+
@return ($value / $relative-to) * 1em;
|
17
|
+
}
|
18
|
+
@else { // $unit == px
|
19
|
+
@return $value;
|
20
|
+
}
|
21
|
+
}
|
22
|
+
|
23
|
+
@mixin normalize-font-size($value, $relative-to: $base-font-size) {
|
24
|
+
@if unit($value) != 'px' {
|
25
|
+
@error "normalize-font-size() only supports px inputs. The typey library is better.";
|
26
|
+
}
|
27
|
+
font-size: normalize-rhythm($value, $relative-to);
|
28
|
+
}
|
29
|
+
|
30
|
+
@mixin normalize-rhythm($property, $values, $relative-to: $base-font-size) {
|
31
|
+
$value-list: $values;
|
32
|
+
$sep: space;
|
33
|
+
@if type-of($values) == 'list' {
|
34
|
+
$sep: list-separator($values);
|
35
|
+
}
|
36
|
+
@else {
|
37
|
+
$value-list: append((), $values);
|
38
|
+
}
|
39
|
+
|
40
|
+
$normalized-values: ();
|
41
|
+
@each $value in $value-list {
|
42
|
+
@if unitless($value) and $value != 0 {
|
43
|
+
$value: $value * normalize-rhythm($base-line-height, $relative-to);
|
44
|
+
}
|
45
|
+
$normalized-values: append($normalized-values, $value, $sep);
|
46
|
+
}
|
47
|
+
#{$property}: $normalized-values;
|
48
|
+
}
|
49
|
+
|
50
|
+
@mixin normalize-margin($values, $relative-to: $base-font-size) {
|
51
|
+
@include normalize-rhythm(margin, $values, $relative-to);
|
52
|
+
}
|
53
|
+
|
54
|
+
@mixin normalize-line-height($font-size, $min-line-padding: 2px) {
|
55
|
+
$lines: ceil($font-size / $base-line-height);
|
56
|
+
// If lines are cramped include some extra leading.
|
57
|
+
@if ($lines * $base-line-height - $font-size) < ($min-line-padding * 2) {
|
58
|
+
$lines: $lines + 1;
|
59
|
+
}
|
60
|
+
@include normalize-rhythm(line-height, $lines, $font-size);
|
61
|
+
}
|
@@ -0,0 +1,31 @@
|
|
1
|
+
///
|
2
|
+
/// Returns whether `$list` contains `$value`.
|
3
|
+
///
|
4
|
+
/// @ignore Documentation: http://at-import.github.io/SassyLists/documentation/#function-sl-contain
|
5
|
+
///
|
6
|
+
/// @param {List} $list - list to check
|
7
|
+
/// @param {*} $value - value to look for
|
8
|
+
///
|
9
|
+
/// @example
|
10
|
+
/// sl-contain(a b c, a)
|
11
|
+
/// // true
|
12
|
+
///
|
13
|
+
/// @example
|
14
|
+
/// sl-contain(a b c, z)
|
15
|
+
/// // false
|
16
|
+
///
|
17
|
+
/// @return {Bool}
|
18
|
+
///
|
19
|
+
|
20
|
+
@function sl-contain($list, $value) {
|
21
|
+
@return not not index($list, $value);
|
22
|
+
}
|
23
|
+
|
24
|
+
///
|
25
|
+
/// @requires sl-contain
|
26
|
+
/// @alias sl-contain
|
27
|
+
///
|
28
|
+
|
29
|
+
@function sl-include($list, $value) {
|
30
|
+
@return sl-contain($list, $value);
|
31
|
+
}
|
@@ -0,0 +1,38 @@
|
|
1
|
+
/// Removes all false and null values from `$list`.
|
2
|
+
///
|
3
|
+
/// @ignore Documentation: http://at-import.github.io/SassyLists/documentation/#function-sl-purge
|
4
|
+
///
|
5
|
+
/// @requires sl-is-true
|
6
|
+
/// @requires sl-to-list
|
7
|
+
///
|
8
|
+
/// @param {List} $list - list to purge
|
9
|
+
///
|
10
|
+
/// @example
|
11
|
+
/// sl-purge(null a false b)
|
12
|
+
/// // a b
|
13
|
+
///
|
14
|
+
/// @return {List}
|
15
|
+
///
|
16
|
+
|
17
|
+
@function sl-purge($list) {
|
18
|
+
$_: sl-missing-dependencies('sl-is-true', 'sl-to-list');
|
19
|
+
|
20
|
+
$result: ();
|
21
|
+
|
22
|
+
@each $item in $list {
|
23
|
+
@if sl-is-true($item) {
|
24
|
+
$result: append($result, $item, list-separator($list));
|
25
|
+
}
|
26
|
+
}
|
27
|
+
|
28
|
+
@return sl-to-list($result);
|
29
|
+
}
|
30
|
+
|
31
|
+
///
|
32
|
+
/// @requires sl-purge
|
33
|
+
/// @alias sl-purge
|
34
|
+
///
|
35
|
+
|
36
|
+
@function sl-clean($list) {
|
37
|
+
@return sl-purge($list);
|
38
|
+
}
|
@@ -0,0 +1,31 @@
|
|
1
|
+
///
|
2
|
+
/// Removes value(s) `$value` from `$list`.
|
3
|
+
///
|
4
|
+
/// @ignore Documentation: http://at-import.github.io/SassyLists/documentation/#function-sl-remove
|
5
|
+
///
|
6
|
+
/// @requires sl-replace
|
7
|
+
///
|
8
|
+
/// @param {List} $list - list to update
|
9
|
+
/// @param {*} $value - value to remove
|
10
|
+
///
|
11
|
+
/// @example
|
12
|
+
/// sl-remove(a b c, a)
|
13
|
+
/// // b c
|
14
|
+
///
|
15
|
+
/// @return {List}
|
16
|
+
///
|
17
|
+
|
18
|
+
@function sl-remove($list, $value) {
|
19
|
+
$_: sl-missing-dependencies('sl-replace');
|
20
|
+
|
21
|
+
@return sl-replace($list, $value, null);
|
22
|
+
}
|
23
|
+
|
24
|
+
///
|
25
|
+
/// @requires sl-remove
|
26
|
+
/// @alias sl-remove
|
27
|
+
///
|
28
|
+
|
29
|
+
@function sl-without($list, $value) {
|
30
|
+
@return sl-remove($list, $value);
|
31
|
+
}
|
@@ -0,0 +1,46 @@
|
|
1
|
+
///
|
2
|
+
/// Replaces `$old` by `$new` in `$list`.
|
3
|
+
///
|
4
|
+
/// @ignore Documentation: http://at-import.github.io/SassyLists/documentation/#function-sl-replace
|
5
|
+
///
|
6
|
+
/// @requires sl-is-true
|
7
|
+
/// @requires sl-purge
|
8
|
+
/// @requires sl-to-list
|
9
|
+
///
|
10
|
+
/// @param {List} $list - list to update
|
11
|
+
/// @param {*} $old - value to replace
|
12
|
+
/// @param {*} $value - new value for $old
|
13
|
+
///
|
14
|
+
/// @example
|
15
|
+
/// sl-replace(a b c, b, z)
|
16
|
+
/// // a z c
|
17
|
+
///
|
18
|
+
/// @example
|
19
|
+
/// sl-replace(a b c, y, z)
|
20
|
+
/// // a b c
|
21
|
+
///
|
22
|
+
/// @return {List}
|
23
|
+
///
|
24
|
+
|
25
|
+
@function sl-replace($list, $old, $value) {
|
26
|
+
$_: sl-missing-dependencies('sl-is-true', 'sl-purge', 'sl-to-list');
|
27
|
+
|
28
|
+
$running: true;
|
29
|
+
|
30
|
+
@while $running {
|
31
|
+
$index: index($list, $old);
|
32
|
+
|
33
|
+
@if not $index {
|
34
|
+
$running: false;
|
35
|
+
}
|
36
|
+
|
37
|
+
@else {
|
38
|
+
$list: set-nth($list, $index, $value);
|
39
|
+
}
|
40
|
+
|
41
|
+
}
|
42
|
+
|
43
|
+
$list: if(sl-is-true($value), $list, sl-purge($list));
|
44
|
+
|
45
|
+
@return sl-to-list($list);
|
46
|
+
}
|
@@ -0,0 +1,27 @@
|
|
1
|
+
///
|
2
|
+
/// Casts `$value` into a list.
|
3
|
+
///
|
4
|
+
/// @ignore Documentation: http://at-import.github.io/SassyLists/documentation/#function-sl-to-list
|
5
|
+
///
|
6
|
+
/// @param {*} $value - value to cast to list
|
7
|
+
/// @param {String} $separator [space] - separator to use
|
8
|
+
///
|
9
|
+
/// @example
|
10
|
+
/// sl-to-list(a b c, comma)
|
11
|
+
/// // a, b, c
|
12
|
+
///
|
13
|
+
/// @return {List}
|
14
|
+
///
|
15
|
+
|
16
|
+
@function sl-to-list($value, $separator: list-separator($value)) {
|
17
|
+
@return join((), $value, $separator);
|
18
|
+
}
|
19
|
+
|
20
|
+
///
|
21
|
+
/// @requires sl-to-list
|
22
|
+
/// @alias sl-to-list
|
23
|
+
///
|
24
|
+
|
25
|
+
@function sl-listify($value) {
|
26
|
+
@return sl-to-list($value);
|
27
|
+
}
|
@@ -0,0 +1,25 @@
|
|
1
|
+
///
|
2
|
+
/// Checks whether `$functions` exist in global scope.
|
3
|
+
///
|
4
|
+
/// @access private
|
5
|
+
///
|
6
|
+
/// @param {ArgList} $functions - list of functions to check for
|
7
|
+
///
|
8
|
+
/// @return {Bool} Whether or not there are missing dependencies
|
9
|
+
///
|
10
|
+
|
11
|
+
@function sl-missing-dependencies($functions...) {
|
12
|
+
$missing-dependencies: ();
|
13
|
+
|
14
|
+
@each $function in $functions {
|
15
|
+
@if not function-exists($function) {
|
16
|
+
$missing-dependencies: append($missing-dependencies, $function, comma);
|
17
|
+
}
|
18
|
+
}
|
19
|
+
|
20
|
+
@if length($missing-dependencies) > 0 {
|
21
|
+
@error 'Unmet dependencies! The following functions are required: #{$missing-dependencies}.';
|
22
|
+
}
|
23
|
+
|
24
|
+
@return length($missing-dependencies) > 0;
|
25
|
+
}
|
@@ -0,0 +1,13 @@
|
|
1
|
+
///
|
2
|
+
/// Returns truthiness of `$value`.
|
3
|
+
///
|
4
|
+
/// @access private
|
5
|
+
///
|
6
|
+
/// @param {*} $value - value to check
|
7
|
+
///
|
8
|
+
/// @return {Bool}
|
9
|
+
///
|
10
|
+
|
11
|
+
@function sl-is-true($value) {
|
12
|
+
@return if($value == null, false, $value and $value != null and $value != '' and $value != ());
|
13
|
+
}
|
@@ -0,0 +1,249 @@
|
|
1
|
+
// Foundation for Sites by ZURB
|
2
|
+
// foundation.zurb.com
|
3
|
+
// Licensed under MIT Open Source
|
4
|
+
|
5
|
+
// sass-lint:disable force-attribute-nesting, force-pseudo-nesting, no-color-literals, no-qualifying-elements
|
6
|
+
|
7
|
+
////
|
8
|
+
/// @group global
|
9
|
+
////
|
10
|
+
|
11
|
+
/// Font size attribute applied to `<html>` and `<body>`. We use 100% by default so the value is inherited from the user's browser settings.
|
12
|
+
/// @type Number
|
13
|
+
$global-font-size: 100% !default;
|
14
|
+
|
15
|
+
/// Global width of your site. Used by the grid to determine row width.
|
16
|
+
/// @type Number
|
17
|
+
$global-width: rem-calc(1200) !default;
|
18
|
+
|
19
|
+
/// Default line height for all type. `$global-lineheight` is 24px while `$global-font-size` is 16px
|
20
|
+
/// @type Number
|
21
|
+
$global-lineheight: 1.5 !default;
|
22
|
+
|
23
|
+
/// Colors used for buttons, callouts, links, etc. There must always be a color called `primary`.
|
24
|
+
/// @type Map
|
25
|
+
$foundation-palette: (
|
26
|
+
primary: #1779ba,
|
27
|
+
secondary: #767676,
|
28
|
+
success: #3adb76,
|
29
|
+
warning: #ffae00,
|
30
|
+
alert: #cc4b37,
|
31
|
+
) !default;
|
32
|
+
|
33
|
+
/// Color used for light gray UI items.
|
34
|
+
/// @type Color
|
35
|
+
$light-gray: #e6e6e6 !default;
|
36
|
+
|
37
|
+
/// Color used for medium gray UI items.
|
38
|
+
/// @type Color
|
39
|
+
$medium-gray: #cacaca !default;
|
40
|
+
|
41
|
+
/// Color used for dark gray UI items.
|
42
|
+
/// @type Color
|
43
|
+
$dark-gray: #8a8a8a !default;
|
44
|
+
|
45
|
+
/// Color used for black ui items.
|
46
|
+
/// @type Color
|
47
|
+
$black: #0a0a0a !default;
|
48
|
+
|
49
|
+
/// Color used for white ui items.
|
50
|
+
/// @type Color
|
51
|
+
$white: #fefefe !default;
|
52
|
+
|
53
|
+
/// Background color of the body.
|
54
|
+
/// @type Color
|
55
|
+
$body-background: $white !default;
|
56
|
+
|
57
|
+
/// Text color of the body.
|
58
|
+
/// @type Color
|
59
|
+
$body-font-color: $black !default;
|
60
|
+
|
61
|
+
/// Font stack of the body.
|
62
|
+
/// @type List
|
63
|
+
$body-font-family: 'Helvetica Neue', Helvetica, Roboto, Arial, sans-serif !default;
|
64
|
+
|
65
|
+
/// Set to `true` to enable antialiased type, using the `-webkit-font-smoothing` and `-moz-osx-font-smoothing` CSS properties.
|
66
|
+
/// @type Boolean
|
67
|
+
$body-antialiased: true !default;
|
68
|
+
|
69
|
+
/// Global value used for margin on components.
|
70
|
+
/// @type Number
|
71
|
+
$global-margin: 1rem !default;
|
72
|
+
|
73
|
+
/// Global value used for padding on components.
|
74
|
+
/// @type Number
|
75
|
+
$global-padding: 1rem !default;
|
76
|
+
|
77
|
+
/// Global value used for positioning on components.
|
78
|
+
/// @type Number
|
79
|
+
$global-position: 1rem !default;
|
80
|
+
|
81
|
+
/// Global font weight used for normal type.
|
82
|
+
/// @type Keyword | Number
|
83
|
+
$global-weight-normal: normal !default;
|
84
|
+
|
85
|
+
/// Global font weight used for bold type.
|
86
|
+
/// @type Keyword | Number
|
87
|
+
$global-weight-bold: bold !default;
|
88
|
+
|
89
|
+
/// Global value used for all elements that have a border radius.
|
90
|
+
/// @type Number
|
91
|
+
$global-radius: 0 !default;
|
92
|
+
|
93
|
+
/// Global value used for all menu styles. Can be overwritten at individual menu component level.
|
94
|
+
/// @type Number
|
95
|
+
$global-menu-padding: 0.7rem 1rem !default;
|
96
|
+
|
97
|
+
/// Global value used for all menu styles. Nested margin for submenu.
|
98
|
+
$global-menu-nested-margin: 1rem !default;
|
99
|
+
|
100
|
+
/// Sets the text direction of the CSS. Can be either `ltr` or `rtl`.
|
101
|
+
/// @type Keyword
|
102
|
+
$global-text-direction: ltr !default;
|
103
|
+
|
104
|
+
/// Enables flexbox for components that support it.
|
105
|
+
/// @type Boolean
|
106
|
+
$global-flexbox: true !default;
|
107
|
+
|
108
|
+
/// Enabled responsive breakpoints for prototypes if applicable
|
109
|
+
/// @type Boolean
|
110
|
+
$global-prototype-breakpoints: false !default;
|
111
|
+
|
112
|
+
/// Button cursor's value, `auto` by default
|
113
|
+
/// @type Keyword
|
114
|
+
$global-button-cursor: auto !default;
|
115
|
+
|
116
|
+
@if not map-has-key($foundation-palette, primary) {
|
117
|
+
@error 'In $foundation-palette, you must have a color named "primary".';
|
118
|
+
}
|
119
|
+
|
120
|
+
// Internal variables used for text direction
|
121
|
+
$global-left: if($global-text-direction == rtl, right, left);
|
122
|
+
$global-right: if($global-text-direction == rtl, left, right);
|
123
|
+
|
124
|
+
/// Global tolerance for color pick contrast.
|
125
|
+
/// @type Number
|
126
|
+
$global-color-pick-contrast-tolerance: 0 !default;
|
127
|
+
|
128
|
+
// Internal variables used for colors
|
129
|
+
$primary-color: get-color(primary);
|
130
|
+
$secondary-color: get-color(secondary);
|
131
|
+
$success-color: get-color(success);
|
132
|
+
$warning-color: get-color(warning);
|
133
|
+
$alert-color: get-color(alert);
|
134
|
+
|
135
|
+
@mixin foundation-global-styles {
|
136
|
+
@include -zf-normalize;
|
137
|
+
|
138
|
+
// These styles are applied to a <meta> tag, which is read by the Foundation JavaScript
|
139
|
+
.foundation-mq {
|
140
|
+
font-family: '#{-zf-bp-serialize($breakpoints)}';
|
141
|
+
}
|
142
|
+
|
143
|
+
html {
|
144
|
+
box-sizing: border-box;
|
145
|
+
font-size: $global-font-size;
|
146
|
+
}
|
147
|
+
|
148
|
+
// Set box-sizing globally to handle padding and border widths
|
149
|
+
*,
|
150
|
+
*::before,
|
151
|
+
*::after {
|
152
|
+
box-sizing: inherit;
|
153
|
+
}
|
154
|
+
|
155
|
+
// Default body styles
|
156
|
+
body {
|
157
|
+
margin: 0;
|
158
|
+
padding: 0;
|
159
|
+
|
160
|
+
background: $body-background;
|
161
|
+
|
162
|
+
font-family: $body-font-family;
|
163
|
+
font-weight: $global-weight-normal;
|
164
|
+
line-height: $global-lineheight;
|
165
|
+
color: $body-font-color;
|
166
|
+
|
167
|
+
@if ($body-antialiased) {
|
168
|
+
-webkit-font-smoothing: antialiased;
|
169
|
+
-moz-osx-font-smoothing: grayscale;
|
170
|
+
}
|
171
|
+
}
|
172
|
+
|
173
|
+
img {
|
174
|
+
// Get rid of gap under images by making them display: inline-block; by default
|
175
|
+
display: inline-block;
|
176
|
+
vertical-align: middle;
|
177
|
+
|
178
|
+
// Grid defaults to get images and embeds to work properly
|
179
|
+
max-width: 100%;
|
180
|
+
height: auto;
|
181
|
+
-ms-interpolation-mode: bicubic;
|
182
|
+
}
|
183
|
+
|
184
|
+
// Make sure textarea takes on height automatically
|
185
|
+
textarea {
|
186
|
+
height: auto;
|
187
|
+
min-height: 50px;
|
188
|
+
border-radius: $global-radius;
|
189
|
+
}
|
190
|
+
|
191
|
+
// Make select elements are 100% width by default
|
192
|
+
select {
|
193
|
+
box-sizing: border-box;
|
194
|
+
width: 100%;
|
195
|
+
border-radius: $global-radius;
|
196
|
+
}
|
197
|
+
|
198
|
+
// Styles Google Maps and MapQuest embeds properly
|
199
|
+
// sass-lint:disable-line no-ids
|
200
|
+
.map_canvas,
|
201
|
+
.mqa-display {
|
202
|
+
img,
|
203
|
+
embed,
|
204
|
+
object {
|
205
|
+
max-width: none !important;
|
206
|
+
}
|
207
|
+
}
|
208
|
+
|
209
|
+
// Reset <button> styles created by most browsers
|
210
|
+
button {
|
211
|
+
@include disable-mouse-outline;
|
212
|
+
padding: 0;
|
213
|
+
appearance: none;
|
214
|
+
border: 0;
|
215
|
+
border-radius: $global-radius;
|
216
|
+
background: transparent;
|
217
|
+
line-height: 1;
|
218
|
+
cursor: $global-button-cursor;
|
219
|
+
}
|
220
|
+
|
221
|
+
// Prevent text overflow on pre
|
222
|
+
pre {
|
223
|
+
overflow: auto;
|
224
|
+
}
|
225
|
+
|
226
|
+
// Make reset inherit font-family instead of settings sans-serif
|
227
|
+
button,
|
228
|
+
input,
|
229
|
+
optgroup,
|
230
|
+
select,
|
231
|
+
textarea {
|
232
|
+
font-family: inherit;
|
233
|
+
}
|
234
|
+
|
235
|
+
// Internal classes to show/hide elements in JavaScript
|
236
|
+
.is-visible {
|
237
|
+
display: block !important;
|
238
|
+
}
|
239
|
+
|
240
|
+
.is-hidden {
|
241
|
+
display: none !important;
|
242
|
+
}
|
243
|
+
}
|
244
|
+
|
245
|
+
/// Loads normalize.css.
|
246
|
+
/// @access private
|
247
|
+
@mixin -zf-normalize {
|
248
|
+
@include normalize();
|
249
|
+
}
|