jekyll-theme-consulting 0.1.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (91) hide show
  1. checksums.yaml +7 -0
  2. data/LICENSE +437 -0
  3. data/README.md +96 -0
  4. data/_includes/banner.html +10 -0
  5. data/_includes/bouncing.svg +53 -0
  6. data/_includes/footer.html +39 -0
  7. data/_includes/head.html +10 -0
  8. data/_includes/header.html +10 -0
  9. data/_includes/navigation.html +22 -0
  10. data/_includes/scripts.html +8 -0
  11. data/_layouts/default.html +22 -0
  12. data/_layouts/home.html +6 -0
  13. data/_layouts/page.html +4 -0
  14. data/_layouts/post.html +13 -0
  15. data/_sass/base/_reset.scss +70 -0
  16. data/_sass/base/_typography.scss +140 -0
  17. data/_sass/components/_actions.scss +18 -0
  18. data/_sass/components/_box.scss +247 -0
  19. data/_sass/components/_button.scss +65 -0
  20. data/_sass/components/_container.scss +14 -0
  21. data/_sass/components/_form.scss +88 -0
  22. data/_sass/components/_icons.scss +44 -0
  23. data/_sass/components/_image.scss +37 -0
  24. data/_sass/components/_list.scss +25 -0
  25. data/_sass/components/_menu.scss +21 -0
  26. data/_sass/components/_poptrox.scss +121 -0
  27. data/_sass/components/_row.scss +21 -0
  28. data/_sass/components/_sections.scss +18 -0
  29. data/_sass/components/_table.scss +35 -0
  30. data/_sass/layout/_banner.scss +44 -0
  31. data/_sass/layout/_breakpoints.scss +358 -0
  32. data/_sass/layout/_footer.scss +44 -0
  33. data/_sass/layout/_header.scss +85 -0
  34. data/_sass/libs/_breakpoints.scss +223 -0
  35. data/_sass/libs/_functions.scss +90 -0
  36. data/_sass/libs/_html-grid.scss +149 -0
  37. data/_sass/libs/_mixins.scss +63 -0
  38. data/_sass/libs/_vars.scss +34 -0
  39. data/_sass/libs/_vendor.scss +376 -0
  40. data/_sass/main.scss +51 -0
  41. data/_sass/noscript.scss +25 -0
  42. data/assets/css/font-awesome.min.css +4 -0
  43. data/assets/css/images/arrow.svg +17 -0
  44. data/assets/css/images/banner.svg +206 -0
  45. data/assets/css/images/circles.svg +30 -0
  46. data/assets/css/images/falling.svg +37 -0
  47. data/assets/css/images/loader.gif +0 -0
  48. data/assets/css/images/overlay.png +0 -0
  49. data/assets/css/images/poptrox-closer.svg +6 -0
  50. data/assets/css/images/poptrox-nav.svg +6 -0
  51. data/assets/css/noscript.css +19 -0
  52. data/assets/css/styles.scss +4 -0
  53. data/assets/fonts/FontAwesome.otf +0 -0
  54. data/assets/fonts/fontawesome-webfont.eot +0 -0
  55. data/assets/fonts/fontawesome-webfont.svg +2671 -0
  56. data/assets/fonts/fontawesome-webfont.ttf +0 -0
  57. data/assets/fonts/fontawesome-webfont.woff +0 -0
  58. data/assets/fonts/fontawesome-webfont.woff2 +0 -0
  59. data/assets/images/bg-1.jpg +0 -0
  60. data/assets/images/bg-alt.jpg +0 -0
  61. data/assets/images/bg.jpg +0 -0
  62. data/assets/images/bouncing.svg +50 -0
  63. data/assets/images/favicon.ico +0 -0
  64. data/assets/images/fulls/01.jpg +0 -0
  65. data/assets/images/fulls/02.jpg +0 -0
  66. data/assets/images/fulls/03.jpg +0 -0
  67. data/assets/images/fulls/04.jpg +0 -0
  68. data/assets/images/fulls/05.jpg +0 -0
  69. data/assets/images/fulls/06.jpg +0 -0
  70. data/assets/images/fulls/07.jpg +0 -0
  71. data/assets/images/fulls/08.jpg +0 -0
  72. data/assets/images/logo.svg +21 -0
  73. data/assets/images/pic01.jpg +0 -0
  74. data/assets/images/pic02.jpg +0 -0
  75. data/assets/images/screenshot.jpg +0 -0
  76. data/assets/images/thumbs/01.jpg +0 -0
  77. data/assets/images/thumbs/02.jpg +0 -0
  78. data/assets/images/thumbs/03.jpg +0 -0
  79. data/assets/images/thumbs/04.jpg +0 -0
  80. data/assets/images/thumbs/05.jpg +0 -0
  81. data/assets/images/thumbs/06.jpg +0 -0
  82. data/assets/images/thumbs/07.jpg +0 -0
  83. data/assets/images/thumbs/08.jpg +0 -0
  84. data/assets/js/breakpoints.min.js +2 -0
  85. data/assets/js/browser.min.js +2 -0
  86. data/assets/js/jquery.min.js +2 -0
  87. data/assets/js/jquery.poptrox.min.js +2 -0
  88. data/assets/js/jquery.scrolly.min.js +2 -0
  89. data/assets/js/main.js +106 -0
  90. data/assets/js/util.js +587 -0
  91. metadata +175 -0
