jekyll-theme-consulting 0.1.17 → 0.2.0

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