jekyll-theme-consulting 0.1.17 → 0.2.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 (56) hide show
  1. checksums.yaml +4 -4
  2. data/_includes/head.html +0 -3
  3. data/_sass/base/_page.scss +13 -4
  4. data/_sass/base/_reset.scss +76 -0
  5. data/_sass/base/_typography.scss +7 -8
  6. data/_sass/components/_actions.scss +63 -0
  7. data/_sass/components/_button.scss +2 -4
  8. data/_sass/components/_contact.scss +47 -0
  9. data/_sass/components/_features.scss +3 -3
  10. data/_sass/components/_form.scss +24 -27
  11. data/_sass/components/_icon.scss +16 -0
  12. data/_sass/components/_icons.scss +30 -0
  13. data/_sass/components/_list.scss +0 -199
  14. data/_sass/components/_pagination.scss +70 -0
  15. data/_sass/components/_posts.scss +3 -58
  16. data/_sass/components/_row.scss +31 -0
  17. data/_sass/layout/_banner.scss +1 -1
  18. data/_sass/layout/_header.scss +3 -3
  19. data/_sass/layout/_main.scss +3 -3
  20. data/_sass/layout/_menu.scss +1 -1
  21. data/_sass/layout/_sidebar.scss +8 -8
  22. data/_sass/libs/_breakpoints.scss +223 -0
  23. data/_sass/libs/_functions.scss +56 -0
  24. data/_sass/libs/_html-grid.scss +149 -0
  25. data/_sass/libs/_mixins.scss +26 -4
  26. data/_sass/libs/_vendor.scss +376 -0
  27. data/_sass/main.scss +18 -16
  28. data/assets/css/fontawesome-all.min.css +5 -0
  29. data/assets/webfonts/fa-brands-400.eot +0 -0
  30. data/assets/webfonts/fa-brands-400.svg +3442 -0
  31. data/assets/webfonts/fa-brands-400.ttf +0 -0
  32. data/assets/webfonts/fa-brands-400.woff +0 -0
  33. data/assets/webfonts/fa-brands-400.woff2 +0 -0
  34. data/assets/webfonts/fa-regular-400.eot +0 -0
  35. data/assets/webfonts/fa-regular-400.svg +803 -0
  36. data/assets/webfonts/fa-regular-400.ttf +0 -0
  37. data/assets/webfonts/fa-regular-400.woff +0 -0
  38. data/assets/webfonts/fa-regular-400.woff2 +0 -0
  39. data/assets/webfonts/fa-solid-900.eot +0 -0
  40. data/assets/webfonts/fa-solid-900.svg +4649 -0
  41. data/assets/webfonts/fa-solid-900.ttf +0 -0
  42. data/assets/webfonts/fa-solid-900.woff +0 -0
  43. data/assets/webfonts/fa-solid-900.woff2 +0 -0
  44. metadata +27 -14
  45. data/_sass/ie8.scss +0 -28
  46. data/_sass/ie9.scss +0 -84
  47. data/_sass/libs/_skel.scss +0 -585
  48. data/assets/css/font-awesome.min.css +0 -4
  49. data/assets/css/ie8.scss +0 -5
  50. data/assets/css/ie9.scss +0 -5
  51. data/assets/fonts/FontAwesome.otf +0 -0
  52. data/assets/fonts/fontawesome-webfont.eot +0 -0
  53. data/assets/fonts/fontawesome-webfont.svg +0 -685
  54. data/assets/fonts/fontawesome-webfont.ttf +0 -0
  55. data/assets/fonts/fontawesome-webfont.woff +0 -0
  56. data/assets/fonts/fontawesome-webfont.woff2 +0 -0
Binary file
Binary file
Binary file
metadata CHANGED
@@ -1,14 +1,14 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: jekyll-theme-consulting
3
3
  version: !ruby/object:Gem::Version
4
- version: 0.1.17
4
+ version: 0.2.0
5
5
  platform: ruby
6
6
  authors:
7
7
  - David Mougeolle
8
8
  autorequire:
9
9
  bindir: bin
10
10
  cert_chain: []
11
- date: 2019-06-20 00:00:00.000000000 Z
11
+ date: 2019-06-21 00:00:00.000000000 Z
12
12
  dependencies:
13
13
  - !ruby/object:Gem::Dependency
