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.
- checksums.yaml +4 -4
- data/_includes/head.html +0 -3
- data/_sass/base/_page.scss +13 -4
- data/_sass/base/_reset.scss +76 -0
- data/_sass/base/_typography.scss +7 -8
- data/_sass/components/_actions.scss +63 -0
- data/_sass/components/_button.scss +2 -4
- data/_sass/components/_contact.scss +47 -0
- data/_sass/components/_features.scss +3 -3
- data/_sass/components/_form.scss +24 -27
- data/_sass/components/_icon.scss +16 -0
- data/_sass/components/_icons.scss +30 -0
- data/_sass/components/_list.scss +0 -199
- data/_sass/components/_pagination.scss +70 -0
- data/_sass/components/_posts.scss +3 -58
- data/_sass/components/_row.scss +31 -0
- data/_sass/layout/_banner.scss +1 -1
- data/_sass/layout/_header.scss +3 -3
- data/_sass/layout/_main.scss +3 -3
- data/_sass/layout/_menu.scss +1 -1
- data/_sass/layout/_sidebar.scss +8 -8
- data/_sass/libs/_breakpoints.scss +223 -0
- data/_sass/libs/_functions.scss +56 -0
- data/_sass/libs/_html-grid.scss +149 -0
- data/_sass/libs/_mixins.scss +26 -4
- data/_sass/libs/_vendor.scss +376 -0
- data/_sass/main.scss +18 -16
- data/assets/css/fontawesome-all.min.css +5 -0
- data/assets/webfonts/fa-brands-400.eot +0 -0
- data/assets/webfonts/fa-brands-400.svg +3442 -0
- data/assets/webfonts/fa-brands-400.ttf +0 -0
- data/assets/webfonts/fa-brands-400.woff +0 -0
- data/assets/webfonts/fa-brands-400.woff2 +0 -0
- data/assets/webfonts/fa-regular-400.eot +0 -0
- data/assets/webfonts/fa-regular-400.svg +803 -0
- data/assets/webfonts/fa-regular-400.ttf +0 -0
- data/assets/webfonts/fa-regular-400.woff +0 -0
- data/assets/webfonts/fa-regular-400.woff2 +0 -0
- data/assets/webfonts/fa-solid-900.eot +0 -0
- data/assets/webfonts/fa-solid-900.svg +4649 -0
- data/assets/webfonts/fa-solid-900.ttf +0 -0
- data/assets/webfonts/fa-solid-900.woff +0 -0
- data/assets/webfonts/fa-solid-900.woff2 +0 -0
- metadata +27 -14
- data/_sass/ie8.scss +0 -28
- data/_sass/ie9.scss +0 -84
- data/_sass/libs/_skel.scss +0 -585
- data/assets/css/font-awesome.min.css +0 -4
- data/assets/css/ie8.scss +0 -5
- data/assets/css/ie9.scss +0 -5
- data/assets/fonts/FontAwesome.otf +0 -0
- data/assets/fonts/fontawesome-webfont.eot +0 -0
- data/assets/fonts/fontawesome-webfont.svg +0 -685
- data/assets/fonts/fontawesome-webfont.ttf +0 -0
- data/assets/fonts/fontawesome-webfont.woff +0 -0
- data/assets/fonts/fontawesome-webfont.woff2 +0 -0
data/_sass/layout/_main.scss
CHANGED
@@ -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
|
|
data/_sass/layout/_menu.scss
CHANGED
data/_sass/layout/_sidebar.scss
CHANGED
@@ -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:
|
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:
|
188
|
+
font-size: 1.5rem;
|
189
189
|
margin-left: (-0.875em / 2);
|
190
190
|
}
|
191
191
|
}
|
192
192
|
|
193
|
-
body.is-
|
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
|
+
}
|
data/_sass/libs/_functions.scss
CHANGED
@@ -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
|
+
}
|