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
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA1:
3
- metadata.gz: ffa83e24f8b8130581e58b0ff768adbd9d9ab530
4
- data.tar.gz: 6b369afd7fa5b9221a7f05b5ba89e43a6199bc4f
3
+ metadata.gz: 54e9ffb0c0cd8c8f044e78bbb7fdbdd7b55e41e9
4
+ data.tar.gz: 9eac746d7f8984183f046f78d8859bb708a8f47e
5
5
  SHA512:
6
- metadata.gz: 1e644cdb1369e31b75c16b32a22bf5beaf136a7e9f66ba0ddd79335bf30be5c39b0672e6db2e180b6cc8d3e6724b304a60084d0b3be319c6c51a211b5b4d1586
7
- data.tar.gz: 5559eb568501b5c40a5ed3022ac9deb14946d158a76bee864642b7a65fe8833379972afe3d4ddea63db0c23a29e2338c578b22b04d886eac97774438026ae4af
6
+ metadata.gz: f0b9bf9b83c0e0a96e72ee96a830a9bc1a59bc5af3722129efa14547e672b2b3dc210ddafca369686de79df28d0baa1cfeb8633a03633dc0548259442b23c9f5
7
+ data.tar.gz: 13cd432627c50873beb2797fac511e5d858de2c17fbd3ca9b7445d293ce54fcbeaaa51d5ef33cab1e1c41483fadd580320e160d3fee5df2f583a6771d49167ff
data/_includes/head.html CHANGED
@@ -11,7 +11,4 @@
11
11
  {% endfor %}
12
12
  <noscript><link rel="stylesheet" href="{{ 'assets/css/noscript.css' | absolute_url }}" /></noscript>
13
13
  {% if site.favicon_url %}<link rel="icon" href="{{ site.favicon_url | absolute_url }}" />{% endif %}
14
- <!--[if lte IE 8]><script src="{{ 'assets/js/ie/html5shiv.js' | absolute_url }}"></script><![endif]-->
15
- <!--[if lte IE 9]><link rel="stylesheet" href="{{ 'assets/css/ie9.css' | absolute_url }}" /><![endif]-->
16
- <!--[if lte IE 8]><link rel="stylesheet" href="{{ 'assets/css/ie8.css' | absolute_url }}" /><![endif]-->
17
14
  </head>
@@ -17,18 +17,27 @@
17
17
  }
18
18
 
19
19
  // Ensures page width is always >=320px.
