foundation-scss 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.
Files changed (90) hide show
  1. checksums.yaml +7 -0
  2. data/_vendor/normalize-scss/sass/_normalize.scss +3 -0
  3. data/_vendor/normalize-scss/sass/normalize/_import-now.scss +11 -0
  4. data/_vendor/normalize-scss/sass/normalize/_normalize-mixin.scss +676 -0
  5. data/_vendor/normalize-scss/sass/normalize/_variables.scss +36 -0
  6. data/_vendor/normalize-scss/sass/normalize/_vertical-rhythm.scss +61 -0
  7. data/_vendor/sassy-lists/stylesheets/functions/_purge.scss +38 -0
  8. data/_vendor/sassy-lists/stylesheets/functions/_remove.scss +31 -0
  9. data/_vendor/sassy-lists/stylesheets/functions/_replace.scss +46 -0
  10. data/_vendor/sassy-lists/stylesheets/functions/_to-list.scss +27 -0
  11. data/_vendor/sassy-lists/stylesheets/helpers/_missing-dependencies.scss +25 -0
  12. data/_vendor/sassy-lists/stylesheets/helpers/_true.scss +13 -0
  13. data/foundation-scss.gemspec +9 -0
  14. data/lib/foundation/scss/in/sass_path.rb +6 -0
  15. data/scss/_global.scss +219 -0
  16. data/scss/components/_accordion-menu.scss +36 -0
  17. data/scss/components/_accordion.scss +150 -0
  18. data/scss/components/_badge.scss +63 -0
  19. data/scss/components/_breadcrumbs.scss +100 -0
  20. data/scss/components/_button-group.scss +253 -0
  21. data/scss/components/_button.scss +332 -0
  22. data/scss/components/_callout.scss +106 -0
  23. data/scss/components/_card.scss +121 -0
  24. data/scss/components/_close-button.scss +102 -0
  25. data/scss/components/_drilldown.scss +93 -0
  26. data/scss/components/_dropdown-menu.scss +226 -0
  27. data/scss/components/_dropdown.scss +72 -0
  28. data/scss/components/_flex-video.scss +1 -0
  29. data/scss/components/_flex.scss +34 -0
  30. data/scss/components/_float.scss +27 -0
  31. data/scss/components/_label.scss +64 -0
  32. data/scss/components/_media-object.scss +114 -0
  33. data/scss/components/_menu-icon.scss +9 -0
  34. data/scss/components/_menu.scss +376 -0
  35. data/scss/components/_off-canvas.scss +329 -0
  36. data/scss/components/_orbit.scss +196 -0
  37. data/scss/components/_pagination.scss +193 -0
  38. data/scss/components/_progress-bar.scss +64 -0
  39. data/scss/components/_responsive-embed.scss +70 -0
  40. data/scss/components/_reveal.scss +178 -0
  41. data/scss/components/_slider.scss +138 -0
  42. data/scss/components/_sticky.scss +38 -0
  43. data/scss/components/_switch.scss +247 -0
  44. data/scss/components/_table.scss +329 -0
  45. data/scss/components/_tabs.scss +196 -0
  46. data/scss/components/_thumbnail.scss +67 -0
  47. data/scss/components/_title-bar.scss +84 -0
  48. data/scss/components/_tooltip.scss +107 -0
  49. data/scss/components/_top-bar.scss +173 -0
  50. data/scss/components/_visibility.scss +132 -0
  51. data/scss/forms/_checkbox.scss +41 -0
  52. data/scss/forms/_error.scss +88 -0
  53. data/scss/forms/_fieldset.scss +54 -0
  54. data/scss/forms/_forms.scss +34 -0
  55. data/scss/forms/_help-text.scss +30 -0
  56. data/scss/forms/_input-group.scss +135 -0
  57. data/scss/forms/_label.scss +50 -0
  58. data/scss/forms/_meter.scss +110 -0
  59. data/scss/forms/_progress.scss +94 -0
  60. data/scss/forms/_range.scss +149 -0
  61. data/scss/forms/_select.scss +85 -0
  62. data/scss/forms/_text.scss +170 -0
  63. data/scss/foundation.scss +118 -0
  64. data/scss/grid/_classes.scss +176 -0
  65. data/scss/grid/_column.scss +112 -0
  66. data/scss/grid/_flex-grid.scss +312 -0
  67. data/scss/grid/_grid.scss +48 -0
  68. data/scss/grid/_gutter.scss +82 -0
  69. data/scss/grid/_layout.scss +76 -0
  70. data/scss/grid/_position.scss +76 -0
  71. data/scss/grid/_row.scss +99 -0
  72. data/scss/grid/_size.scss +24 -0
  73. data/scss/settings/_settings.scss +620 -0
  74. data/scss/typography/_alignment.scss +22 -0
  75. data/scss/typography/_base.scss +509 -0
  76. data/scss/typography/_helpers.scss +78 -0
  77. data/scss/typography/_print.scss +86 -0
  78. data/scss/typography/_typography.scss +26 -0
  79. data/scss/util/_breakpoint.scss +281 -0
  80. data/scss/util/_color.scss +126 -0
  81. data/scss/util/_direction.scss +31 -0
  82. data/scss/util/_flex.scss +85 -0
  83. data/scss/util/_math.scss +72 -0
  84. data/scss/util/_mixins.scss +276 -0
  85. data/scss/util/_selector.scss +41 -0
  86. data/scss/util/_typography.scss +26 -0
  87. data/scss/util/_unit.scss +152 -0
  88. data/scss/util/_util.scss +14 -0
  89. data/scss/util/_value.scss +160 -0
  90. metadata +144 -0
