jekyll-theme-foundation 0.1.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (137) hide show
  1. checksums.yaml +7 -0
  2. data/LICENSE.txt +21 -0
  3. data/README.md +48 -0
  4. data/_includes/google-analytics.html +8 -0
  5. data/_includes/head.html +17 -0
  6. data/_includes/scripts.html +4 -0
  7. data/_layouts/default.html +16 -0
  8. data/_layouts/home.html +5 -0
  9. data/_layouts/page.html +5 -0
  10. data/_layouts/post.html +5 -0
  11. data/_sass/_vendor/normalize-scss/sass/_normalize.scss +3 -0
  12. data/_sass/_vendor/normalize-scss/sass/normalize/_import-now.scss +11 -0
  13. data/_sass/_vendor/normalize-scss/sass/normalize/_normalize-mixin.scss +676 -0
  14. data/_sass/_vendor/normalize-scss/sass/normalize/_variables.scss +36 -0
  15. data/_sass/_vendor/normalize-scss/sass/normalize/_vertical-rhythm.scss +61 -0
  16. data/_sass/_vendor/sassy-lists/stylesheets/functions/_contain.scss +31 -0
  17. data/_sass/_vendor/sassy-lists/stylesheets/functions/_purge.scss +38 -0
  18. data/_sass/_vendor/sassy-lists/stylesheets/functions/_remove.scss +31 -0
  19. data/_sass/_vendor/sassy-lists/stylesheets/functions/_replace.scss +46 -0
  20. data/_sass/_vendor/sassy-lists/stylesheets/functions/_to-list.scss +27 -0
  21. data/_sass/_vendor/sassy-lists/stylesheets/helpers/_missing-dependencies.scss +25 -0
  22. data/_sass/_vendor/sassy-lists/stylesheets/helpers/_true.scss +13 -0
  23. data/_sass/assets/foundation-float.scss +5 -0
  24. data/_sass/assets/foundation-prototype.scss +3 -0
  25. data/_sass/assets/foundation-rtl.scss +5 -0
  26. data/_sass/assets/foundation.scss +3 -0
  27. data/_sass/jekyll-theme-foundation.scss +5 -0
  28. data/_sass/scss/_global.scss +249 -0
  29. data/_sass/scss/components/_accordion-menu.scss +171 -0
  30. data/_sass/scss/components/_accordion.scss +155 -0
  31. data/_sass/scss/components/_badge.scss +63 -0
  32. data/_sass/scss/components/_breadcrumbs.scss +117 -0
  33. data/_sass/scss/components/_button-group.scss +253 -0
  34. data/_sass/scss/components/_button.scss +385 -0
  35. data/_sass/scss/components/_callout.scss +106 -0
  36. data/_sass/scss/components/_card.scss +129 -0
  37. data/_sass/scss/components/_close-button.scss +102 -0
  38. data/_sass/scss/components/_drilldown.scss +142 -0
  39. data/_sass/scss/components/_dropdown-menu.scss +274 -0
  40. data/_sass/scss/components/_dropdown.scss +79 -0
  41. data/_sass/scss/components/_flex-video.scss +1 -0
  42. data/_sass/scss/components/_flex.scss +117 -0
  43. data/_sass/scss/components/_float.scss +27 -0
  44. data/_sass/scss/components/_label.scss +64 -0
  45. data/_sass/scss/components/_media-object.scss +114 -0
  46. data/_sass/scss/components/_menu-icon.scss +9 -0
  47. data/_sass/scss/components/_menu.scss +495 -0
  48. data/_sass/scss/components/_off-canvas.scss +506 -0
  49. data/_sass/scss/components/_orbit.scss +196 -0
  50. data/_sass/scss/components/_pagination.scss +193 -0
  51. data/_sass/scss/components/_progress-bar.scss +64 -0
  52. data/_sass/scss/components/_responsive-embed.scss +70 -0
  53. data/_sass/scss/components/_reveal.scss +180 -0
  54. data/_sass/scss/components/_slider.scss +137 -0
  55. data/_sass/scss/components/_sticky.scss +39 -0
  56. data/_sass/scss/components/_switch.scss +247 -0
  57. data/_sass/scss/components/_table.scss +330 -0
  58. data/_sass/scss/components/_tabs.scss +196 -0
  59. data/_sass/scss/components/_thumbnail.scss +67 -0
  60. data/_sass/scss/components/_title-bar.scss +84 -0
  61. data/_sass/scss/components/_tooltip.scss +160 -0
  62. data/_sass/scss/components/_top-bar.scss +175 -0
  63. data/_sass/scss/components/_visibility.scss +132 -0
  64. data/_sass/scss/forms/_checkbox.scss +41 -0
  65. data/_sass/scss/forms/_error.scss +88 -0
  66. data/_sass/scss/forms/_fieldset.scss +53 -0
  67. data/_sass/scss/forms/_forms.scss +34 -0
  68. data/_sass/scss/forms/_help-text.scss +30 -0
  69. data/_sass/scss/forms/_input-group.scss +142 -0
  70. data/_sass/scss/forms/_label.scss +50 -0
  71. data/_sass/scss/forms/_meter.scss +116 -0
  72. data/_sass/scss/forms/_progress.scss +94 -0
  73. data/_sass/scss/forms/_range.scss +149 -0
  74. data/_sass/scss/forms/_select.scss +86 -0
  75. data/_sass/scss/forms/_text.scss +179 -0
  76. data/_sass/scss/foundation.scss +133 -0
  77. data/_sass/scss/grid/_classes.scss +176 -0
  78. data/_sass/scss/grid/_column.scss +112 -0
  79. data/_sass/scss/grid/_flex-grid.scss +259 -0
  80. data/_sass/scss/grid/_grid.scss +48 -0
  81. data/_sass/scss/grid/_gutter.scss +82 -0
  82. data/_sass/scss/grid/_layout.scss +76 -0
  83. data/_sass/scss/grid/_position.scss +76 -0
  84. data/_sass/scss/grid/_row.scss +99 -0
  85. data/_sass/scss/grid/_size.scss +24 -0
  86. data/_sass/scss/prototype/_arrow.scss +36 -0
  87. data/_sass/scss/prototype/_border-box.scss +35 -0
  88. data/_sass/scss/prototype/_border-none.scss +35 -0
  89. data/_sass/scss/prototype/_bordered.scss +54 -0
  90. data/_sass/scss/prototype/_box.scss +23 -0
  91. data/_sass/scss/prototype/_display.scss +50 -0
  92. data/_sass/scss/prototype/_font-styling.scss +95 -0
  93. data/_sass/scss/prototype/_list-style-type.scss +95 -0
  94. data/_sass/scss/prototype/_overflow.scss +72 -0
  95. data/_sass/scss/prototype/_position.scss +114 -0
  96. data/_sass/scss/prototype/_prototype.scss +87 -0
  97. data/_sass/scss/prototype/_relation.scss +157 -0
  98. data/_sass/scss/prototype/_rotate.scss +31 -0
  99. data/_sass/scss/prototype/_rounded.scss +54 -0
  100. data/_sass/scss/prototype/_separator.scss +96 -0
  101. data/_sass/scss/prototype/_shadow.scss +43 -0
  102. data/_sass/scss/prototype/_sizing.scss +73 -0
  103. data/_sass/scss/prototype/_spacing.scss +204 -0
  104. data/_sass/scss/prototype/_text-decoration.scss +48 -0
  105. data/_sass/scss/prototype/_text-transformation.scss +48 -0
  106. data/_sass/scss/prototype/_text-utilities.scss +88 -0
  107. data/_sass/scss/settings/_settings.scss +869 -0
  108. data/_sass/scss/typography/_alignment.scss +22 -0
  109. data/_sass/scss/typography/_base.scss +509 -0
  110. data/_sass/scss/typography/_helpers.scss +80 -0
  111. data/_sass/scss/typography/_print.scss +86 -0
  112. data/_sass/scss/typography/_typography.scss +26 -0
  113. data/_sass/scss/util/_breakpoint.scss +348 -0
  114. data/_sass/scss/util/_color.scss +129 -0
  115. data/_sass/scss/util/_direction.scss +31 -0
  116. data/_sass/scss/util/_flex.scss +85 -0
  117. data/_sass/scss/util/_math.scss +72 -0
  118. data/_sass/scss/util/_mixins.scss +313 -0
  119. data/_sass/scss/util/_selector.scss +41 -0
  120. data/_sass/scss/util/_typography.scss +26 -0
  121. data/_sass/scss/util/_unit.scss +152 -0
  122. data/_sass/scss/util/_util.scss +14 -0
  123. data/_sass/scss/util/_value.scss +160 -0
  124. data/_sass/scss/xy-grid/_cell.scss +169 -0
  125. data/_sass/scss/xy-grid/_classes.scss +476 -0
  126. data/_sass/scss/xy-grid/_collapse.scss +74 -0
  127. data/_sass/scss/xy-grid/_frame.scss +85 -0
  128. data/_sass/scss/xy-grid/_grid.scss +35 -0
  129. data/_sass/scss/xy-grid/_gutters.scss +45 -0
  130. data/_sass/scss/xy-grid/_layout.scss +33 -0
  131. data/_sass/scss/xy-grid/_position.scss +28 -0
  132. data/_sass/scss/xy-grid/_xy-grid.scss +51 -0
  133. data/assets/css/main.scss +5 -0
  134. data/assets/css/motion-ui.min.css +1 -0
  135. data/assets/js/foundation.min.js +5 -0
  136. data/assets/js/motion-ui.min.js +1 -0
  137. 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,5 @@
1
+ $global-flexbox: false;
2
+
3
+ @import '../scss/foundation';
4
+
5
+ @include foundation-everything($flex: false);
@@ -0,0 +1,3 @@
1
+ @import '../scss/foundation';
2
+
3
+ @include foundation-everything($prototype: true);
@@ -0,0 +1,5 @@
1
+ $global-text-direction: rtl;
2
+
3
+ @import '../scss/foundation';
4
+
5
+ @include foundation-everything;
@@ -0,0 +1,3 @@
1
+ @import '../scss/foundation';
2
+
3
+ @include foundation-everything;
@@ -0,0 +1,5 @@
1
+ ---
2
+ # Only the main Sass file needs front matter (the dashes are enough)
3
+ ---
4
+
5
+ @import "assets/foundation";
@@ -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
+ }