jekyll-theme-consulting 0.8.14 → 0.9.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/README.md +2 -0
- data/_sass/main.scss +2 -0
- data/_sass/main/components/_horizontal-tabs.scss +112 -0
- data/_sass/main/components/_vertical-tabs.scss +120 -0
- metadata +4 -2
checksums.yaml
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
---
|
|
2
2
|
SHA256:
|
|
3
|
-
metadata.gz:
|
|
4
|
-
data.tar.gz:
|
|
3
|
+
metadata.gz: 61b9e3aa8c0a6092c02e43609f8c6f6d383661ea4ed2c19a1f7945dc6bb51b12
|
|
4
|
+
data.tar.gz: 0b30425585c2b197a84429391414e6b73900180c160cd75aa05bebc7bba4f458
|
|
5
5
|
SHA512:
|
|
6
|
-
metadata.gz:
|
|
7
|
-
data.tar.gz:
|
|
6
|
+
metadata.gz: 78d61e89157797a250e263e71b842dff6f7258760697f66337c3647b47ebce7c16c6bebe67a319140191157ee07c3b1e4cb7ccc66d232617a0b1cc3fc5a2ca54
|
|
7
|
+
data.tar.gz: 5c728bc1b3e11688396765f67874c63d439a36229b4178327d8b185a5e3b9af941f06103e35264534afdbbe83b7a3f0cac8271bd1c58ac8f5754ad8f1fb78038
|
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/_sass/main.scss
CHANGED
|
@@ -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.0
|
|
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-25 00:00:00.000000000 Z
|
|
12
12
|
dependencies:
|
|
13
13
|
- !ruby/object:Gem::Dependency
|
|
14
14
|
name: jekyll
|
|
@@ -151,6 +151,7 @@ files:
|
|
|
151
151
|
- _sass/main/components/_facts.scss
|
|
152
152
|
- _sass/main/components/_features.scss
|
|
153
153
|
- _sass/main/components/_form.scss
|
|
154
|
+
- _sass/main/components/_horizontal-tabs.scss
|
|
154
155
|
- _sass/main/components/_icon.scss
|
|
155
156
|
- _sass/main/components/_icons.scss
|
|
156
157
|
- _sass/main/components/_image.scss
|
|
@@ -162,6 +163,7 @@ files:
|
|
|
162
163
|
- _sass/main/components/_row.scss
|
|
163
164
|
- _sass/main/components/_section.scss
|
|
164
165
|
- _sass/main/components/_table.scss
|
|
166
|
+
- _sass/main/components/_vertical-tabs.scss
|
|
165
167
|
- _sass/main/layout/_banner.scss
|
|
166
168
|
- _sass/main/layout/_footer.scss
|
|
167
169
|
- _sass/main/layout/_header.scss
|