jekyll-theme-consulting 0.8.12 → 0.9.2
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/README.md +2 -0
- data/_includes/tabs.html +18 -0
- data/_sass/main.scss +2 -0
- data/_sass/main/components/_facts.scss +18 -0
- data/_sass/main/components/_features.scss +7 -0
- data/_sass/main/components/_horizontal-tabs.scss +112 -0
- data/_sass/main/components/_vertical-tabs.scss +120 -0
- metadata +5 -2
checksums.yaml
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
---
|
2
2
|
SHA256:
|
3
|
-
metadata.gz:
|
4
|
-
data.tar.gz:
|
3
|
+
metadata.gz: 8832040a3bf9f544f4f9755fa06290c937d276f6cf80fe2d4fa382195c02c0cc
|
4
|
+
data.tar.gz: 1c066378c77ac4168816259fcaba3e317836de37c4f42810dc34b1f72708bb2f
|
5
5
|
SHA512:
|
6
|
-
metadata.gz:
|
7
|
-
data.tar.gz:
|
6
|
+
metadata.gz: 3e63cf694954b8098b19e3deb5f24f43d2f1cd873841c3d16582a083166da93c72afb34bd9270a7a5390b4badaae5e1e9a7e78b457516de4778f745687d5b027
|
7
|
+
data.tar.gz: a9f0eff825dbc500a05ec1b73b6531fabdea3a8794476b7927b1713cc7b4bcb2a5c19441878c7a634fc3888b221bcbca326e46bad3ad8ef900ad5af3d5e07a1b
|
data/README.md
CHANGED
@@ -14,6 +14,8 @@ You can preview the theme [here](https://moodule.github.io/jekyll-theme-consulti
|
|
14
14
|
|
15
15
|
> **Customizable**: theme colors, menu, social items can be changed from a central config file
|
16
16
|
|
17
|
+
> **Many Widgets**: tabs, mini-posts, spotlight, feature listings, and more can be easily inserted without worrying about their internals
|
18
|
+
|
17
19
|
> **Many templates**: contact forms, navigation menus, and others can be easily inserted thanks to custom Jekyll includes
|
18
20
|
|
19
21
|
> **Vector images**: the theme images are vectorized, render smoothly on any display and can be dynamically styled
|
data/_includes/tabs.html
ADDED
@@ -0,0 +1,18 @@
|
|
1
|
+
{%- assign show-title = include.show-title | default: true -%}
|
2
|
+
<div id="{{ include.id }}" class="vertical-tabset">
|
3
|
+
{%- for tab in include.tabs -%}
|
4
|
+
{%- capture tab-id -%}{{ tab.id | default: tab.title | slugify }}{{ forloop.index }}{%- endcapture -%}
|
5
|
+
<div id="tab-{{ tab-id }}" class="vertical-tab">
|
6
|
+
{%- if forloop.first == true -%}
|
7
|
+
<input type="radio" name="{{ include.id }}" id="option-{{ tab-id }}" checked>
|
8
|
+
{%- else -%}
|
9
|
+
<input type="radio" name="{{ include.id }}" id="option-{{ tab-id }}">
|
10
|
+
{%- endif -%}
|
11
|
+
<label for="option-{{ tab-id }}" style="width: {{ include.header-width | default: 30 }}%;">{{ tab.title }}</label>
|
12
|
+
<section class="tab-panel" style="left: {{ include.header-width | default: 30 }}%;">
|
13
|
+
{% if show-title == true %}<h2>{{ tab.title }}</h2>{% endif %}
|
14
|
+
<p>{{ tab.content }}</p>
|
15
|
+
</section>
|
16
|
+
</div>
|
17
|
+
{%- endfor -%}
|
18
|
+
</div>
|
data/_sass/main.scss
CHANGED
@@ -153,3 +153,21 @@
|
|
153
153
|
}
|
154
154
|
}
|
155
155
|
}
|
156
|
+
|
157
|
+
.inverted .facts {
|
158
|
+
|
159
|
+
article {
|
160
|
+
|
161
|
+
.on.fact-intro p {
|
162
|
+
color: #ffffff !important;
|
163
|
+
}
|
164
|
+
|
165
|
+
.on.fact h3 {
|
166
|
+
color: #ffffff !important;
|
167
|
+
}
|
168
|
+
|
169
|
+
.on.fact-outro p {
|
170
|
+
color: #ffffff !important;
|
171
|
+
}
|
172
|
+
}
|
173
|
+
}
|
@@ -0,0 +1,112 @@
|
|
1
|
+
/*
|
2
|
+
Hide the radio buttons
|
3
|
+
*/
|
4
|
+
|
5
|
+
.horizontal-tabset > input[type="radio"] {
|
6
|
+
position: absolute;
|
7
|
+
left: -200vw;
|
8
|
+
}
|
9
|
+
|
10
|
+
/*
|
11
|
+
Toggle
|
12
|
+
*/
|
13
|
+
|
14
|
+
.horizontal-tabset .tab-panel {
|
15
|
+
display: none;
|
16
|
+
}
|
17
|
+
|
18
|
+
.horizontal-tabset > input:first-child:checked ~ .tab-panels > .tab-panel:first-child,
|
19
|
+
.horizontal-tabset > input:nth-child(3):checked ~ .tab-panels > .tab-panel:nth-child(2),
|
20
|
+
.horizontal-tabset > input:nth-child(5):checked ~ .tab-panels > .tab-panel:nth-child(3),
|
21
|
+
.horizontal-tabset > input:nth-child(7):checked ~ .tab-panels > .tab-panel:nth-child(4),
|
22
|
+
.horizontal-tabset > input:nth-child(9):checked ~ .tab-panels > .tab-panel:nth-child(5),
|
23
|
+
.horizontal-tabset > input:nth-child(11):checked ~ .tab-panels > .tab-panel:nth-child(6) {
|
24
|
+
display: block;
|
25
|
+
}
|
26
|
+
|
27
|
+
/*
|
28
|
+
Common style
|
29
|
+
*/
|
30
|
+
|
31
|
+
.horizontal-tabset > input[type="radio"] + label {
|
32
|
+
position: relative;
|
33
|
+
display: inline-block;
|
34
|
+
margin: 0 !important;
|
35
|
+
padding: 15px 15px 25px !important;
|
36
|
+
border: 2px solid transparent;
|
37
|
+
border-bottom: 0;
|
38
|
+
cursor: pointer;
|
39
|
+
font-weight: bold;
|
40
|
+
z-index: 100;
|
41
|
+
|
42
|
+
&::before {
|
43
|
+
display: none !important;
|
44
|
+
}
|
45
|
+
|
46
|
+
&::after {
|
47
|
+
content: "";
|
48
|
+
position: absolute;
|
49
|
+
left: 15px;
|
50
|
+
bottom: 10px;
|
51
|
+
width: 22px;
|
52
|
+
height: 4px;
|
53
|
+
background: _palette(border);
|
54
|
+
}
|
55
|
+
}
|
56
|
+
|
57
|
+
.horizontal-tabset .tab-panels .tab-panel {
|
58
|
+
padding: 30px 0;
|
59
|
+
border-top: 2px solid _palette(accent);
|
60
|
+
}
|
61
|
+
|
62
|
+
/*
|
63
|
+
Active style
|
64
|
+
*/
|
65
|
+
|
66
|
+
.horizontal-tabset > label:hover,
|
67
|
+
.horizontal-tabset > input[type="radio"]:focus + label {
|
68
|
+
color: _palette(accent);
|
69
|
+
}
|
70
|
+
|
71
|
+
.horizontal-tabset > label:hover::after,
|
72
|
+
.horizontal-tabset > input[type="radio"]:focus + label::after,
|
73
|
+
.horizontal-tabset > input[type="radio"]:checked + label::after {
|
74
|
+
background: _palette(accent);
|
75
|
+
}
|
76
|
+
|
77
|
+
.horizontal-tabset > input[type="radio"]:checked + label {
|
78
|
+
border-color: _palette(accent);
|
79
|
+
border-bottom: 2px solid _palette(bg);
|
80
|
+
margin: 0 0 -2px 0 !important;
|
81
|
+
}
|
82
|
+
|
83
|
+
/*
|
84
|
+
Inverted
|
85
|
+
*/
|
86
|
+
|
87
|
+
.inverted .horizontal-tabset > input[type="radio"] + label {
|
88
|
+
color: _palette(fg-inverted);
|
89
|
+
|
90
|
+
&::after {
|
91
|
+
background: _palette(border-inverted);
|
92
|
+
}
|
93
|
+
}
|
94
|
+
|
95
|
+
/*
|
96
|
+
Inverted & active
|
97
|
+
*/
|
98
|
+
|
99
|
+
.inverted .horizontal-tabset > label:hover,
|
100
|
+
.inverted .horizontal-tabset > input[type="radio"]:focus + label {
|
101
|
+
color: _palette(accent);
|
102
|
+
}
|
103
|
+
|
104
|
+
.inverted .horizontal-tabset > label:hover::after,
|
105
|
+
.inverted .horizontal-tabset > input[type="radio"]:focus + label::after,
|
106
|
+
.inverted .horizontal-tabset > input[type="radio"]:checked + label::after {
|
107
|
+
background: _palette(accent);
|
108
|
+
}
|
109
|
+
|
110
|
+
.inverted .horizontal-tabset > input[type="radio"]:checked + label {
|
111
|
+
border-bottom: 2px solid _palette(bg-alt-inverted);
|
112
|
+
}
|
@@ -0,0 +1,120 @@
|
|
1
|
+
/*
|
2
|
+
Hide the radio buttons
|
3
|
+
*/
|
4
|
+
|
5
|
+
.vertical-tabset input[type="radio"] {
|
6
|
+
position: absolute;
|
7
|
+
left: -200vw;
|
8
|
+
}
|
9
|
+
|
10
|
+
/*
|
11
|
+
Toggle
|
12
|
+
*/
|
13
|
+
|
14
|
+
.vertical-tabset .vertical-tab .tab-panel {
|
15
|
+
display: none;
|
16
|
+
}
|
17
|
+
|
18
|
+
.vertical-tabset .vertical-tab input[type="radio"]:checked ~ .tab-panel {
|
19
|
+
display: block;
|
20
|
+
}
|
21
|
+
|
22
|
+
/*
|
23
|
+
Common style
|
24
|
+
*/
|
25
|
+
|
26
|
+
.vertical-tabset {
|
27
|
+
position: relative;
|
28
|
+
}
|
29
|
+
|
30
|
+
.vertical-tabset .vertical-tab {
|
31
|
+
display: block;
|
32
|
+
}
|
33
|
+
|
34
|
+
.vertical-tabset input[type="radio"] + label {
|
35
|
+
position: relative;
|
36
|
+
display: inline-block;
|
37
|
+
margin: 0 !important;
|
38
|
+
padding: 15px 15px 25px !important;
|
39
|
+
border: 2px solid transparent;
|
40
|
+
border-right: 0;
|
41
|
+
cursor: pointer;
|
42
|
+
font-weight: bold;
|
43
|
+
width: 40%;
|
44
|
+
z-index:100;
|
45
|
+
|
46
|
+
&::before {
|
47
|
+
display: none !important;
|
48
|
+
}
|
49
|
+
|
50
|
+
&::after {
|
51
|
+
content: "";
|
52
|
+
position: absolute;
|
53
|
+
left: 15px;
|
54
|
+
bottom: 10px;
|
55
|
+
width: 22px;
|
56
|
+
height: 4px;
|
57
|
+
background: _palette(border);
|
58
|
+
}
|
59
|
+
}
|
60
|
+
|
61
|
+
.vertical-tabset .vertical-tab .tab-panel {
|
62
|
+
position: absolute;
|
63
|
+
top: 0;
|
64
|
+
left: 40%;
|
65
|
+
padding: 0 30px;
|
66
|
+
margin: 0 0 0 -2px;
|
67
|
+
border-left: 2px solid _palette(accent);
|
68
|
+
height: 100%;
|
69
|
+
}
|
70
|
+
|
71
|
+
/*
|
72
|
+
Active
|
73
|
+
*/
|
74
|
+
|
75
|
+
.vertical-tabset label:hover,
|
76
|
+
.vertical-tabset input[type="radio"]:focus + label {
|
77
|
+
color: _palette(accent);
|
78
|
+
}
|
79
|
+
|
80
|
+
.vertical-tabset label:hover::after,
|
81
|
+
.vertical-tabset input[type="radio"]:focus + label::after,
|
82
|
+
.vertical-tabset input[type="radio"]:checked + label::after {
|
83
|
+
background: _palette(accent);
|
84
|
+
}
|
85
|
+
|
86
|
+
.vertical-tabset input[type="radio"]:checked + label {
|
87
|
+
border-color: _palette(accent);
|
88
|
+
border-right: 2px solid _palette(bg);
|
89
|
+
}
|
90
|
+
|
91
|
+
/*
|
92
|
+
Inverted
|
93
|
+
*/
|
94
|
+
|
95
|
+
.inverted .vertical-tabset input[type="radio"] + label {
|
96
|
+
color: _palette(fg-inverted);
|
97
|
+
|
98
|
+
&::after {
|
99
|
+
background: _palette(border-inverted);
|
100
|
+
}
|
101
|
+
}
|
102
|
+
|
103
|
+
/*
|
104
|
+
Inverted & active
|
105
|
+
*/
|
106
|
+
|
107
|
+
.inverted .vertical-tabset input[type="radio"] label:hover,
|
108
|
+
.inverted .vertical-tabset input[type="radio"]:focus + label {
|
109
|
+
color: _palette(accent);
|
110
|
+
}
|
111
|
+
|
112
|
+
.inverted .vertical-tabset input[type="radio"] label:hover::after,
|
113
|
+
.inverted .vertical-tabset input[type="radio"]:focus + label::after,
|
114
|
+
.inverted .vertical-tabset input[type="radio"]:checked + label::after {
|
115
|
+
background: _palette(accent);
|
116
|
+
}
|
117
|
+
|
118
|
+
.inverted .vertical-tabset input[type="radio"]:checked + label {
|
119
|
+
border-right: 2px solid _palette(bg-alt-inverted);
|
120
|
+
}
|
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.
|
4
|
+
version: 0.9.2
|
5
5
|
platform: ruby
|
6
6
|
authors:
|
7
7
|
- Moodule
|
8
8
|
autorequire:
|
9
9
|
bindir: bin
|
10
10
|
cert_chain: []
|
11
|
-
date: 2020-07-
|
11
|
+
date: 2020-07-27 00:00:00.000000000 Z
|
12
12
|
dependencies:
|
13
13
|
- !ruby/object:Gem::Dependency
|
14
14
|
name: jekyll
|
@@ -91,6 +91,7 @@ files:
|
|
91
91
|
- _includes/search.html
|
92
92
|
- _includes/sidebar.html
|
93
93
|
- _includes/social.html
|
94
|
+
- _includes/tabs.html
|
94
95
|
- _includes/thread.html
|
95
96
|
- _includes/toggle.html
|
96
97
|
- _includes/waves/bottom.html
|
@@ -151,6 +152,7 @@ files:
|
|
151
152
|
- _sass/main/components/_facts.scss
|
152
153
|
- _sass/main/components/_features.scss
|
153
154
|
- _sass/main/components/_form.scss
|
155
|
+
- _sass/main/components/_horizontal-tabs.scss
|
154
156
|
- _sass/main/components/_icon.scss
|
155
157
|
- _sass/main/components/_icons.scss
|
156
158
|
- _sass/main/components/_image.scss
|
@@ -162,6 +164,7 @@ files:
|
|
162
164
|
- _sass/main/components/_row.scss
|
163
165
|
- _sass/main/components/_section.scss
|
164
166
|
- _sass/main/components/_table.scss
|
167
|
+
- _sass/main/components/_vertical-tabs.scss
|
165
168
|
- _sass/main/layout/_banner.scss
|
166
169
|
- _sass/main/layout/_footer.scss
|
167
170
|
- _sass/main/layout/_header.scss
|