jekyll-theme-consulting 0.8.14 → 0.9.0
Sign up to get free protection for your applications and to get access to all the features.
- 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
|