foundation-scss 6.3.1.0

Sign up to get free protection for your applications and to get access to all the features.
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
+ }