@@ -0,0 +1,36 @@
1
+ //
2
+ // Variables
3
+ //
4
+ // You can override the default values by setting the variables in your Sass
5
+ // before importing the normalize-scss library.
6
+
7
+ // The font size set on the root html element.
8
+ $base-font-size: 16px !default;
9
+
10
+ // The base line height determines the basic unit of vertical rhythm.
11
+ $base-line-height: 24px !default;
12
+
13
+ // The length unit in which to output vertical rhythm values.
14
+ // Supported values: px, em, rem.
15
+ $base-unit: 'em' !default;
16
+
17
+ // The default font family.
18
+ $base-font-family: sans-serif !default;
19
+
20
+ // The font sizes for h1-h6.
21
+ $h1-font-size: 2 * $base-font-size !default;
22
+ $h2-font-size: 1.5 * $base-font-size !default;
23
+ $h3-font-size: 1.17 * $base-font-size !default;
24
+ $h4-font-size: 1 * $base-font-size !default;
25
+ $h5-font-size: 0.83 * $base-font-size !default;
26
+ $h6-font-size: 0.67 * $base-font-size !default;
27
+
28
+ // The amount lists and blockquotes are indented.
29
+ $indent-amount: 40px !default;
30
+
31
+ // The following variable controls whether normalize-scss will output
32
+ // font-sizes, line-heights and block-level top/bottom margins that form a basic
33
+ // vertical rhythm on the page, which differs from the original Normalize.css.
34
+ // However, changing any of the variables above will cause
35
+ // $normalize-vertical-rhythm to be automatically set to true.
36
+ $normalize-vertical-rhythm: false !default;
@@ -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,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,9 @@
1
+ Gem::Specification.new do |g|
2
+ g.name = 'foundation-scss'
3
+ g.files = `git ls-files`.split($/)
4
+ g.version = '6.3.1.0'
5
+ g.summary = 'SCSS files from Zurb Foundation'
6
+ g.authors = ['https://github.com/zurb/foundation-sites']
7
+
8
+ g.add_dependency 'sass_paths'
9
+ end
@@ -0,0 +1,6 @@
1
+ require 'sass_paths'
2
+
3
+ path = Gem::Specification.find_all_by_name('foundation-scss')
4
+ .first.full_gem_path
5
+
6
+ SassPaths.append "#{path}/scss"
@@ -0,0 +1,219 @@
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 font weight used for normal type.
78
+ /// @type Keyword | Number
79
+ $global-weight-normal: normal !default;
80
+
81
+ /// Global font weight used for bold type.
82
+ /// @type Keyword | Number
83
+ $global-weight-bold: bold !default;
84
+
85
+ /// Global value used for all elements that have a border radius.
86
+ /// @type Number
87
+ $global-radius: 0 !default;
88
+
89
+ /// Sets the text direction of the CSS. Can be either `ltr` or `rtl`.
90
+ /// @type Keyword
91
+ $global-text-direction: ltr !default;
92
+
93
+ /// Enables flexbox for components that support it.
94
+ /// @type Boolean
95
+ $global-flexbox: false !default;
96
+
97
+ @if not map-has-key($foundation-palette, primary) {
98
+ @error 'In $foundation-palette, you must have a color named "primary".';
99
+ }
100
+
101
+ // Internal variables used for text direction
102
+ $global-left: if($global-text-direction == rtl, right, left);
103
+ $global-right: if($global-text-direction == rtl, left, right);
104
+
105
+ // Internal variables used for colors
106
+ $primary-color: get-color(primary);
107
+ $secondary-color: get-color(secondary);
108
+ $success-color: get-color(success);
109
+ $warning-color: get-color(warning);
110
+ $alert-color: get-color(alert);
111
+
112
+ @mixin foundation-global-styles {
113
+ @include -zf-normalize;
114
+
115
+ // These styles are applied to a <meta> tag, which is read by the Foundation JavaScript
116
+ .foundation-mq {
117
+ font-family: '#{-zf-bp-serialize($breakpoints)}';
118
+ }
119
+
120
+ html {
121
+ box-sizing: border-box;
122
+ font-size: $global-font-size;
123
+ }
124
+
125
+ // Set box-sizing globally to handle padding and border widths
126
+ *,
127
+ *::before,
128
+ *::after {
129
+ box-sizing: inherit;
130
+ }
131
+
132
+ // Default body styles
133
+ body {
134
+ margin: 0;
135
+ padding: 0;
136
+
137
+ background: $body-background;
138
+
139
+ font-family: $body-font-family;
140
+ font-weight: $global-weight-normal;
141
+ line-height: $global-lineheight;
142
+ color: $body-font-color;
143
+
144
+ @if ($body-antialiased) {
145
+ -webkit-font-smoothing: antialiased;
146
+ -moz-osx-font-smoothing: grayscale;
147
+ }
148
+ }
149
+
150
+ img {
151
+ // Get rid of gap under images by making them display: inline-block; by default
152
+ display: inline-block;
153
+ vertical-align: middle;
154
+
155
+ // Grid defaults to get images and embeds to work properly
156
+ max-width: 100%;
157
+ height: auto;
158
+ -ms-interpolation-mode: bicubic;
159
+ }
160
+
161
+ // Make sure textarea takes on height automatically
162
+ textarea {
163
+ height: auto;
164
+ min-height: 50px;
165
+ border-radius: $global-radius;
166
+ }
167
+
168
+ // Make select elements are 100% width by default
169
+ select {
170
+ box-sizing: border-box;
171
+ width: 100%;
172
+ border-radius: $global-radius;
173
+ }
174
+
175
+ // Styles Google Maps and MapQuest embeds properly
176
+ // sass-lint:disable-line no-ids
177
+ .map_canvas,
178
+ .mqa-display {
179
+ img,
180
+ embed,
181
+ object {
182
+ max-width: none !important;
183
+ }
184
+ }
185
+
186
+ // Reset <button> styles created by most browsers
187
+ button {
188
+ @include disable-mouse-outline;
189
+
190
+ padding: 0;
191
+
192
+ appearance: none;
193
+ border: 0;
194
+ border-radius: $global-radius;
195
+ background: transparent;
196
+
197
+ line-height: 1;
198
+ }
199
+
200
+ // Prevent text overflow on pre
201
+ pre {
202
+ overflow: auto;
203
+ }
204
+
205
+ // Internal classes to show/hide elements in JavaScript
206
+ .is-visible {
207
+ display: block !important;
208
+ }
209
+
210
+ .is-hidden {
211
+ display: none !important;
212
+ }
213
+ }
214
+
215
+ /// Loads normalize.css.
216
+ /// @access private
217
+ @mixin -zf-normalize {
218
+ @include normalize();
219
+ }