14
14
  name: jekyll
@@ -81,20 +81,24 @@ files:
81
81
  - _layouts/redirect.html
82
82
  - _layouts/sitemap.xml
83
83
  - _sass/base/_page.scss
84
+ - _sass/base/_reset.scss
84
85
  - _sass/base/_typography.scss
86
+ - _sass/components/_actions.scss
85
87
  - _sass/components/_box.scss
86
88
  - _sass/components/_button.scss
89
+ - _sass/components/_contact.scss
87
90
  - _sass/components/_features.scss
88
91
  - _sass/components/_form.scss
89
92
  - _sass/components/_icon.scss
93
+ - _sass/components/_icons.scss
90
94
  - _sass/components/_image.scss
91
95
  - _sass/components/_list.scss
92
96
  - _sass/components/_mini-posts.scss
97
+ - _sass/components/_pagination.scss
93
98
  - _sass/components/_posts.scss
99
+ - _sass/components/_row.scss
94
100
  - _sass/components/_section.scss
95
101
  - _sass/components/_table.scss
96
- - _sass/ie8.scss
97
- - _sass/ie9.scss
98
102
  - _sass/layout/_banner.scss
99
103
  - _sass/layout/_footer.scss
100
104
  - _sass/layout/_header.scss
@@ -102,14 +106,14 @@ files:
102
106
  - _sass/layout/_menu.scss
103
107
  - _sass/layout/_sidebar.scss
104
108
  - _sass/layout/_wrapper.scss
109
+ - _sass/libs/_breakpoints.scss
105
110
  - _sass/libs/_functions.scss
111
+ - _sass/libs/_html-grid.scss
106
112
  - _sass/libs/_mixins.scss
107
- - _sass/libs/_skel.scss
108
113
  - _sass/libs/_vars.scss
114
+ - _sass/libs/_vendor.scss
109
115
  - _sass/main.scss
110
- - assets/css/font-awesome.min.css
111
- - assets/css/ie8.scss
112
- - assets/css/ie9.scss
116
+ - assets/css/fontawesome-all.min.css
113
117
  - assets/css/images/cie.svg
114
118
  - assets/css/images/cnefic.svg
115
119
  - assets/css/images/eisti.svg
@@ -119,12 +123,6 @@ files:
119
123
  - assets/css/images/marine.svg
120
124
  - assets/css/images/ub.svg
121
125
  - assets/css/main.scss
122
- - assets/fonts/FontAwesome.otf
123
- - assets/fonts/fontawesome-webfont.eot
124
- - assets/fonts/fontawesome-webfont.svg
125
- - assets/fonts/fontawesome-webfont.ttf
126
- - assets/fonts/fontawesome-webfont.woff
127
- - assets/fonts/fontawesome-webfont.woff2
128
126
  - assets/images/bg-1.jpg
129
127
  - assets/images/bg-alt.jpg
130
128
  - assets/images/bg.jpg
@@ -165,6 +163,21 @@ files:
165
163
  - assets/js/main.js
166
164
  - assets/js/skel.min.js
167
165
  - assets/js/util.js
166
+ - assets/webfonts/fa-brands-400.eot
167
+ - assets/webfonts/fa-brands-400.svg
168
+ - assets/webfonts/fa-brands-400.ttf
169
+ - assets/webfonts/fa-brands-400.woff
170
+ - assets/webfonts/fa-brands-400.woff2
171
+ - assets/webfonts/fa-regular-400.eot
172
+ - assets/webfonts/fa-regular-400.svg
173
+ - assets/webfonts/fa-regular-400.ttf
174
+ - assets/webfonts/fa-regular-400.woff
175
+ - assets/webfonts/fa-regular-400.woff2
176
+ - assets/webfonts/fa-solid-900.eot
177
+ - assets/webfonts/fa-solid-900.svg
178
+ - assets/webfonts/fa-solid-900.ttf
179
+ - assets/webfonts/fa-solid-900.woff
180
+ - assets/webfonts/fa-solid-900.woff2
168
181
  homepage: https://github.com/moodule/jekyll-theme-consulting
169
182
  licenses:
170
183
  - CC-BY-4.0
