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,149 @@
1
+ // Foundation for Sites by ZURB
2
+ // foundation.zurb.com
3
+ // Licensed under MIT Open Source
4
+
5
+ ////
6
+ /// @group slider
7
+ ////
8
+
9
+ /// Default height of the slider.
10
+ /// @type Number
11
+ $slider-height: 0.5rem !default;
12
+
13
+ /// Default background color of the slider's track.
14
+ /// @type Color
15
+ $slider-background: $light-gray !default;
16
+
17
+ /// Default color of the active fill color of the slider.
18
+ /// @type Color
19
+ $slider-fill-background: $medium-gray !default;
20
+
21
+ /// Default height of the handle of the slider.
22
+ /// @type Number
23
+ $slider-handle-height: 1.4rem !default;
24
+
25
+ /// Default width of the handle of the slider.
26
+ /// @type Number
27
+ $slider-handle-width: 1.4rem !default;
28
+
29
+ /// Default color of the handle for the slider.
30
+ /// @type Color
31
+ $slider-handle-background: $primary-color !default;
32
+
33
+ /// Default fade amount of a disabled slider.
34
+ /// @type Number
35
+ $slider-opacity-disabled: 0.25 !default;
36
+
37
+ /// Default radius for slider.
38
+ /// @type Number
39
+ $slider-radius: $global-radius !default;
40
+
41
+ @mixin foundation-range-input {
42
+ input[type="range"] { // sass-lint:disable-line no-qualifying-elements
43
+ $margin: ($slider-handle-height - $slider-height) / 2;
44
+
45
+ display: block;
46
+ width: 100%;
47
+ height: auto;
48
+ margin-top: $margin;
49
+ margin-bottom: $margin;
50
+
51
+ appearance: none;
52
+ border: 0;
53
+ line-height: 1;
54
+ cursor: pointer;
55
+
56
+ @if has-value($slider-radius) {
57
+ border-radius: $slider-radius;
58
+ }
59
+
60
+ &:focus {
61
+ outline: 0;
62
+ }
63
+
64
+ &[disabled] {
65
+ opacity: $slider-opacity-disabled;
66
+ }
67
+
68
+ // sass-lint:disable no-vendor-prefix
69
+
70
+ // Chrome/Safari
71
+ &::-webkit-slider-runnable-track {
72
+ height: $slider-height;
73
+ background: $slider-background;
74
+ }
75
+
76
+ &::-webkit-slider-handle {
77
+ width: $slider-handle-width;
78
+ height: $slider-handle-height;
79
+ margin-top: -$margin;
80
+
81
+ -webkit-appearance: none;
82
+ background: $slider-handle-background;
83
+
84
+ @if has-value($slider-radius) {
85
+ border-radius: $slider-radius;
86
+ }
87
+ }
88
+
89
+ // Firefox
90
+ &::-moz-range-track {
91
+ height: $slider-height;
92
+ -moz-appearance: none;
93
+ background: $slider-background;
94
+ }
95
+
96
+ &::-moz-range-thumb {
97
+ width: $slider-handle-width;
98
+ height: $slider-handle-height;
99
+ margin-top: -$margin;
100
+
101
+ -moz-appearance: none;
102
+ background: $slider-handle-background;
103
+
104
+ @if has-value($slider-radius) {
105
+ border-radius: $slider-radius;
106
+ }
107
+ }
108
+
109
+ // Internet Explorer
110
+ &::-ms-track {
111
+ height: $slider-height;
112
+
113
+ border: 0;
114
+ border-top: $margin solid $body-background;
115
+ border-bottom: $margin solid $body-background;
116
+ background: $slider-background;
117
+
118
+ overflow: visible;
119
+ color: transparent;
120
+ }
121
+
122
+ &::-ms-thumb {
123
+ width: $slider-handle-width;
124
+ height: $slider-handle-height;
125
+ border: 0;
126
+ background: $slider-handle-background;
127
+
128
+ @if has-value($slider-radius) {
129
+ border-radius: $slider-radius;
130
+ }
131
+ }
132
+
133
+ &::-ms-fill-lower {
134
+ background: $slider-fill-background;
135
+ }
136
+
137
+ &::-ms-fill-upper {
138
+ background: $slider-background;
139
+ }
140
+
141
+ @at-root {
142
+ output {
143
+ vertical-align: middle;
144
+ margin-left: 0.5em;
145
+ line-height: $slider-handle-height;
146
+ }
147
+ }
148
+ }
149
+ }
@@ -0,0 +1,85 @@
1
+ // Foundation for Sites by ZURB
2
+ // foundation.zurb.com
3
+ // Licensed under MIT Open Source
4
+
5
+ ////
6
+ /// @group forms
7
+ ////
8
+
9
+ /// Background color for select menus.
10
+ /// @type Color
11
+ $select-background: $white !default;
12
+
13
+ /// Color of the dropdown triangle inside select menus. Set to `transparent` to remove it entirely.
14
+ /// @type Color
15
+ $select-triangle-color: $dark-gray !default;
16
+
17
+ /// Default radius for select menus.
18
+ /// @type Color
19
+ $select-radius: $global-radius !default;
20
+
21
+ @mixin form-select {
22
+ $height: ($input-font-size + ($form-spacing * 1.5) - rem-calc(1));
23
+
24
+ height: $height;
25
+ margin: 0 0 $form-spacing;
26
+ padding: ($form-spacing / 2);
27
+
28
+ appearance: none;
29
+ border: $input-border;
30
+ border-radius: $select-radius;
31
+ background-color: $select-background;
32
+
33
+ font-family: $input-font-family;
34
+ font-size: $input-font-size;
35
+ line-height: normal;
36
+ color: $input-color;
37
+
38
+ @if $select-triangle-color != transparent {
39
+ @include background-triangle($select-triangle-color);
40
+ background-origin: content-box;
41
+ background-position: $global-right (-$form-spacing) center;
42
+ background-repeat: no-repeat;
43
+ background-size: 9px 6px;
44
+
45
+ padding-#{$global-right}: ($form-spacing * 1.5);
46
+ }
47
+
48
+ @if has-value($input-transition) {
49
+ transition: $input-transition;
50
+ }
51
+
52
+ // Focus state
53
+ &:focus {
54
+ outline: none;
55
+ border: $input-border-focus;
56
+ background-color: $input-background-focus;
57
+ box-shadow: $input-shadow-focus;
58
+
59
+ @if has-value($input-transition) {
60
+ transition: $input-transition;
61
+ }
62
+ }
63
+
64
+ // Disabled state
65
+ &:disabled {
66
+ background-color: $input-background-disabled;
67
+ cursor: $input-cursor-disabled;
68
+ }
69
+
70
+ // Hide the dropdown arrow shown in newer IE versions
71
+ &::-ms-expand {
72
+ display: none;
73
+ }
74
+
75
+ &[multiple] {
76
+ height: auto;
77
+ background-image: none;
78
+ }
79
+ }
80
+
81
+ @mixin foundation-form-select {
82
+ select {
83
+ @include form-select;
84
+ }
85
+ }
@@ -0,0 +1,170 @@
1
+ // Foundation for Sites by ZURB
2
+ // foundation.zurb.com
3
+ // Licensed under MIT Open Source
4
+
5
+ ////
6
+ /// @group forms
7
+ ////
8
+
9
+ /// Font color of text inputs.
10
+ /// @type Color
11
+ $input-color: $black !default;
12
+
13
+ /// Font color of placeholder text within text inputs.
14
+ /// @type Color
15
+ $input-placeholder-color: $medium-gray !default;
16
+
17
+ /// Font family of text inputs.
18
+ /// @type Font
19
+ $input-font-family: inherit !default;
20
+
21
+ /// Font size of text inputs.
22
+ /// @type Number
23
+ $input-font-size: rem-calc(16) !default;
24
+
25
+ /// Font weight of text inputs.
26
+ /// @type Keyword
27
+ $input-font-weight: $global-weight-normal !default;
28
+
29
+ /// Background color of text inputs.
30
+ /// @type Color
31
+ $input-background: $white !default;
32
+
33
+ /// Background color of focused of text inputs.
34
+ /// @type Color
35
+ $input-background-focus: $white !default;
36
+
37
+ /// Background color of disabled text inputs.
38
+ /// @type Color
39
+ $input-background-disabled: $light-gray !default;
40
+
41
+ /// Border around text inputs.
42
+ /// @type Border
43
+ $input-border: 1px solid $medium-gray !default;
44
+
45
+ /// Border around focused text inputs.
46
+ /// @type Color
47
+ $input-border-focus: 1px solid $dark-gray !default;
48
+
49
+ /// Box shadow inside text inputs when not focused.
50
+ /// @type Shadow
51
+ $input-shadow: inset 0 1px 2px rgba($black, 0.1) !default;
52
+
53
+ /// Box shadow outside text inputs when focused.
54
+ /// @type Shadow
55
+ $input-shadow-focus: 0 0 5px $medium-gray !default;
56
+
57
+ /// Cursor to use when hovering over a disabled text input.
58
+ /// @type Cursor
59
+ $input-cursor-disabled: not-allowed !default;
60
+
61
+ /// Properties to transition on text inputs.
62
+ /// @type Transition
63
+ $input-transition: box-shadow 0.5s, border-color 0.25s ease-in-out !default;
64
+
65
+ /// Enables the up/down buttons that Chrome and Firefox add to `<input type='number'>` elements.
66
+ /// @type Boolean
67
+ $input-number-spinners: true !default;
68
+
69
+ /// Radius for text inputs.
70
+ /// @type Border
71
+ $input-radius: $global-radius !default;
72
+
73
+ /// Border radius for form buttons, defaulted to global-radius.
74
+ /// @type Number
75
+ $form-button-radius: $global-radius !default;
76
+
77
+ @mixin form-element {
78
+ $height: ($input-font-size + ($form-spacing * 1.5) - rem-calc(1));
79
+
80
+ display: block;
81
+ box-sizing: border-box;
82
+ width: 100%;
83
+ height: $height;
84
+ margin: 0 0 $form-spacing;
85
+ padding: $form-spacing / 2;
86
+
87
+ border: $input-border;
88
+ border-radius: $input-radius;
89
+ background-color: $input-background;
90
+ box-shadow: $input-shadow;
91
+
92
+ font-family: $input-font-family;
93
+ font-size: $input-font-size;
94
+ font-weight: $input-font-weight;
95
+ color: $input-color;
96
+
97
+ @if has-value($input-transition) {
98
+ transition: $input-transition;
99
+ }
100
+
101
+ // Focus state
102
+ &:focus {
103
+ outline: none;
104
+ border: $input-border-focus;
105
+ background-color: $input-background-focus;
106
+ box-shadow: $input-shadow-focus;
107
+
108
+ @if has-value($input-transition) {
109
+ transition: $input-transition;
110
+ }
111
+ }
112
+ }
113
+
114
+ @mixin foundation-form-text {
115
+ // Text inputs
116
+ #{text-inputs()},
117
+ textarea {
118
+ @include form-element;
119
+ appearance: none;
120
+ }
121
+
122
+ // Text areas
123
+ textarea {
124
+ max-width: 100%;
125
+
126
+ &[rows] {
127
+ height: auto;
128
+ }
129
+ }
130
+
131
+ input,
132
+ textarea {
133
+ // Placeholder text
134
+ &::placeholder {
135
+ color: $input-placeholder-color;
136
+ }
137
+
138
+ // Disabled/readonly state
139
+ &:disabled,
140
+ &[readonly] {
141
+ background-color: $input-background-disabled;
142
+ cursor: $input-cursor-disabled;
143
+ }
144
+ }
145
+
146
+ // Reset styles on button-like inputs
147
+ [type='submit'],
148
+ [type='button'] {
149
+ appearance: none;
150
+ border-radius: $form-button-radius;
151
+ }
152
+
153
+ // Reset Normalize setting content-box to search elements
154
+ input[type='search'] { // sass-lint:disable-line no-qualifying-elements
155
+ box-sizing: border-box;
156
+ }
157
+
158
+ // Number input styles
159
+ [type='number'] {
160
+ @if not $input-number-spinners {
161
+ -moz-appearance: textfield; // sass-lint:disable-line no-vendor-prefix
162
+
163
+ &::-webkit-inner-spin-button,
164
+ &::-webkit-outer-spin-button {
165
+ -webkit-appearance: none; // sass-lint:disable-line no-vendor-prefix
166
+ margin: 0;
167
+ }
168
+ }
169
+ }
170
+ }
@@ -0,0 +1,118 @@
1
+ /**
2
+ * Foundation for Sites by ZURB
3
+ * Version 6.3.1
4
+ * foundation.zurb.com
5
+ * Licensed under MIT Open Source
6
+ */
7
+
8
+ // Dependencies
9
+ @import '../_vendor/normalize-scss/sass/normalize';
10
+ @import '../_vendor/sassy-lists/stylesheets/helpers/missing-dependencies';
11
+ @import '../_vendor/sassy-lists/stylesheets/helpers/true';
12
+ @import '../_vendor/sassy-lists/stylesheets/functions/purge';
13
+ @import '../_vendor/sassy-lists/stylesheets/functions/remove';
14
+ @import '../_vendor/sassy-lists/stylesheets/functions/replace';
15
+ @import '../_vendor/sassy-lists/stylesheets/functions/to-list';
16
+
17
+ // Settings
18
+ // import your own `settings` here or
19
+ // import and modify the default settings through
20
+ // @import 'settings/settings';
21
+
22
+ // Sass utilities
23
+ @import 'util/util';
24
+
25
+ // Global variables and styles
26
+ @import 'global';
27
+
28
+ // Components
29
+ @import 'grid/grid';
30
+ @import 'typography/typography';
31
+ @import 'forms/forms';
32
+ @import 'components/visibility';
33
+ @import 'components/float';
34
+ @import 'components/button';
35
+ @import 'components/button-group';
36
+ @import 'components/accordion-menu';
37
+ @import 'components/accordion';
38
+ @import 'components/badge';
39
+ @import 'components/breadcrumbs';
40
+ @import 'components/callout';
41
+ @import 'components/card';
42
+ @import 'components/close-button';
43
+ @import 'components/drilldown';
44
+ @import 'components/dropdown-menu';
45
+ @import 'components/dropdown';
46
+ @import 'components/flex';
47
+ @import 'components/responsive-embed';
48
+ @import 'components/label';
49
+ @import 'components/media-object';
50
+ @import 'components/menu';
51
+ @import 'components/menu-icon';
52
+ @import 'components/off-canvas';
53
+ @import 'components/orbit';
54
+ @import 'components/pagination';
55
+ @import 'components/progress-bar';
56
+ @import 'components/reveal';
57
+ @import 'components/slider';
58
+ @import 'components/sticky';
59
+ @import 'components/switch';
60
+ @import 'components/table';
61
+ @import 'components/tabs';
62
+ @import 'components/title-bar';
63
+ @import 'components/top-bar';
64
+ @import 'components/thumbnail';
65
+ @import 'components/tooltip';
66
+
67
+ @mixin foundation-everything($flex: false) {
68
+ @if $flex {
69
+ $global-flexbox: true !global;
70
+ }
71
+
72
+ @include foundation-global-styles;
73
+ @if not $flex {
74
+ @include foundation-grid;
75
+ }
76
+ @else {
77
+ @include foundation-flex-grid;
78
+ }
79
+ @include foundation-typography;
80
+ @include foundation-forms;
81
+ @include foundation-button;
82
+ @include foundation-accordion;
83
+ @include foundation-accordion-menu;
84
+ @include foundation-badge;
85
+ @include foundation-breadcrumbs;
86
+ @include foundation-button-group;
87
+ @include foundation-callout;
88
+ @include foundation-card;
89
+ @include foundation-close-button;
90
+ @include foundation-menu;
91
+ @include foundation-menu-icon;
92
+ @include foundation-drilldown-menu;
93
+ @include foundation-dropdown;
94
+ @include foundation-dropdown-menu;
95
+ @include foundation-responsive-embed;
96
+ @include foundation-label;
97
+ @include foundation-media-object;
98
+ @include foundation-off-canvas;
99
+ @include foundation-orbit;
100
+ @include foundation-pagination;
101
+ @include foundation-progress-bar;
102
+ @include foundation-slider;
103
+ @include foundation-sticky;
104
+ @include foundation-reveal;
105
+ @include foundation-switch;
106
+ @include foundation-table;
107
+ @include foundation-tabs;
108
+ @include foundation-thumbnail;
109
+ @include foundation-title-bar;
110
+ @include foundation-tooltip;
111
+ @include foundation-top-bar;
112
+ @include foundation-visibility-classes;
113
+ @include foundation-float-classes;
114
+
115
+ @if $flex {
116
+ @include foundation-flex-classes;
117
+ }
118
+ }