jekyll-theme-consulting 0.2.4 → 0.2.5

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