@@ -0,0 +1,90 @@
1
+ /// Removes a specific item from a list.
2
+ /// @author Hugo Giraudel
3
+ /// @param {list} $list List.
4
+ /// @param {integer} $index Index.
5
+ /// @return {list} Updated list.
6
+ @function remove-nth($list, $index) {
7
+
8
+ $result: null;
9
+
10
+ @if type-of($index) != number {
11
+ @warn "$index: #{quote($index)} is not a number for `remove-nth`.";
12
+ }
13
+ @else if $index == 0 {
14
+ @warn "List index 0 must be a non-zero integer for `remove-nth`.";
15
+ }
16
+ @else if abs($index) > length($list) {
17
+ @warn "List index is #{$index} but list is only #{length($list)} item long for `remove-nth`.";
18
+ }
19
+ @else {
20
+
21
+ $result: ();
22
+ $index: if($index < 0, length($list) + $index + 1, $index);
23
+
24
+ @for $i from 1 through length($list) {
25
+
26
+ @if $i != $index {
27
+ $result: append($result, nth($list, $i));
28
+ }
29
+
30
+ }
31
+
32
+ }
33
+
34
+ @return $result;
35
+
36
+ }
37
+
38
+ /// Gets a value from a map.
39
+ /// @author Hugo Giraudel
40
+ /// @param {map} $map Map.
41
+ /// @param {string} $keys Key(s).
42
+ /// @return {string} Value.
43
+ @function val($map, $keys...) {
44
+
45
+ @if nth($keys, 1) == null {
46
+ $keys: remove-nth($keys, 1);
47
+ }
48
+
49
+ @each $key in $keys {
50
+ $map: map-get($map, $key);
51
+ }
52
+
53
+ @return $map;
54
+
55
+ }
56
+
57
+ /// Gets a duration value.
58
+ /// @param {string} $keys Key(s).
59
+ /// @return {string} Value.
60
+ @function _duration($keys...) {
61
+ @return val($duration, $keys...);
62
+ }
63
+
64
+ /// Gets a font value.
65
+ /// @param {string} $keys Key(s).
66
+ /// @return {string} Value.
67
+ @function _font($keys...) {
68
+ @return val($font, $keys...);
69
+ }
70
+
71
+ /// Gets a misc value.
72
+ /// @param {string} $keys Key(s).
73
+ /// @return {string} Value.
74
+ @function _misc($keys...) {
75
+ @return val($misc, $keys...);
76
+ }
77
+
78
+ /// Gets a palette value.
79
+ /// @param {string} $keys Key(s).
80
+ /// @return {string} Value.
81
+ @function _palette($keys...) {
82
+ @return val($palette, $keys...);
83
+ }
84
+
85
+ /// Gets a size value.
86
+ /// @param {string} $keys Key(s).
87
+ /// @return {string} Value.
88
+ @function _size($keys...) {
89
+ @return val($size, $keys...);
90
+ }
@@ -0,0 +1,149 @@
1
+ // html-grid.scss v1.0 | @ajlkn | MIT licensed */
2
+
3
+ // Mixins.
4
+
5
+ /// Initializes the current element as an HTML grid.
6
+ /// @param {mixed} $gutters Gutters (either a single number to set both column/row gutters, or a list to set them individually).
7
+ /// @param {mixed} $suffix Column class suffix (optional; either a single suffix or a list).
8
+ @mixin html-grid($gutters: 1.5em, $suffix: '') {
9
+
10
+ // Initialize.
11
+ $cols: 12;
12
+ $multipliers: 0, 0.25, 0.5, 1, 1.50, 2.00;
13
+ $unit: 100% / $cols;
14
+
15
+ // Suffixes.
16
+ $suffixes: null;
17
+
18
+ @if (type-of($suffix) == 'list') {
19
+ $suffixes: $suffix;
20
+ }
21
+ @else {
22
+ $suffixes: ($suffix);
23
+ }
24
+
25
+ // Gutters.
26
+ $guttersCols: null;
27
+ $guttersRows: null;
28
+
29
+ @if (type-of($gutters) == 'list') {
30
+
31
+ $guttersCols: nth($gutters, 1);
32
+ $guttersRows: nth($gutters, 2);
33
+
34
+ }
35
+ @else {
36
+
37
+ $guttersCols: $gutters;
38
+ $guttersRows: 0;
39
+
40
+ }
41
+
42
+ // Row.
43
+ display: flex;
44
+ flex-wrap: wrap;
45
+ box-sizing: border-box;
46
+ align-items: stretch;
47
+
48
+ // Columns.
49
+ > * {
50
+ box-sizing: border-box;
51
+ }
52
+
53
+ // Gutters.
54
+ &.gtr-uniform {
55
+ > * {
56
+ > :last-child {
57
+ margin-bottom: 0;
58
+ }
59
+ }
60
+ }
61
+
62
+ // Alignment.
63
+ &.aln-left {
64
+ justify-content: flex-start;
65
+ }
66
+
67
+ &.aln-center {
68
+ justify-content: center;
69
+ }
70
+
71
+ &.aln-right {
72
+ justify-content: flex-end;
73
+ }
74
+
75
+ &.aln-top {
76
+ align-items: flex-start;
77
+ }
78
+
79
+ &.aln-middle {
80
+ align-items: center;
81
+ }
82
+
83
+ &.aln-bottom {
84
+ align-items: flex-end;
85
+ }
86
+
87
+ // Step through suffixes.
88
+ @each $suffix in $suffixes {
89
+
90
+ // Suffix.
91
+ @if ($suffix != '') {
92
+ $suffix: '-' + $suffix;
93
+ }
94
+ @else {
95
+ $suffix: '';
96
+ }
97
+
98
+ // Row.
99
+
100
+ // Important.
101
+ > .imp#{$suffix} {
102
+ order: -1;
103
+ }
104
+
105
+ // Columns, offsets.
106
+ @for $i from 1 through $cols {
107
+ > .col-#{$i}#{$suffix} {
108
+ width: $unit * $i;
109
+ }
110
+
111
+ > .off-#{$i}#{$suffix} {
112
+ margin-left: $unit * $i;
113
+ }
114
+ }
115
+
116
+ // Step through multipliers.
117
+ @each $multiplier in $multipliers {
118
+
119
+ // Gutters.
120
+ $class: null;
121
+
122
+ @if ($multiplier != 1) {
123
+ $class: '.gtr-' + ($multiplier * 100);
124
+ }
125
+
126
+ &#{$class} {
127
+ margin-top: ($guttersRows * $multiplier * -1);
128
+ margin-left: ($guttersCols * $multiplier * -1);
129
+
130
+ > * {
131
+ padding: ($guttersRows * $multiplier) 0 0 ($guttersCols * $multiplier);
132
+ }
133
+
134
+ // Uniform.
135
+ &.gtr-uniform {
136
+ margin-top: $guttersCols * $multiplier * -1;
137
+
138
+ > * {
139
+ padding-top: $guttersCols * $multiplier;
140
+ }
141
+ }
142
+
143
+ }
144
+
145
+ }
146
+
147
+ }
148
+
149
+ }
@@ -0,0 +1,63 @@
1
+ /// Makes an element's :before pseudoelement a FontAwesome icon.
2
+ /// @param {string} $content Optional content value to use.
3
+ /// @param {string} $where Optional pseudoelement to target (before or after).
4
+ @mixin icon($content: false, $where: before) {
5
+
6
+ text-decoration: none;
7
+
8
+ &:#{$where} {
9
+
10
+ @if $content {
11
+ content: $content;
12
+ }
13
+
14
+ -moz-osx-font-smoothing: grayscale;
15
+ -webkit-font-smoothing: antialiased;
16
+ font-family: FontAwesome;
17
+ font-style: normal;
18
+ font-weight: normal;
19
+ text-transform: none !important;
20
+
21
+ }
22
+
23
+ }
24
+
25
+ /// Applies padding to an element, taking the current element-margin value into account.
26
+ /// @param {mixed} $tb Top/bottom padding.
27
+ /// @param {mixed} $lr Left/right padding.
28
+ /// @param {list} $pad Optional extra padding (in the following order top, right, bottom, left)
29
+ /// @param {bool} $important If true, adds !important.
30
+ @mixin padding($tb, $lr, $pad: (0,0,0,0), $important: null) {
31
+
32
+ @if $important {
33
+ $important: '!important';
34
+ }
35
+
36
+ $x: 0.1em;
37
+
38
+ @if unit(_size(element-margin)) == 'rem' {
39
+ $x: 0.1rem;
40
+ }
41
+
42
+ padding: ($tb + nth($pad,1)) ($lr + nth($pad,2)) max($x, $tb - _size(element-margin) + nth($pad,3)) ($lr + nth($pad,4)) #{$important};
43
+
44
+ }
45
+
46
+ /// Encodes a SVG data URL so IE doesn't choke (via codepen.io/jakob-e/pen/YXXBrp).
47
+ /// @param {string} $svg SVG data URL.
48
+ /// @return {string} Encoded SVG data URL.
49
+ @function svg-url($svg) {
50
+
51
+ $svg: str-replace($svg, '"', '\'');
52
+ $svg: str-replace($svg, '%', '%25');
53
+ $svg: str-replace($svg, '<', '%3C');
54
+ $svg: str-replace($svg, '>', '%3E');
55
+ $svg: str-replace($svg, '&', '%26');
56
+ $svg: str-replace($svg, '#', '%23');
57
+ $svg: str-replace($svg, '{', '%7B');
58
+ $svg: str-replace($svg, '}', '%7D');
59
+ $svg: str-replace($svg, ';', '%3B');
60
+
61
+ @return url("data:image/svg+xml;charset=utf8,#{$svg}");
62
+
63
+ }
@@ -0,0 +1,34 @@
1
+ // Misc.
2
+ $misc: (
3
+ z-index-base: 10000
4
+ );
5
+
6
+ // Duration.
7
+ $duration: (
8
+ navPanel: 0.5s
9
+ );
10
+
11
+ // Size.
12
+ $size: (
13
+ navPanel: 275px
14
+ );
15
+
16
+ // Font.
17
+ $font: (
18
+ );
19
+
20
+ // Palette.
21
+ $palette: (
22
+ bg: rgba(25,45,60,1),
23
+ bg-alt: rgba(245,245,245,1),
24
+ bg-light: rgba(25,45,60,0.5),
25
+ bg-dark: rgba(5,20,25,1),
26
+ fg: rgba(255,255,255,1),
27
+ fg-bold: rgba(255,255,255,1),
28
+ fg-light: rgba(255,255,255,1),
29
+ border: rgba(40,60,70,0.75),
30
+ border-bg: rgba(40,60,70,1),
31
+ border-light: rgba(40,60,70,0.5),
32
+ accent: rgba(0,255,255,1),
33
+ accent-light: rgba(165,255,255,1)
34
+ );
@@ -0,0 +1,376 @@
1
+ // vendor.scss v1.0 | @ajlkn | MIT licensed */
2
+
3
+ // Vars.
4
+
5
+ /// Vendor prefixes.
6
+ /// @var {list}
7
+ $vendor-prefixes: (
8
+ '-moz-',
9
+ '-webkit-',
10
+ '-ms-',
11
+ ''
12
+ );
13
+
14
+ /// Properties that should be vendorized.
15
+ /// Data via caniuse.com, github.com/postcss/autoprefixer, and developer.mozilla.org
16
+ /// @var {list}
17
+ $vendor-properties: (
18
+
19
+ // Animation.
20
+ 'animation',
21
+ 'animation-delay',
22
+ 'animation-direction',
23
+ 'animation-duration',
24
+ 'animation-fill-mode',
25
+ 'animation-iteration-count',
26
+ 'animation-name',
27
+ 'animation-play-state',
28
+ 'animation-timing-function',
29
+
30
+ // Appearance.
31
+ 'appearance',
32
+
33
+ // Backdrop filter.
34
+ 'backdrop-filter',
35
+
36
+ // Background image options.
37
+ 'background-clip',
38
+ 'background-origin',
39
+ 'background-size',
40
+
41
+ // Box sizing.
42
+ 'box-sizing',
43
+
44
+ // Clip path.
45
+ 'clip-path',
46
+
47
+ // Filter effects.
48
+ 'filter',
49
+
50
+ // Flexbox.
51
+ 'align-content',
52
+ 'align-items',
53
+ 'align-self',
54
+ 'flex',
55
+ 'flex-basis',
56
+ 'flex-direction',
57
+ 'flex-flow',
58
+ 'flex-grow',
59
+ 'flex-shrink',
60
+ 'flex-wrap',
61
+ 'justify-content',
62
+ 'order',
63
+
64
+ // Font feature.
65
+ 'font-feature-settings',
66
+ 'font-language-override',
67
+ 'font-variant-ligatures',
68
+
69
+ // Font kerning.
70
+ 'font-kerning',
71
+
72
+ // Fragmented borders and backgrounds.
73
+ 'box-decoration-break',
74
+
75
+ // Grid layout.
76
+ 'grid-column',
77
+ 'grid-column-align',
78
+ 'grid-column-end',
79
+ 'grid-column-start',
80
+ 'grid-row',
81
+ 'grid-row-align',
82
+ 'grid-row-end',
83
+ 'grid-row-start',
84
+ 'grid-template-columns',
85
+ 'grid-template-rows',
86
+
87
+ // Hyphens.
88
+ 'hyphens',
89
+ 'word-break',
90
+
91
+ // Masks.
92
+ 'mask',
93
+ 'mask-border',
94
+ 'mask-border-outset',
95
+ 'mask-border-repeat',
96
+ 'mask-border-slice',
97
+ 'mask-border-source',
98
+ 'mask-border-width',
99
+ 'mask-clip',
100
+ 'mask-composite',
101
+ 'mask-image',
102
+ 'mask-origin',
103
+ 'mask-position',
104
+ 'mask-repeat',
105
+ 'mask-size',
106
+
107
+ // Multicolumn.
108
+ 'break-after',
109
+ 'break-before',
110
+ 'break-inside',
111
+ 'column-count',
112
+ 'column-fill',
113
+ 'column-gap',
114
+ 'column-rule',
115
+ 'column-rule-color',
116
+ 'column-rule-style',
117
+ 'column-rule-width',
118
+ 'column-span',
119
+ 'column-width',
120
+ 'columns',
121
+
122
+ // Object fit.
123
+ 'object-fit',
124
+ 'object-position',
125
+
126
+ // Regions.
127
+ 'flow-from',
128
+ 'flow-into',
129
+ 'region-fragment',
130
+
131
+ // Scroll snap points.
132
+ 'scroll-snap-coordinate',
133
+ 'scroll-snap-destination',
134
+ 'scroll-snap-points-x',
135
+ 'scroll-snap-points-y',
136
+ 'scroll-snap-type',
137
+
138
+ // Shapes.
139
+ 'shape-image-threshold',
140
+ 'shape-margin',
141
+ 'shape-outside',
142
+
143
+ // Tab size.
144
+ 'tab-size',
145
+
146
+ // Text align last.
147
+ 'text-align-last',
148
+
149
+ // Text decoration.
150
+ 'text-decoration-color',
151
+ 'text-decoration-line',
152
+ 'text-decoration-skip',
153
+ 'text-decoration-style',
154
+
155
+ // Text emphasis.
156
+ 'text-emphasis',
157
+ 'text-emphasis-color',
158
+ 'text-emphasis-position',
159
+ 'text-emphasis-style',
160
+
161
+ // Text size adjust.
162
+ 'text-size-adjust',
163
+
164
+ // Text spacing.
165
+ 'text-spacing',
166
+
167
+ // Transform.
168
+ 'transform',
169
+ 'transform-origin',
170
+
171
+ // Transform 3D.
172
+ 'backface-visibility',
173
+ 'perspective',
174
+ 'perspective-origin',
175
+ 'transform-style',
176
+
177
+ // Transition.
178
+ 'transition',
179
+ 'transition-delay',
180
+ 'transition-duration',
181
+ 'transition-property',
182
+ 'transition-timing-function',
183
+
184
+ // Unicode bidi.
185
+ 'unicode-bidi',
186
+
187
+ // User select.
188
+ 'user-select',
189
+
190
+ // Writing mode.
191
+ 'writing-mode',
192
+
193
+ );
194
+
195
+ /// Values that should be vendorized.
196
+ /// Data via caniuse.com, github.com/postcss/autoprefixer, and developer.mozilla.org
197
+ /// @var {list}
198
+ $vendor-values: (
199
+
200
+ // Cross fade.
201
+ 'cross-fade',
202
+
203
+ // Element function.
204
+ 'element',
205
+
206
+ // Filter function.
207
+ 'filter',
208
+
209
+ // Flexbox.
210
+ 'flex',
211
+ 'inline-flex',
212
+
213
+ // Grab cursors.
214
+ 'grab',
215
+ 'grabbing',
216
+
217
+ // Gradients.
218
+ 'linear-gradient',
219
+ 'repeating-linear-gradient',
220
+ 'radial-gradient',
221
+ 'repeating-radial-gradient',
222
+
223
+ // Grid layout.
224
+ 'grid',
225
+ 'inline-grid',
226
+
227
+ // Image set.
228
+ 'image-set',
229
+
230
+ // Intrinsic width.
231
+ 'max-content',
232
+ 'min-content',
233
+ 'fit-content',
234
+ 'fill',
235
+ 'fill-available',
236
+ 'stretch',
237
+
238
+ // Sticky position.
239
+ 'sticky',
240
+
241
+ // Transform.
242
+ 'transform',
243
+
244
+ // Zoom cursors.
245
+ 'zoom-in',
246
+ 'zoom-out',
247
+
248
+ );
249
+
250
+ // Functions.
251
+
252
+ /// Removes a specific item from a list.
253
+ /// @author Hugo Giraudel
254
+ /// @param {list} $list List.
255
+ /// @param {integer} $index Index.
256
+ /// @return {list} Updated list.
257
+ @function remove-nth($list, $index) {
258
+
259
+ $result: null;
260
+
261
+ @if type-of($index) != number {
262
+ @warn "$index: #{quote($index)} is not a number for `remove-nth`.";
263
+ }
264
+ @else if $index == 0 {
265
+ @warn "List index 0 must be a non-zero integer for `remove-nth`.";
266
+ }
267
+ @else if abs($index) > length($list) {
268
+ @warn "List index is #{$index} but list is only #{length($list)} item long for `remove-nth`.";
269
+ }
270
+ @else {
271
+
272
+ $result: ();
273
+ $index: if($index < 0, length($list) + $index + 1, $index);
274
+
275
+ @for $i from 1 through length($list) {
276
+
277
+ @if $i != $index {
278
+ $result: append($result, nth($list, $i));
279
+ }
280
+
281
+ }
282
+
283
+ }
284
+
285
+ @return $result;
286
+
287
+ }
288
+
289
+ /// Replaces a substring within another string.
290
+ /// @author Hugo Giraudel
291
+ /// @param {string} $string String.
292
+ /// @param {string} $search Substring.
293
+ /// @param {string} $replace Replacement.
294
+ /// @return {string} Updated string.
295
+ @function str-replace($string, $search, $replace: '') {
296
+
297
+ $index: str-index($string, $search);
298
+
299
+ @if $index {
300
+ @return str-slice($string, 1, $index - 1) + $replace + str-replace(str-slice($string, $index + str-length($search)), $search, $replace);
301
+ }
302
+
303
+ @return $string;
304
+
305
+ }
306
+
307
+ /// Replaces a substring within each string in a list.
308
+ /// @param {list} $strings List of strings.
309
+ /// @param {string} $search Substring.
310
+ /// @param {string} $replace Replacement.
311
+ /// @return {list} Updated list of strings.
312
+ @function str-replace-all($strings, $search, $replace: '') {
313
+
314
+ @each $string in $strings {
315
+ $strings: set-nth($strings, index($strings, $string), str-replace($string, $search, $replace));
316
+ }
317
+
318
+ @return $strings;
319
+
320
+ }
321
+
322
+ // Mixins.
323
+
324
+ /// Wraps @content in vendorized keyframe blocks.
325
+ /// @param {string} $name Name.
326
+ @mixin keyframes($name) {
327
+
328
+ @-moz-keyframes #{$name} { @content; }
329
+ @-webkit-keyframes #{$name} { @content; }
330
+ @-ms-keyframes #{$name} { @content; }
331
+ @keyframes #{$name} { @content; }
332
+
333
+ }
334
+
335
+ /// Vendorizes a declaration's property and/or value(s).
336
+ /// @param {string} $property Property.
337
+ /// @param {mixed} $value String/list of value(s).
338
+ @mixin vendor($property, $value) {
339
+
340
+ // Determine if property should expand.
341
+ $expandProperty: index($vendor-properties, $property);
342
+
343
+ // Determine if value should expand (and if so, add '-prefix-' placeholder).
344
+ $expandValue: false;
345
+
346
+ @each $x in $value {
347
+ @each $y in $vendor-values {
348
+ @if $y == str-slice($x, 1, str-length($y)) {
349
+
350
+ $value: set-nth($value, index($value, $x), '-prefix-' + $x);
351
+ $expandValue: true;
352
+
353
+ }
354
+ }
355
+ }
356
+
357
+ // Expand property?
358
+ @if $expandProperty {
359
+ @each $vendor in $vendor-prefixes {
360
+ #{$vendor}#{$property}: #{str-replace-all($value, '-prefix-', $vendor)};
361
+ }
362
+ }
363
+
364
+ // Expand just the value?
365
+ @elseif $expandValue {
366
+ @each $vendor in $vendor-prefixes {
367
+ #{$property}: #{str-replace-all($value, '-prefix-', $vendor)};
368
+ }
369
+ }
370
+
371
+ // Neither? Treat them as a normal declaration.
372
+ @else {
373
+ #{$property}: #{$value};
374
+ }
375
+
376
+ }