jekyll-theme-consulting 0.2.4 → 0.2.5

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 CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA1:
3
- metadata.gz: a192d189a467774cc2826ca4a903ef9c4da87208
4
- data.tar.gz: 8773dd2a4bfc56c20b3b42414b59c91559076c12
3
+ metadata.gz: a2823c2de4880fa517361d3b7c1b906d25dd6d8b
4
+ data.tar.gz: 99bf57a8ab33b0c3f4c6fcc56d8e71f200c69132
5
5
  SHA512:
6
- metadata.gz: b617f2ace0a9efcecb3ec21119c40ab66798842b1b2a7f3f97e45f3250f4769ad186216af003a63e3ce3612894c593e8d7f7d75eee925a95ea3634bb6cbeb45a
7
- data.tar.gz: bfcfcc187bb76daeda57cfbb7a812bf2332e4a8f80270011811f8c3380c6c1b22173b2dad7454ce1298b93902d278d18d4e5ffc7acf44fbbb0f361df8c50c879
6
+ metadata.gz: 4018dd56a45202361e5e2ceca1a262795c4e9af1c5f1990243bf38d9b1d882c7f745a5dd0e6126287eb3315bd90c56e23a02b980cebd7d5df0568ba8aefea1fb
7
+ data.tar.gz: 4321e4d252ed47efa0ad31ef17044f7aff46a0b5a4fb059d2550582e48a139f971a7fa6a2b495bbaf0dd7839af852903e10db90e676de96463a717e7b3e85a10
@@ -0,0 +1,158 @@
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
+ /* Posts */
8
+
9
+ .facts {
10
+ $gutter: 1px;
11
+
12
+ @include vendor('display', 'flex');
13
+ @include vendor('flex-wrap', 'wrap');
14
+ margin: 0 0 _size(element-margin) ($gutter * -1);
15
+ width: calc(100% + #{$gutter});
16
+
17
+ article {
18
+ @include vendor('flex-grow', '0');
19
+ @include vendor('flex-shrink', '1');
20
+ margin: 0 0 $gutter $gutter;
21
+ position: relative;
22
+ width: calc(#{(100% / 6)} - #{$gutter});
23
+
24
+ &:before {
25
+ background: _palette(border);
26
+ content: '';
27
+ display: block;
28
+ height: calc(100% + #{$gutter});
29
+ left: ($gutter * -0.5);
30
+ position: absolute;
31
+ top: 0;
32
+ width: 1px;
33
+ }
34
+
35
+ > :last-child {
36
+ margin-bottom: 0;
37
+ }
38
+
39
+ .icon {
40
+ position: relative;
41
+ margin: 0;
42
+ width: 100%;
43
+ height: 20%;
44
+ display: block;
45
+ text-align: center;
46
+ font-size: 3rem;
47
+ color: _palette(accent);
48
+ }
49
+
50
+ .fact-intro {
51
+ position: relative;
52
+ width: 100%;
53
+ height: 30%;
54
+ margin: 0;
55
+ vertical-align: text-bottom;
56
+ text-align: center;
57
+ text-transform: capitalize;
58
+ font-size: 1.5rem;
59
+ }
60
+
61
+ .fact {
62
+ position: relative;
63
+ height: 20%;
64
+ margin: 0;
65
+ vertical-align: text-baseline;
66
+ text-align: center;
67
+ text-transform: capitalize;
68
+ font-size: 3rem;
69
+ }
70
+
71
+ .fact-outro {
72
+ position: relative;
73
+ height: 30%;
74
+ margin: 0;
75
+ vertical-align: text-top;
76
+ text-align: center;
77
+ text-transform: capitalize;
78
+ font-size: 1.5rem;
79
+ }
80
+ }
81
+
82
+ article:hover {
83
+ background-color: _palette(accent);
84
+
85
+ .icon {
86
+ color: _palette(accent-inverted);
87
+ }
88
+
89
+ .fact-intro {
90
+ color: #ffffff;
91
+ }
92
+
93
+ .fact {
94
+ color: #ffffff;
95
+ }
96
+
97
+ .fact-outro {
98
+ color: #ffffff;
99
+ }
100
+
101
+ }
102
+
103
+ @include breakpoint('<=small') {
104
+ $gutter: _size(gutter) * 1.5;
105
+
106
+ margin: 0 0 _size(element-margin) ($gutter * -1);
107
+ width: calc(100% + #{$gutter});
108
+
109
+ article {
110
+ margin: 0 0 $gutter $gutter;
111
+ width: calc(50% - #{$gutter});
112
+
113
+ &:before {
114
+ height: calc(100% + #{$gutter});
115
+ left: ($gutter * -0.5);
116
+ }
117
+
118
+ &:nth-last-child(3) {
119
+ margin-bottom: $gutter;
120
+ }
121
+ }
122
+ }
123
+
124
+ @include breakpoint('<=xsmall') {
125
+ $gutter: _size(gutter) * 1.5;
126
+
127
+ margin: 0 0 _size(element-margin) 0;
128
+ width: 100%;
129
+
130
+ article {
131
+ margin: 0 0 $gutter 0;
132
+ width: 100%;
133
+
134
+ &:before {
135
+ display: none;
136
+ }
137
+
138
+ &:after {
139
+ width: 100%;
140
+ background: _palette(border);
141
+ bottom: ($gutter * -0.5);
142
+ content: '';
143
+ display: block;
144
+ height: 1px;
145
+ position: absolute;
146
+ right: 0;
147
+ }
148
+
149
+ &:last-child {
150
+ margin-bottom: 0;
151
+
152
+ &:after {
153
+ display: none;
154
+ }
155
+ }
156
+ }
157
+ }
158
+ }
@@ -178,14 +178,4 @@
178
178
  }
179
179
  }
180
180
  }
181
-
182
- @include breakpoint('<=xsmall') {
183
- article {
184
- .icon {
185
- &:before {
186
- font-size: 1.25rem;
187
- }
188
- }
189
- }
190
- }
191
181
  }
@@ -40,5 +40,6 @@
40
40
  fg-light: #9fa3a6,
41
41
  border: rgba(210,215,217,0.75),
42
42
  border-bg: transparentize(#e6ebed, 0.75),
43
- accent: #6a6af5
43
+ accent: #6a6af5,
44
+ accent-inverted: #ffd455,
44
45
  );
data/_sass/main.scss CHANGED
@@ -47,6 +47,7 @@
47
47
  @import 'components/button';
48
48
  @import 'components/mini-posts';
49
49
  @import 'components/features';
50
+ @import 'components/facts';
50
51
  @import 'components/posts';
51
52
 
52
53
  // Layout.
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.2.4
4
+ version: 0.2.5
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-24 00:00:00.000000000 Z
11
+ date: 2019-06-25 00:00:00.000000000 Z
12
12
  dependencies:
13
13
  - !ruby/object:Gem::Dependency
14
14
  name: jekyll
@@ -87,6 +87,7 @@ files:
87
87
  - _sass/components/_box.scss
88
88
  - _sass/components/_button.scss
89
89
  - _sass/components/_contact.scss
90
+ - _sass/components/_facts.scss
90
91
  - _sass/components/_features.scss
91
92
  - _sass/components/_form.scss
92
93
  - _sass/components/_icon.scss