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
@@ -26,7 +26,7 @@
26
26
  }
27
27
  }
28
28
 
29
- @include breakpoint(xlarge) {
29
+ @include breakpoint('<=xlarge') {
30
30
  > .inner {
31
31
  @include padding(0, 5em);
32
32
 
@@ -36,7 +36,7 @@
36
36
  }
37
37
  }
38
38
 
39
- @include breakpoint(large) {
39
+ @include breakpoint('<=large') {
40
40
  > .inner {
41
41
  @include padding(0, 4em);
42
42
 
@@ -46,7 +46,7 @@
46
46
  }
47
47
  }
48
48
 
49
- @include breakpoint(small) {
49
+ @include breakpoint('<=small') {
50
50
  > .inner {
51
51
  @include padding(0, 2em);
52
52
 
@@ -32,7 +32,7 @@
32
32
 
33
33
  &.opener {
34
34
  @include vendor('transition', 'color #{_duration(transition)} ease-in-out');
35
- @include icon;
35
+ @include icon(false, solid);
36
36
  -webkit-tap-highlight-color: rgba(255,255,255,0);
37
37
  position: relative;
38
38
 
@@ -8,7 +8,7 @@
8
8
 
9
9
  #search {
10
10
  form {
11
- @include icon;
11
+ @include icon(false, solid);
12
12
  position: relative;
13
13
  margin-left: 4em;
14
14
 
@@ -84,7 +84,7 @@
84
84
  }
85
85
 
86
86
  .toggle {
87
- @include icon;
87
+ @include icon(false, solid);
88
88
  @include vendor('transition', 'left 0.5s ease');
89
89
  -webkit-tap-highlight-color: rgba(255,255,255,0);
90
90
  border: 0;
@@ -118,7 +118,7 @@
118
118
  margin-left: (_size(sidebar-width) * -1);
119
119
  }
120
120
 
121
- @include breakpoint(xlarge) {
121
+ @include breakpoint('<=xlarge') {
122
122
  $pad: 1.5em / 0.9;
123
123
 
124
124
  width: _size(sidebar-width-alt);
@@ -142,7 +142,7 @@
142
142
  width: 5em;
143
143
 
144
144
  &:before {
145
- font-size: 2rem;
145
+ font-size: 1.5rem;
146
146
  }
147
147
  }
148
148
 
@@ -151,7 +151,7 @@
151
151
  }
152
152
  }
153
153
 
154
- @include breakpoint(large) {
154
+ @include breakpoint('<=large') {
155
155
  box-shadow: 0 0 5em 0 rgba(0, 0, 0, 0.175);
156
156
  height: 100%;
157
157
  left: 0;
@@ -185,17 +185,17 @@
185
185
  width: 6em;
186
186
 
187
187
  &:before {
188
- font-size: 2rem;
188
+ font-size: 1.5rem;
189
189
  margin-left: (-0.875em / 2);
190
190
  }
191
191
  }
192
192
 
193
- body.is-loading & {
193
+ body.is-preload & {
194
194
  display: none;
195
195
  }
196
196
  }
197
197
 
198
- @include breakpoint(small) {
198
+ @include breakpoint('<=small') {
199
199
  .toggle {
200
200
  text-indent: 7.25em;
201
201
  width: 7.25em;
@@ -0,0 +1,223 @@
1
+ // breakpoints.scss v1.0 | @ajlkn | MIT licensed */
2
+
3
+ // Vars.
4
+
5
+ /// Breakpoints.
6
+ /// @var {list}
7
+ $breakpoints: () !global;
8
+
9
+ // Mixins.
10
+
11
+ /// Sets breakpoints.
12
+ /// @param {map} $x Breakpoints.
13
+ @mixin breakpoints($x: ()) {
14
+ $breakpoints: $x !global;
15
+ }
16
+
17
+ /// Wraps @content in a @media block targeting a specific orientation.
18
+ /// @param {string} $orientation Orientation.
19
+ @mixin orientation($orientation) {
20
+ @media screen and (orientation: #{$orientation}) {
21
+ @content;
22
+ }
23
+ }
24
+
25
+ /// Wraps @content in a @media block using a given query.
26
+ /// @param {string} $query Query.
27
+ @mixin breakpoint($query: null) {
28
+
29
+ $breakpoint: null;
30
+ $op: null;
31
+ $media: null;
32
+
33
+ // Determine operator, breakpoint.
34
+
35
+ // Greater than or equal.
36
+ @if (str-slice($query, 0, 2) == '>=') {
37
+
38
+ $op: 'gte';
39
+ $breakpoint: str-slice($query, 3);
40
+
41
+ }
42
+
43
+ // Less than or equal.
44
+ @elseif (str-slice($query, 0, 2) == '<=') {
45
+
46
+ $op: 'lte';
47
+ $breakpoint: str-slice($query, 3);
48
+
49
+ }
50
+
51
+ // Greater than.
52
+ @elseif (str-slice($query, 0, 1) == '>') {
53
+
54
+ $op: 'gt';
55
+ $breakpoint: str-slice($query, 2);
56
+
57
+ }
58
+
59
+ // Less than.
60
+ @elseif (str-slice($query, 0, 1) == '<') {
61
+
62
+ $op: 'lt';
63
+ $breakpoint: str-slice($query, 2);
64
+
65
+ }
66
+
67
+ // Not.
68
+ @elseif (str-slice($query, 0, 1) == '!') {
69
+
70
+ $op: 'not';
71
+ $breakpoint: str-slice($query, 2);
72
+
73
+ }
74
+
75
+ // Equal.
76
+ @else {
77
+
78
+ $op: 'eq';
79
+ $breakpoint: $query;
80
+
81
+ }
82
+
83
+ // Build media.
84
+ @if ($breakpoint and map-has-key($breakpoints, $breakpoint)) {
85
+
86
+ $a: map-get($breakpoints, $breakpoint);
87
+
88
+ // Range.
89
+ @if (type-of($a) == 'list') {
90
+
91
+ $x: nth($a, 1);
92
+ $y: nth($a, 2);
93
+
94
+ // Max only.
95
+ @if ($x == null) {
96
+
97
+ // Greater than or equal (>= 0 / anything)
98
+ @if ($op == 'gte') {
99
+ $media: 'screen';
100
+ }
101
+
102
+ // Less than or equal (<= y)
103
+ @elseif ($op == 'lte') {
104
+ $media: 'screen and (max-width: ' + $y + ')';
105
+ }
106
+
107
+ // Greater than (> y)
108
+ @elseif ($op == 'gt') {
109
+ $media: 'screen and (min-width: ' + ($y + 1) + ')';
110
+ }
111
+
112
+ // Less than (< 0 / invalid)
113
+ @elseif ($op == 'lt') {
114
+ $media: 'screen and (max-width: -1px)';
115
+ }
116
+
117
+ // Not (> y)
118
+ @elseif ($op == 'not') {
119
+ $media: 'screen and (min-width: ' + ($y + 1) + ')';
120
+ }
121
+
122
+ // Equal (<= y)
123
+ @else {
124
+ $media: 'screen and (max-width: ' + $y + ')';
125
+ }
126
+
127
+ }
128
+
129
+ // Min only.
130
+ @else if ($y == null) {
131
+
132
+ // Greater than or equal (>= x)
133
+ @if ($op == 'gte') {
134
+ $media: 'screen and (min-width: ' + $x + ')';
135
+ }
136
+
137
+ // Less than or equal (<= inf / anything)
138
+ @elseif ($op == 'lte') {
139
+ $media: 'screen';
140
+ }
141
+
142
+ // Greater than (> inf / invalid)
143
+ @elseif ($op == 'gt') {
144
+ $media: 'screen and (max-width: -1px)';
145
+ }
146
+
147
+ // Less than (< x)
148
+ @elseif ($op == 'lt') {
149
+ $media: 'screen and (max-width: ' + ($x - 1) + ')';
150
+ }
151
+
152
+ // Not (< x)
153
+ @elseif ($op == 'not') {
154
+ $media: 'screen and (max-width: ' + ($x - 1) + ')';
155
+ }
156
+
157
+ // Equal (>= x)
158
+ @else {
159
+ $media: 'screen and (min-width: ' + $x + ')';
160
+ }
161
+
162
+ }
163
+
164
+ // Min and max.
165
+ @else {
166
+
167
+ // Greater than or equal (>= x)
168
+ @if ($op == 'gte') {
169
+ $media: 'screen and (min-width: ' + $x + ')';
170
+ }
171
+
172
+ // Less than or equal (<= y)
173
+ @elseif ($op == 'lte') {
174
+ $media: 'screen and (max-width: ' + $y + ')';
175
+ }
176
+
177
+ // Greater than (> y)
178
+ @elseif ($op == 'gt') {
179
+ $media: 'screen and (min-width: ' + ($y + 1) + ')';
180
+ }
181
+
182
+ // Less than (< x)
183
+ @elseif ($op == 'lt') {
184
+ $media: 'screen and (max-width: ' + ($x - 1) + ')';
185
+ }
186
+
187
+ // Not (< x and > y)
188
+ @elseif ($op == 'not') {
189
+ $media: 'screen and (max-width: ' + ($x - 1) + '), screen and (min-width: ' + ($y + 1) + ')';
190
+ }
191
+
192
+ // Equal (>= x and <= y)
193
+ @else {
194
+ $media: 'screen and (min-width: ' + $x + ') and (max-width: ' + $y + ')';
195
+ }
196
+
197
+ }
198
+
199
+ }
200
+
201
+ // String.
202
+ @else {
203
+
204
+ // Missing a media type? Prefix with "screen".
205
+ @if (str-slice($a, 0, 1) == '(') {
206
+ $media: 'screen and ' + $a;
207
+ }
208
+
209
+ // Otherwise, use as-is.
210
+ @else {
211
+ $media: $a;
212
+ }
213
+
214
+ }
215
+
216
+ }
217
+
218
+ // Output.
219
+ @media #{$media} {
220
+ @content;
221
+ }
222
+
223
+ }
@@ -1,3 +1,59 @@
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
+
1
57
  /// Gets a duration value.
2
58
  /// @param {string} $keys Key(s).
3
59
  /// @return {string} Value.
@@ -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
+ }