data/_sass/ie8.scss DELETED
@@ -1,28 +0,0 @@
1
- @import 'libs/vars';
2
- @import 'libs/functions';
3
- @import 'libs/mixins';
4
- @import 'libs/skel';
5
-
6
- /*
7
- Editorial by HTML5 UP
8
- html5up.net | @ajlkn
9
- Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
10
- */
11
-
12
- /* Button */
13
-
14
- input[type="submit"],
15
- input[type="reset"],
16
- input[type="button"],
17
- button,
18
- .button {
19
- border: solid 2px _palette(accent);
20
- }
21
-
22
- /* Posts */
23
-
24
- .posts {
25
- article {
26
- width: 40%;
27
- }
28
- }
data/_sass/ie9.scss DELETED
@@ -1,84 +0,0 @@
1
- @import 'libs/vars';
2
- @import 'libs/functions';
3
- @import 'libs/mixins';
4
- @import 'libs/skel';
5
-
6
- /*
7
- Editorial by HTML5 UP
8
- html5up.net | @ajlkn
9
- Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
10
- */
11
-
12
- /* Features */
13
-
14
- .features {
15
- &:after {
16
- clear: both;
17
- content: '';
18
- display: block;
19
- }
20
-
21
- article {
22
- float: left;
23
-
24
- &:after {
25
- clear: both;
26
- content: '';
27
- display: block;
28
- }
29
-
30
- .icon {
31
- float: left;
32
- }
33
- }
34
- }
35
-
36
- /* Posts */
37
-
38
- .posts {
39
- &:after {
40
- clear: both;
41
- content: '';
42
- display: block;
43
- }
44
-
45
- article {
46
- float: left;
47
- }
48
- }
49
-
50
- /* Main */
51
-
52
- #main {
53
- padding-left: _size(sidebar-width-alt);
54
- }
55
-
56
- /* Sidebar */
57
-
58
- #sidebar {
59
- position: absolute;
60
- top: 0;
61
- left: 0;
62
- min-height: 100%;
63
- width: _size(sidebar-width-alt);
64
- }
65
-
66
- /* Banner */
67
-
68
- #banner {
69
- &:after {
70
- clear: both;
71
- content: '';
72
- display: block;
73
- }
74
-
75
- .content {
76
- float: left;
77
- padding-right: (_size(element-margin) * 2);
78
- }
79
-
80
- .image {
81
- float: left;
82
- margin-left: 0;
83
- }
84
- }
@@ -1,585 +0,0 @@
1
- // skel.scss v3.0.1 | (c) skel.io | MIT licensed */
2
-
3
- // Vars.
4
-
5
- /// Breakpoints.
6
- /// @var {list}
7
- $breakpoints: () !global;
8
-
9
- /// Vendor prefixes.
10
- /// @var {list}
11
- $vendor-prefixes: (
12
- '-moz-',
13
- '-webkit-',
14
- '-ms-',
15
- ''
16
- );
17
-
18
- /// Properties that should be vendorized.
19
- /// @var {list}
20
- $vendor-properties: (
21
- 'align-content',
22
- 'align-items',
23
- 'align-self',
24
- 'animation',
25
- 'animation-delay',
26
- 'animation-direction',
27
- 'animation-duration',
28
- 'animation-fill-mode',
29
- 'animation-iteration-count',
30
- 'animation-name',
31
- 'animation-play-state',
32
- 'animation-timing-function',
33
- 'appearance',
34
- 'backface-visibility',
35
- 'box-sizing',
36
- 'filter',
37
- 'flex',
38
- 'flex-basis',
39
- 'flex-direction',
40
- 'flex-flow',
41
- 'flex-grow',
42
- 'flex-shrink',
43
- 'flex-wrap',
44
- 'justify-content',
45
- 'order',
46
- 'perspective',
47
- 'pointer-events',
48
- 'transform',
49
- 'transform-origin',
50
- 'transform-style',
51
- 'transition',
52
- 'transition-delay',
53
- 'transition-duration',
54
- 'transition-property',
55
- 'transition-timing-function',
56
- 'user-select'
57
- );
58
-
59
- /// Values that should be vendorized.
60
- /// @var {list}
61
- $vendor-values: (
62
- 'filter',
63
- 'flex',
64
- 'linear-gradient',
65
- 'radial-gradient',
66
- 'transform'
67
- );
68
-
69
- // Functions.
70
-
71
- /// Removes a specific item from a list.
72
- /// @author Hugo Giraudel
73
- /// @param {list} $list List.
74
- /// @param {integer} $index Index.
75
- /// @return {list} Updated list.
76
- @function remove-nth($list, $index) {
77
-
78
- $result: null;
79
-
80
- @if type-of($index) != number {
81
- @warn "$index: #{quote($index)} is not a number for `remove-nth`.";
82
- }
83
- @else if $index == 0 {
84
- @warn "List index 0 must be a non-zero integer for `remove-nth`.";
85
- }
86
- @else if abs($index) > length($list) {
87
- @warn "List index is #{$index} but list is only #{length($list)} item long for `remove-nth`.";
88
- }
89
- @else {
90
-
91
- $result: ();
92
- $index: if($index < 0, length($list) + $index + 1, $index);
93
-
94
- @for $i from 1 through length($list) {
95
-
96
- @if $i != $index {
97
- $result: append($result, nth($list, $i));
98
- }
99
-
100
- }
101
-
102
- }
103
-
104
- @return $result;
105
-
106
- }
107
-
108
- /// Replaces a substring within another string.
109
- /// @author Hugo Giraudel
110
- /// @param {string} $string String.
111
- /// @param {string} $search Substring.
112
- /// @param {string} $replace Replacement.
113
- /// @return {string} Updated string.
114
- @function str-replace($string, $search, $replace: '') {
115
-
116
- $index: str-index($string, $search);
117
-
118
- @if $index {
119
- @return str-slice($string, 1, $index - 1) + $replace + str-replace(str-slice($string, $index + str-length($search)), $search, $replace);
120
- }
121
-
122
- @return $string;
123
-
124
- }
125
-
126
- /// Replaces a substring within each string in a list.
127
- /// @param {list} $strings List of strings.
128
- /// @param {string} $search Substring.
129
- /// @param {string} $replace Replacement.
130
- /// @return {list} Updated list of strings.
131
- @function str-replace-all($strings, $search, $replace: '') {
132
-
133
- @each $string in $strings {
134
- $strings: set-nth($strings, index($strings, $string), str-replace($string, $search, $replace));
135
- }
136
-
137
- @return $strings;
138
-
139
- }
140
-
141
- /// Gets a value from a map.
142
- /// @author Hugo Giraudel
143
- /// @param {map} $map Map.
144
- /// @param {string} $keys Key(s).
145
- /// @return {string} Value.
146
- @function val($map, $keys...) {
147
-
148
- @if nth($keys, 1) == null {
149
- $keys: remove-nth($keys, 1);
150
- }
151
-
152
- @each $key in $keys {
153
- $map: map-get($map, $key);
154
- }
155
-
156
- @return $map;
157
-
158
- }
159
-
160
- // Mixins.
161
-
162
- /// Sets the global box model.
163
- /// @param {string} $model Model (default is content).
164
- @mixin boxModel($model: 'content') {
165
-
166
- $x: $model + '-box';
167
-
168
- *, *:before, *:after {
169
- -moz-box-sizing: #{$x};
170
- -webkit-box-sizing: #{$x};
171
- box-sizing: #{$x};
172
- }
173
-
174
- }
175
-
176
- /// Wraps @content in a @media block using a given breakpoint.
177
- /// @param {string} $breakpoint Breakpoint.
178
- /// @param {map} $queries Additional queries.
179
- @mixin breakpoint($breakpoint: null, $queries: null) {
180
-
181
- $query: 'screen';
182
-
183
- // Breakpoint.
184
- @if $breakpoint and map-has-key($breakpoints, $breakpoint) {
185
- $query: $query + ' and ' + map-get($breakpoints, $breakpoint);
186
- }
187
-
188
- // Queries.
189
- @if $queries {
190
- @each $k, $v in $queries {
191
- $query: $query + ' and (' + $k + ':' + $v + ')';
192
- }
193
- }
194
-
195
- @media #{$query} {
196
- @content;
197
- }
198
-
199
- }
200
-
201
- /// Wraps @content in a @media block targeting a specific orientation.
202
- /// @param {string} $orientation Orientation.
203
- @mixin orientation($orientation) {
204
- @media screen and (orientation: #{$orientation}) {
205
- @content;
206
- }
207
- }
208
-
209
- /// Utility mixin for containers.
210
- /// @param {mixed} $width Width.
211
- @mixin containers($width) {
212
-
213
- // Locked?
214
- $lock: false;
215
-
216
- @if length($width) == 2 {
217
- $width: nth($width, 1);
218
- $lock: true;
219
- }
220
-
221
- // Modifiers.
222
- .container.\31 25\25 { width: 100%; max-width: $width * 1.25; min-width: $width; }
223
- .container.\37 5\25 { width: $width * 0.75; }
224
- .container.\35 0\25 { width: $width * 0.5; }
225
- .container.\32 5\25 { width: $width * 0.25; }
226
-
227
- // Main class.
228
- .container {
229
- @if $lock {
230
- width: $width !important;
231
- }
232
- @else {
233
- width: $width;
234
- }
235
- }
236
-
237
- }
238
-
239
- /// Utility mixin for grid.
240
- /// @param {list} $gutters Column and row gutters (default is 40px).
241
- /// @param {string} $breakpointName Optional breakpoint name.
242
- @mixin grid($gutters: 40px, $breakpointName: null) {
243
-
244
- // Gutters.
245
- @include grid-gutters($gutters);
246
- @include grid-gutters($gutters, \32 00\25, 2);
247
- @include grid-gutters($gutters, \31 50\25, 1.5);
248
- @include grid-gutters($gutters, \35 0\25, 0.5);
249
- @include grid-gutters($gutters, \32 5\25, 0.25);
250
-
251
- // Cells.
252
- $x: '';
253
-
254
- @if $breakpointName {
255
- $x: '\\28' + $breakpointName + '\\29';
256
- }
257
-
258
- .\31 2u#{$x}, .\31 2u\24#{$x} { width: 100%; clear: none; margin-left: 0; }
259
- .\31 1u#{$x}, .\31 1u\24#{$x} { width: 91.6666666667%; clear: none; margin-left: 0; }
260
- .\31 0u#{$x}, .\31 0u\24#{$x} { width: 83.3333333333%; clear: none; margin-left: 0; }
261
- .\39 u#{$x}, .\39 u\24#{$x} { width: 75%; clear: none; margin-left: 0; }
262
- .\38 u#{$x}, .\38 u\24#{$x} { width: 66.6666666667%; clear: none; margin-left: 0; }
263
- .\37 u#{$x}, .\37 u\24#{$x} { width: 58.3333333333%; clear: none; margin-left: 0; }
264
- .\36 u#{$x}, .\36 u\24#{$x} { width: 50%; clear: none; margin-left: 0; }
265
- .\35 u#{$x}, .\35 u\24#{$x} { width: 41.6666666667%; clear: none; margin-left: 0; }
266
- .\34 u#{$x}, .\34 u\24#{$x} { width: 33.3333333333%; clear: none; margin-left: 0; }
267
- .\33 u#{$x}, .\33 u\24#{$x} { width: 25%; clear: none; margin-left: 0; }
268
- .\32 u#{$x}, .\32 u\24#{$x} { width: 16.6666666667%; clear: none; margin-left: 0; }
269
- .\31 u#{$x}, .\31 u\24#{$x} { width: 8.3333333333%; clear: none; margin-left: 0; }
270
-
271
- .\31 2u\24#{$x} + *,
272
- .\31 1u\24#{$x} + *,
273
- .\31 0u\24#{$x} + *,
274
- .\39 u\24#{$x} + *,
275
- .\38 u\24#{$x} + *,
276
- .\37 u\24#{$x} + *,
277
- .\36 u\24#{$x} + *,
278
- .\35 u\24#{$x} + *,
279
- .\34 u\24#{$x} + *,
280
- .\33 u\24#{$x} + *,
281
- .\32 u\24#{$x} + *,
282
- .\31 u\24#{$x} + * {
283
- clear: left;
284
- }
285
-
286
- .\-11u#{$x} { margin-left: 91.6666666667% }
287
- .\-10u#{$x} { margin-left: 83.3333333333% }
288
- .\-9u#{$x} { margin-left: 75% }
289
- .\-8u#{$x} { margin-left: 66.6666666667% }
290
- .\-7u#{$x} { margin-left: 58.3333333333% }
291
- .\-6u#{$x} { margin-left: 50% }
292
- .\-5u#{$x} { margin-left: 41.6666666667% }
293
- .\-4u#{$x} { margin-left: 33.3333333333% }
294
- .\-3u#{$x} { margin-left: 25% }
295
- .\-2u#{$x} { margin-left: 16.6666666667% }
296
- .\-1u#{$x} { margin-left: 8.3333333333% }
297
-
298
- }
299
-
300
- /// Utility mixin for grid.
301
- /// @param {list} $gutters Gutters.
302
- /// @param {string} $class Optional class name.
303
- /// @param {integer} $multiplier Multiplier (default is 1).
304
- @mixin grid-gutters($gutters, $class: null, $multiplier: 1) {
305
-
306
- // Expand gutters if it's not a list.
307
- @if length($gutters) == 1 {
308
- $gutters: ($gutters, 0);
309
- }
310
-
311
- // Get column and row gutter values.
312
- $c: nth($gutters, 1);
313
- $r: nth($gutters, 2);
314
-
315
- // Get class (if provided).
316
- $x: '';
317
-
318
- @if $class {
319
- $x: '.' + $class;
320
- }
321
-
322
- // Default.
323
- .row#{$x} > * { padding: ($r * $multiplier) 0 0 ($c * $multiplier); }
324
- .row#{$x} { margin: ($r * $multiplier * -1) 0 -1px ($c * $multiplier * -1); }
325
-
326
- // Uniform.
327
- .row.uniform#{$x} > * { padding: ($c * $multiplier) 0 0 ($c * $multiplier); }
328
- .row.uniform#{$x} { margin: ($c * $multiplier * -1) 0 -1px ($c * $multiplier * -1); }
329
-
330
- }
331
-
332
- /// Wraps @content in vendorized keyframe blocks.
333
- /// @param {string} $name Name.
334
- @mixin keyframes($name) {
335
-
336
- @-moz-keyframes #{$name} { @content; }
337
- @-webkit-keyframes #{$name} { @content; }
338
- @-ms-keyframes #{$name} { @content; }
339
- @keyframes #{$name} { @content; }
340
-
341
- }
342
-
343
- ///
344
- /// Sets breakpoints.
345
- /// @param {map} $x Breakpoints.
346
- ///
347
- @mixin skel-breakpoints($x: ()) {
348
- $breakpoints: $x !global;
349
- }
350
-
351
- ///
352
- /// Initializes layout module.
353
- /// @param {map} config Config.
354
- ///
355
- @mixin skel-layout($config: ()) {
356
-
357
- // Config.
358
- $configPerBreakpoint: ();
359
-
360
- $z: map-get($config, 'breakpoints');
361
-
362
- @if $z {
363
- $configPerBreakpoint: $z;
364
- }
365
-
366
- // Reset.
367
- $x: map-get($config, 'reset');
368
-
369
- @if $x {
370
-
371
- /* Reset */
372
-
373
- @include reset($x);
374
-
375
- }
376
-
377
- // Box model.
378
- $x: map-get($config, 'boxModel');
379
-
380
- @if $x {
381
-
382
- /* Box Model */
383
-
384
- @include boxModel($x);
385
-
386
- }
387
-
388
- // Containers.
389
- $containers: map-get($config, 'containers');
390
-
391
- @if $containers {
392
-
393
- /* Containers */
394
-
395
- .container {
396
- margin-left: auto;
397
- margin-right: auto;
398
- }
399
-
400
- // Use default is $containers is just "true".
401
- @if $containers == true {
402
- $containers: 960px;
403
- }
404
-
405
- // Apply base.
406
- @include containers($containers);
407
-
408
- // Apply per-breakpoint.
409
- @each $name in map-keys($breakpoints) {
410
-
411
- // Get/use breakpoint setting if it exists.
412
- $x: map-get($configPerBreakpoint, $name);
413
-
414
- // Per-breakpoint config exists?
415
- @if $x {
416
- $y: map-get($x, 'containers');
417
-
418
- // Setting exists? Use it.
419
- @if $y {
420
- $containers: $y;
421
- }
422
-
423
- }
424
-
425
- // Create @media block.
426
- @media screen and #{map-get($breakpoints, $name)} {
427
- @include containers($containers);
428
- }
429
-
430
- }
431
-
432
- }
433
-
434
- // Grid.
435
- $grid: map-get($config, 'grid');
436
-
437
- @if $grid {
438
-
439
- /* Grid */
440
-
441
- // Use defaults if $grid is just "true".
442
- @if $grid == true {
443
- $grid: ();
444
- }
445
-
446
- // Sub-setting: Gutters.
447
- $grid-gutters: 40px;
448
- $x: map-get($grid, 'gutters');
449
-
450
- @if $x {
451
- $grid-gutters: $x;
452
- }
453
-
454
- // Rows.
455
- .row {
456
- border-bottom: solid 1px transparent;
457
- -moz-box-sizing: border-box;
458
- -webkit-box-sizing: border-box;
459
- box-sizing: border-box;
460
- }
461
-
462
- .row > * {
463
- float: left;
464
- -moz-box-sizing: border-box;
465
- -webkit-box-sizing: border-box;
466
- box-sizing: border-box;
467
- }
468
-
469
- .row:after, .row:before {
470
- content: '';
471
- display: block;
472
- clear: both;
473
- height: 0;
474
- }
475
-
476
- .row.uniform > * > :first-child {
477
- margin-top: 0;
478
- }
479
-
480
- .row.uniform > * > :last-child {
481
- margin-bottom: 0;
482
- }
483
-
484
- // Gutters (0%).
485
- @include grid-gutters($grid-gutters, \30 \25, 0);
486
-
487
- // Apply base.
488
- @include grid($grid-gutters);
489
-
490
- // Apply per-breakpoint.
491
- @each $name in map-keys($breakpoints) {
492
-
493
- // Get/use breakpoint setting if it exists.
494
- $x: map-get($configPerBreakpoint, $name);
495
-
496
- // Per-breakpoint config exists?
497
- @if $x {
498
- $y: map-get($x, 'grid');
499
-
500
- // Setting exists?
501
- @if $y {
502
-
503
- // Sub-setting: Gutters.
504
- $x: map-get($y, 'gutters');
505
-
506
- @if $x {
507
- $grid-gutters: $x;
508
- }
509
-
510
- }
511
-
512
- }
513
-
514
- // Create @media block.
515
- @media screen and #{map-get($breakpoints, $name)} {
516
- @include grid($grid-gutters, $name);
517
- }
518
-
519
- }
520
-
521
- }
522
-
523
- }
524
-
525
- /// Resets browser styles.
526
- /// @param {string} $mode Mode (default is 'normalize').
527
- @mixin reset($mode: 'normalize') {
528
-
529
- @if $mode == 'normalize' {
530
-
531
- // normalize.css v3.0.2 | MIT License | git.io/normalize
532
- html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}
533
-
534
- }
535
- @else if $mode == 'full' {
536
-
537
- // meyerweb.com/eric/tools/css/reset v2.0 | 20110126 | License: none (public domain)
538
- html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}body{line-height:1;}ol,ul{list-style:none;}blockquote,q{quotes:none;}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}table{border-collapse:collapse;border-spacing:0;}body{-webkit-text-size-adjust:none}
539
-
540
- }
541
-
542
- }
543
-
544
- /// Vendorizes a declaration's property and/or value(s).
545
- /// @param {string} $property Property.
546
- /// @param {mixed} $value String/list of value(s).
547
- @mixin vendor($property, $value) {
548
-
549
- // Determine if property should expand.
550
- $expandProperty: index($vendor-properties, $property);
551
-
552
- // Determine if value should expand (and if so, add '-prefix-' placeholder).
553
- $expandValue: false;
554
-
555
- @each $x in $value {
556
- @each $y in $vendor-values {
557
- @if $y == str-slice($x, 1, str-length($y)) {
558
-
559
- $value: set-nth($value, index($value, $x), '-prefix-' + $x);
560
- $expandValue: true;
561
-
562
- }
563
- }
564
- }
565
-
566
- // Expand property?
567
- @if $expandProperty {
568
- @each $vendor in $vendor-prefixes {
569
- #{$vendor}#{$property}: #{str-replace-all($value, '-prefix-', $vendor)};
570
- }
571
- }
572
-
573
- // Expand just the value?
574
- @elseif $expandValue {
575
- @each $vendor in $vendor-prefixes {
576
- #{$property}: #{str-replace-all($value, '-prefix-', $vendor)};
577
- }
578
- }
579
-
580
- // Neither? Treat them as a normal declaration.
581
- @else {
582
- #{$property}: #{$value};
583
- }
584
-
585
- }