classic-jekyll-theme 1.2.1 → 1.2.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 +20 -6
- data/_includes/navbanner.html +1 -1
- data/_sass/classic-jekyll-theme.scss +8 -9
- data/_sass/classic/_formatting.scss +40 -22
- data/_sass/classic/_layout.scss +2 -0
- metadata +2 -2
checksums.yaml
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
---
|
|
2
2
|
SHA1:
|
|
3
|
-
metadata.gz:
|
|
4
|
-
data.tar.gz:
|
|
3
|
+
metadata.gz: fd4de7b96e84a6da34bddeddb792479ab6119537
|
|
4
|
+
data.tar.gz: 9c0247a921031e3c914996c6670e23b84c90c1e2
|
|
5
5
|
SHA512:
|
|
6
|
-
metadata.gz:
|
|
7
|
-
data.tar.gz:
|
|
6
|
+
metadata.gz: 1b667cb906e0a06eb1863042bcac0622f28369a45179173510c9ccfb871b4a8753bd88c4f3925b70669e0f17e1b2a970f3494bb17f4775e835e1959502ff33df
|
|
7
|
+
data.tar.gz: e495d61be43ecd8f0dba861081fbc6630f296b9df77262e206fba3d3689220891e6f26e8c8339d7ccdb68548bab1e499e5c9e7118a9439739bff42c8ee529abd
|
data/README.md
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
# Classic-Jekyll-Theme v1.2.
|
|
1
|
+
# Classic-Jekyll-Theme v1.2.2
|
|
2
2
|
|
|
3
3
|
Welcome to Classic-Jekyll-Theme. This theme centers around one of the most used website structures on the web. A banner, navigation menu, (up to) three columns and a footer. The design is fully responsive for three different screen widths: wide, medium and narrow. It is probably best shown in an example:
|
|
4
4
|
|
|
@@ -38,6 +38,8 @@ Other features:
|
|
|
38
38
|
|
|
39
39
|
- __Background images__ and __Background color__ settings for major site elements.
|
|
40
40
|
|
|
41
|
+
You can get it from [github](https://github.com/Swiftrien/classic-jekyll-theme) or [rubygems](https://rubygems.org/gems/classic-jekyll-theme).
|
|
42
|
+
|
|
41
43
|
## Installation & setup
|
|
42
44
|
|
|
43
45
|
Install it as:
|
|
@@ -257,6 +259,12 @@ Release 1.2.1
|
|
|
257
259
|
|
|
258
260
|
- Fixed problem with Icon placement.
|
|
259
261
|
|
|
262
|
+
Release 1.2.2
|
|
263
|
+
|
|
264
|
+
- Fixed problem with site title shifting when a background was used.
|
|
265
|
+
- Now allows absolute fixing of banner height.
|
|
266
|
+
|
|
267
|
+
|
|
260
268
|
## Upgrade information
|
|
261
269
|
|
|
262
270
|
### from 0.2.6 to 1.0.0
|
|
@@ -294,17 +302,23 @@ The index for a menu item. If not present, the menu ordering is undetermined. If
|
|
|
294
302
|
|
|
295
303
|
### from 1.0.0 (and later) to 1.1.1
|
|
296
304
|
|
|
297
|
-
|
|
305
|
+
- Update the version number in the `Gemfile`.
|
|
298
306
|
|
|
299
307
|
### from 1.1.1 to 1.2.0
|
|
300
308
|
|
|
301
|
-
If changes were made to `_sass/classic-jekyll-theme.scss` then this file must be replaced with the new version that comes with this release and the changes must be re-applied. Note that background color setting has changed slightly.
|
|
309
|
+
- If changes were made to `_sass/classic-jekyll-theme.scss` then this file must be replaced with the new version that comes with this release and the changes must be re-applied. Note that background color setting has changed slightly.
|
|
310
|
+
- As always, update the version number in the `Gemfile`
|
|
302
311
|
|
|
303
312
|
### from 1.2.0 to 1.2.1
|
|
304
313
|
|
|
305
|
-
Replace the 'initial' values in `_sass/classic-jekyll-theme.scss` for the backgrounds with 'none'.
|
|
306
|
-
The icon size (width and height) values are no longer used and can be removed.
|
|
307
|
-
As always, update the version number in the `Gemfile`
|
|
314
|
+
- Replace the 'initial' values in `_sass/classic-jekyll-theme.scss` for the backgrounds with 'none'.
|
|
315
|
+
- The icon size (width and height) values are no longer used and can be removed.
|
|
316
|
+
- As always, update the version number in the `Gemfile`
|
|
317
|
+
|
|
318
|
+
### from 1.2.1 to 1.2.2
|
|
319
|
+
|
|
320
|
+
- The banner height settings in `_sass/classic-jekyll-theme.scss` are no longer "minimum" specifications but absolute specifications and therefore have been renamed from `<layout-size>-minimum-banner-height` to `<layout-size>-banner-height`.
|
|
321
|
+
- As always, update the version number in the `Gemfile`
|
|
308
322
|
|
|
309
323
|
## Known problems (need your help)
|
|
310
324
|
|
data/_includes/navbanner.html
CHANGED
|
@@ -57,21 +57,20 @@ $medium-footer-background: none;
|
|
|
57
57
|
$narrow-footer-background: none;
|
|
58
58
|
|
|
59
59
|
// For an icon in the top left of the site (left side of the banner)
|
|
60
|
-
// Set to 'url("/assets/img/site-icon.png")' to specify a url.
|
|
61
60
|
// Set the url's to 'none' if no icon should be shown.
|
|
61
|
+
// Example: ...-icon-url: url("/assets/img/wide-icon.png");
|
|
62
62
|
$wide-icon-url: none;
|
|
63
63
|
$medium-icon-url: none;
|
|
64
64
|
$narrow-icon-url: none;
|
|
65
65
|
|
|
66
|
-
// Setting a
|
|
67
|
-
// Note that for 'auto' the banner hight is determined by the title text.
|
|
68
|
-
|
|
69
|
-
$
|
|
70
|
-
$
|
|
71
|
-
$narrow-minimum-banner-height: auto; // Set to 'auto' to disable a minimum height
|
|
66
|
+
// Setting a height for the banner. This can be helpfull if a background image or icon has to be displayed.
|
|
67
|
+
// Note that for 'auto' the banner hight is determined by the title text.
|
|
68
|
+
$wide-banner-height: auto; // Set to 'auto' to disable a minimum height
|
|
69
|
+
$medium-banner-height: auto; // Set to 'auto' to disable a minimum height
|
|
70
|
+
$narrow-banner-height: auto; // Set to 'auto' to disable a minimum height
|
|
72
71
|
|
|
73
|
-
// Shift the title this much to the right or left to fine-tune the title placement.
|
|
74
|
-
// Implementation note: actually sets a margin-left and margin-top on the
|
|
72
|
+
// Shift the title this much to the right or left to fine-tune the title placement. Normally it is centered in wide and slightly to the right for medium and narrow (because of the menu symbol).
|
|
73
|
+
// Implementation note: actually sets a margin-left and margin-top on the p that holds the title.
|
|
75
74
|
$wide-horizontal-title-shift: 0px; // positive is to the right, negative is to the left
|
|
76
75
|
$wide-vertical-title-shift: 0px; // positive is down, negative is up
|
|
77
76
|
$medium-horizontal-title-shift: 0px; // positive is to the right, negative is to the left
|
|
@@ -27,26 +27,34 @@ body {
|
|
|
27
27
|
|
|
28
28
|
// Title formatting
|
|
29
29
|
.navbanner-title {
|
|
30
|
-
|
|
30
|
+
.site-title-text {
|
|
31
|
+
color: $site-title-color;
|
|
32
|
+
@include wide-layout {
|
|
33
|
+
font-size: $wide-site-title-font-size;
|
|
34
|
+
margin-left: $wide-horizontal-title-shift;
|
|
35
|
+
margin-top: $wide-vertical-title-shift;
|
|
36
|
+
}
|
|
37
|
+
@include medium-layout {
|
|
38
|
+
font-size: $medium-site-title-font-size;
|
|
39
|
+
margin-left: $medium-horizontal-title-shift;
|
|
40
|
+
margin-top: $medium-vertical-title-shift;
|
|
41
|
+
}
|
|
42
|
+
@include narrow-layout {
|
|
43
|
+
font-size: $narrow-site-title-font-size;
|
|
44
|
+
margin-left: $narrow-horizontal-title-shift;
|
|
45
|
+
margin-top: $narrow-vertical-title-shift;
|
|
46
|
+
}
|
|
47
|
+
}
|
|
31
48
|
@include wide-layout {
|
|
32
|
-
|
|
33
|
-
margin-left: $wide-horizontal-title-shift;
|
|
34
|
-
margin-top: $wide-vertical-title-shift;
|
|
35
|
-
min-height: $wide-minimum-banner-height;
|
|
49
|
+
height: $wide-banner-height;
|
|
36
50
|
@include titleBackgroundWithIcon($wide-banner-background, $wide-icon-url);
|
|
37
51
|
}
|
|
38
52
|
@include medium-layout {
|
|
39
|
-
|
|
40
|
-
margin-left: $medium-horizontal-title-shift;
|
|
41
|
-
margin-top: $medium-vertical-title-shift;
|
|
42
|
-
min-height: $medium-minimum-banner-height;
|
|
53
|
+
height: $medium-banner-height;
|
|
43
54
|
@include titleBackgroundWithIcon($medium-banner-background, $medium-icon-url);
|
|
44
55
|
}
|
|
45
56
|
@include narrow-layout {
|
|
46
|
-
|
|
47
|
-
margin-left: $narrow-horizontal-title-shift;
|
|
48
|
-
margin-top: $narrow-vertical-title-shift;
|
|
49
|
-
min-height: $narrow-minimum-banner-height;
|
|
57
|
+
height: $narrow-banner-height;
|
|
50
58
|
@include titleBackgroundWithIcon($narrow-banner-background, $narrow-icon-url);
|
|
51
59
|
}
|
|
52
60
|
}
|
|
@@ -55,25 +63,35 @@ body {
|
|
|
55
63
|
.navbanner-label {
|
|
56
64
|
|
|
57
65
|
// Color for the menu symbol (only visible on narrow and medium sized layouts)
|
|
58
|
-
label
|
|
66
|
+
label {
|
|
67
|
+
padding: 0 $hspacing-unit; // Give the menu label more area to make it easier to tap.
|
|
68
|
+
p {
|
|
69
|
+
color: $menu-symbol-color;
|
|
70
|
+
@include wide-layout {
|
|
71
|
+
// Note: the label is not visible, but we set the correct values anyhow...
|
|
72
|
+
font-size: $narrow-site-title-font-size;
|
|
73
|
+
}
|
|
74
|
+
@include medium-layout {
|
|
75
|
+
font-size: $medium-site-title-font-size;
|
|
76
|
+
}
|
|
77
|
+
@include narrow-layout {
|
|
78
|
+
font-size: $narrow-site-title-font-size;
|
|
79
|
+
}
|
|
80
|
+
}
|
|
81
|
+
}
|
|
59
82
|
|
|
60
83
|
// Size of the title and menu symbol depends on the layout in effect.
|
|
61
84
|
@include narrow-layout {
|
|
62
|
-
|
|
85
|
+
height: $narrow-banner-height;
|
|
63
86
|
background: $narrow-banner-background;
|
|
64
|
-
font-size: $narrow-site-title-font-size;
|
|
65
|
-
label { padding: 0 $hspacing-unit; } // Give the menu label more area to make it easier to tap.
|
|
66
87
|
}
|
|
67
88
|
@include medium-layout {
|
|
68
|
-
|
|
89
|
+
height: $medium-banner-height;
|
|
69
90
|
background: $medium-banner-background;
|
|
70
|
-
font-size: $medium-site-title-font-size;
|
|
71
|
-
label { padding: 0 $hspacing-unit; } // Give the menu label more area to make it easier to tap.
|
|
72
91
|
}
|
|
73
92
|
@include wide-layout {
|
|
74
|
-
|
|
93
|
+
height: $narrow-banner-height;
|
|
75
94
|
background: $narrow-banner-background;
|
|
76
|
-
font-size: $narrow-site-title-font-size;
|
|
77
95
|
}
|
|
78
96
|
}
|
|
79
97
|
|
data/_sass/classic/_layout.scss
CHANGED
|
@@ -46,6 +46,7 @@
|
|
|
46
46
|
// Center the title.
|
|
47
47
|
display: flex;
|
|
48
48
|
justify-content: center;
|
|
49
|
+
align-items: center;
|
|
49
50
|
}
|
|
50
51
|
|
|
51
52
|
// The menu label is only visible in narrow and medium layout.
|
|
@@ -57,6 +58,7 @@
|
|
|
57
58
|
// The menu label (symbol) should be centered
|
|
58
59
|
display: flex;
|
|
59
60
|
justify-content: center;
|
|
61
|
+
align-items: center;
|
|
60
62
|
|
|
61
63
|
// The label is used as checkbox-label, it should show a pointer when the mouse is above it.
|
|
62
64
|
label {
|
metadata
CHANGED
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
|
2
2
|
name: classic-jekyll-theme
|
|
3
3
|
version: !ruby/object:Gem::Version
|
|
4
|
-
version: 1.2.
|
|
4
|
+
version: 1.2.2
|
|
5
5
|
platform: ruby
|
|
6
6
|
authors:
|
|
7
7
|
- Rien
|
|
8
8
|
autorequire:
|
|
9
9
|
bindir: bin
|
|
10
10
|
cert_chain: []
|
|
11
|
-
date: 2016-11-
|
|
11
|
+
date: 2016-11-16 00:00:00.000000000 Z
|
|
12
12
|
dependencies:
|
|
13
13
|
- !ruby/object:Gem::Dependency
|
|
14
14
|
name: jekyll-feed
|