20
- @include breakpoint(xsmall) {
20
+ @include breakpoint('<=xsmall') {
21
21
  html, body {
22
22
  min-width: 320px;
23
23
  }
24
24
  }
25
25
 
26
+ // Set box model to border-box.
27
+ // Based on css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice
28
+ html {
29
+ box-sizing: border-box;
30
+ }
31
+
32
+ *, *:before, *:after {
33
+ box-sizing: inherit;
34
+ }
35
+
26
36
  body {
27
37
  background: _palette(bg);
28
38
 
29
- // Prevents animation/transition "flicker".
30
- // Automatically added/removed by js/main.js.
31
- &.is-loading,
39
+ // Stops initial animations until page loads or stops resizing.
40
+ &.is-preload,
32
41
  &.is-resizing {
33
42
  *, *:before, *:after {
34
43
  @include vendor('animation', 'none !important');
@@ -0,0 +1,76 @@
1
+ ///
2
+ /// Editorial by HTML5 UP
3
+ /// html5up.net | @ajlkn
4
+ /// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
5
+ ///
6
+
7
+ // Reset.
8
+ // Based on meyerweb.com/eric/tools/css/reset (v2.0 | 20110126 | License: public domain)
9
+
10
+ html, body, div, span, applet, object,
11
+ iframe, h1, h2, h3, h4, h5, h6, p, blockquote,
12
+ pre, a, abbr, acronym, address, big, cite,
13
+ code, del, dfn, em, img, ins, kbd, q, s, samp,
14
+ small, strike, strong, sub, sup, tt, var, b,
15
+ u, i, center, dl, dt, dd, ol, ul, li, fieldset,
16
+ form, label, legend, table, caption, tbody,
17
+ tfoot, thead, tr, th, td, article, aside,
18
+ canvas, details, embed, figure, figcaption,
19
+ footer, header, hgroup, menu, nav, output, ruby,
20
+ section, summary, time, mark, audio, video {
21
+ margin: 0;
22
+ padding: 0;
23
+ border: 0;
24
+ font-size: 100%;
25
+ font: inherit;
26
+ vertical-align: baseline;
27
+ }
28
+
29
+ article, aside, details, figcaption, figure,
30
+ footer, header, hgroup, menu, nav, section {
31
+ display: block;
32
+ }
33
+
34
+ body {
35
+ line-height: 1;
36
+ }
37
+
38
+ ol, ul {
39
+ list-style:none;
40
+ }
41
+
42
+ blockquote, q {
43
+ quotes: none;
44
+
45
+ &:before,
46
+ &:after {
47
+ content: '';
48
+ content: none;
49
+ }
50
+ }
51
+
52
+ table {
53
+ border-collapse: collapse;
54
+ border-spacing: 0;
55
+ }
56
+
57
+ body {
58
+ -webkit-text-size-adjust: none;
59
+ }
60
+
61
+ mark {
62
+ background-color: transparent;
63
+ color: inherit;
64
+ }
65
+
66
+ input::-moz-focus-inner {
67
+ border: 0;
68
+ padding: 0;
69
+ }
70
+
71
+ input, select, textarea {
72
+ -moz-appearance: none;
73
+ -webkit-appearance: none;
74
+ -ms-appearance: none;
75
+ appearance: none;
76
+ }
@@ -13,15 +13,15 @@
13
13
  font-weight: _font(weight);
14
14
  line-height: 1.65;
15
15
 
16
- @include breakpoint(xlarge) {
16
+ @include breakpoint('<=xlarge') {
17
17
  font-size: 11pt;
18
18
  }
19
19
 
20
- @include breakpoint(large) {
20
+ @include breakpoint('<=large') {
21
21
  font-size: 10pt;
22
22
  }
23
23
 
24
- @include breakpoint(xxsmall) {
24
+ @include breakpoint('<=xxsmall') {
25
25
  font-size: 9pt;
26
26
  }
27
27
  }
@@ -56,8 +56,6 @@
56
56
 
57
57
  p {
58
58
  margin: 0 0 _size(element-margin) 0;
59
- text-align: justify;
60
- text-justify: inter-word;
61
59
  }
62
60
 
63
61
  h1, h2, h3, h4, h5, h6 {
@@ -70,6 +68,7 @@
70
68
  a {
71
69
  color: inherit;
72
70
  text-decoration: none;
71
+ border-bottom: 0;
73
72
  }
74
73
  }
75
74
 
@@ -99,19 +98,19 @@
99
98
  font-size: 0.7em;
100
99
  }
101
100
 
102
- @include breakpoint(xlarge) {
101
+ @include breakpoint('<=xlarge') {
103
102
  h1 {
104
103
  font-size: 3.5em;
105
104
  }
106
105
  }
107
106
 
108
- @include breakpoint(medium) {
107
+ @include breakpoint('<=medium') {
109
108
  h1 {
110
109
  font-size: 3.25em;
111
110
  }
112
111
  }
113
112
 
114
- @include breakpoint(small) {
113
+ @include breakpoint('<=small') {
115
114
  h1 {
116
115
  font-size: 2em;
117
116
  line-height: 1.4;
@@ -0,0 +1,63 @@
1
+ ///
2
+ /// Editorial by HTML5 UP
3
+ /// html5up.net | @ajlkn
4
+ /// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
5
+ ///
6
+
7
+ /* Actions */
8
+
9
+ ul.actions {
10
+ @include vendor('display', 'flex');
11
+ cursor: default;
12
+ list-style: none;
13
+ margin-left: (_size(element-margin) * -0.5);
14
+ padding-left: 0;
15
+
16
+ li {
17
+ padding: 0 0 0 (_size(element-margin) * 0.5);
18
+ vertical-align: middle;
19
+ }
20
+
21
+ &.special {
22
+ @include vendor('justify-content', 'center');
23
+ width: 100%;
24
+ margin-left: 0;
25
+
26
+ li {
27
+ &:first-child {
28
+ padding-left: 0;
29
+ }
30
+ }
31
+ }
32
+
33
+ &.stacked {
34
+ @include vendor('flex-direction', 'column');
35
+ margin-left: 0;
36
+
37
+ li {
38
+ padding: (_size(element-margin) * 0.65) 0 0 0;
39
+
40
+ &:first-child {
41
+ padding-top: 0;
42
+ }
43
+ }
44
+ }
45
+
46
+ &.fit {
47
+ width: calc(100% + #{_size(element-margin) * 0.5});
48
+
49
+ li {
50
+ @include vendor('flex-grow', '1');
51
+ @include vendor('flex-shrink', '1');
52
+ width: 100%;
53
+
54
+ > * {
55
+ width: 100%;
56
+ }
57
+ }
58
+
59
+ &.stacked {
60
+ width: 100%;
61
+ }
62
+ }
63
+ }
@@ -50,8 +50,6 @@
50
50
  }
51
51
 
52
52
  &.fit {
53
- display: block;
54
- margin: 0 0 (_size(element-margin) * 0.5) 0;
55
53
  width: 100%;
56
54
  }
57
55
 
@@ -59,13 +57,13 @@
59
57
  font-size: 0.6em;
60
58
  }
61
59
 
62
- &.big {
60
+ &.large {
63
61
  font-size: 1em;
64
62
  height: 3.65em;
65
63
  line-height: 3.65em;
66
64
  }
67
65
 
68
- &.special {
66
+ &.primary {
69
67
  background-color: _palette(accent);
70
68
  box-shadow: none;
71
69
  color: _palette(bg) !important;
@@ -0,0 +1,47 @@
1
+ ///
2
+ /// Editorial by HTML5 UP
3
+ /// html5up.net | @ajlkn
4
+ /// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
5
+ ///
6
+
7
+ /* Contact */
8
+
9
+ ul.contact {
10
+ list-style: none;
11
+ padding: 0;
12
+
13
+ li {
14
+ @include icon;
15
+ border-top: solid 1px _palette(border);
16
+ margin: 1.5em 0 0 0;
17
+ padding: 1.5em 0 0 3em;
18
+ position: relative;
19
+
20
+ &:before {
21
+ color: _palette(accent);
22
+ display: inline-block;
23
+ font-size: 1.5em;
24
+ height: 1.125em;
25
+ left: 0;
26
+ line-height: 1.125em;
27
+ position: absolute;
28
+ text-align: center;
29
+ top: (1.5em / 1.5);
30
+ width: 1.5em;
31
+ }
32
+
33
+ &:first-child {
34
+ border-top: 0;
35
+ margin-top: 0;
36
+ padding-top: 0;
37
+
38
+ &:before {
39
+ top: 0;
40
+ }
41
+ }
42
+
43
+ a {
44
+ color: inherit;
45
+ }
46
+ }
47
+ }
@@ -112,7 +112,7 @@
112
112
  }
113
113
  }
114
114
 
115
- @include breakpoint(medium) {
115
+ @include breakpoint('<=medium') {
116
116
  margin: 0 0 _size(element-margin) 0;
117
117
  width: 100%;
118
118
 
@@ -155,7 +155,7 @@
155
155
  }
156
156
  }
157
157
 
158
- @include breakpoint(xsmall) {
158
+ @include breakpoint('<=xsmall') {
159
159
  article {
160
160
  @include vendor('flex-direction', 'column');
161
161
  @include vendor('align-items', 'flex-start');
@@ -179,7 +179,7 @@
179
179
  }
180
180
  }
181
181
 
182
- @include breakpoint(xsmall) {
182
+ @include breakpoint('<=xsmall') {
183
183
  article {
184
184
  .icon {
185
185
  &:before {
@@ -48,26 +48,27 @@
48
48
  }
49
49
  }
50
50
 
51
- .select-wrapper {
52
- @include icon;
53
- display: block;
54
- position: relative;
55
-
56
- &:before {
57
- color: _palette(border);
58
- content: '\f078';
59
- display: block;
60
- height: _size(element-height);
61
- line-height: _size(element-height);
62
- pointer-events: none;
63
- position: absolute;
64
- right: 0;
65
- text-align: center;
66
- top: 0;
67
- width: _size(element-height);
51
+ select {
52
+ background-image: svg-url("<svg xmlns='http://www.w3.org/2000/svg' width='40' height='40' preserveAspectRatio='none' viewBox='0 0 40 40'><path d='M9.4,12.3l10.4,10.4l10.4-10.4c0.2-0.2,0.5-0.4,0.9-0.4c0.3,0,0.6,0.1,0.9,0.4l3.3,3.3c0.2,0.2,0.4,0.5,0.4,0.9 c0,0.4-0.1,0.6-0.4,0.9L20.7,31.9c-0.2,0.2-0.5,0.4-0.9,0.4c-0.3,0-0.6-0.1-0.9-0.4L4.3,17.3c-0.2-0.2-0.4-0.5-0.4-0.9 c0-0.4,0.1-0.6,0.4-0.9l3.3-3.3c0.2-0.2,0.5-0.4,0.9-0.4S9.1,12.1,9.4,12.3z' fill='#{_palette(border)}' /></svg>");
53
+ background-size: 1.25em;
54
+ background-repeat: no-repeat;
55
+ background-position: calc(100% - 1em) center;
56
+ height: _size(element-height);
57
+ padding-right: _size(element-height);
58
+ text-overflow: ellipsis;
59
+
60
+ option {
61
+ color: _palette(fg-bold);
62
+ background: _palette(bg);
63
+ }
64
+
65
+ &:focus {
66
+ &::-ms-value {
67
+ background-color: transparent;
68
+ }
68
69
  }
69
70
 
70
- select::-ms-expand {
71
+ &::-ms-expand {
71
72
  display: none;
72
73
  }
73
74
  }
@@ -97,7 +98,7 @@
97
98
  z-index: -1;
98
99
 
99
100
  & + label {
100
- @include icon;
101
+ @include icon(false, solid);
101
102
  color: _palette(fg);
102
103
  cursor: pointer;
103
104
  display: inline-block;
@@ -113,13 +114,14 @@
113
114
  border: solid 1px _palette(border);
114
115
  content: '';
115
116
  display: inline-block;
116
- height: (_size(element-height) * 0.6);
117
+ font-size: 0.8em;
118
+ height: (_size(element-height) * 0.75);
117
119
  left: 0;
118
- line-height: (_size(element-height) * 0.575);
120
+ line-height: (_size(element-height) * 0.75);
119
121
  position: absolute;
120
122
  text-align: center;
121
123
  top: 0;
122
- width: (_size(element-height) * 0.6);
124
+ width: (_size(element-height) * 0.75);
123
125
  }
124
126
  }
125
127
 
@@ -174,9 +176,4 @@
174
176
  :-ms-input-placeholder {
175
177
  color: _palette(fg-light) !important;
176
178
  opacity: 1.0;
177
- }
178
-
179
- .formerize-placeholder {
180
- color: _palette(fg-light) !important;
181
- opacity: 1.0;
182
179
  }
@@ -14,4 +14,20 @@
14
14
  > .label {
15
15
  display: none;
16
16
  }
17
+
18
+ &:before {
19
+ line-height: inherit;
20
+ }
21
+
22
+ &.solid {
23
+ &:before {
24
+ font-weight: 900;
25
+ }
26
+ }
27
+
28
+ &.brands {
29
+ &:before {
30
+ font-family: 'Font Awesome 5 Brands';
31
+ }
32
+ }
17
33
  }