jekyll-theme-backwhite 1.2.0 → 2.0.0
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/_layouts/default.html +6 -4
- data/_sass/jekyll-theme-backwhite/_front.scss +15 -2
- data/_sass/jekyll-theme-backwhite/_misc.scss +14 -0
- data/assets/js/backwhite.js +8 -7
- metadata +2 -2
checksums.yaml
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
---
|
2
2
|
SHA256:
|
3
|
-
metadata.gz:
|
4
|
-
data.tar.gz:
|
3
|
+
metadata.gz: 141ba9b66d6fc73a0e2590c3f87c05208319b137d914835c0dc194a8cb3e2b33
|
4
|
+
data.tar.gz: 14df658aa43bfd6101276b3e251b04a9caa138b708abcb26595a35db710c0bb1
|
5
5
|
SHA512:
|
6
|
-
metadata.gz:
|
7
|
-
data.tar.gz:
|
6
|
+
metadata.gz: a1e5fd779392b622b9f565d53aaf8a91d3afb35b31239456ec3b373e01a4971f10a04045d8dbe157c6ebe17f959f8e78e05bfbee8f4388ee9d386220c006b961
|
7
|
+
data.tar.gz: 42120638d8655b210015a6e0d60d24d9a59844a6220553cc49d88a6081402ac5d710299943a81bbdc544bf72596cc2dfdc13d8530d1b7f55b915f6037805af8a
|
data/_layouts/default.html
CHANGED
@@ -2,11 +2,13 @@
|
|
2
2
|
<html>
|
3
3
|
{% include head.html %}
|
4
4
|
<body>
|
5
|
-
|
5
|
+
<div class="bw-app">
|
6
|
+
{% include back.html %}
|
6
7
|
|
7
|
-
|
8
|
-
|
9
|
-
|
8
|
+
<div class="bw-front">
|
9
|
+
<div class="bw-front-container">
|
10
|
+
{{ content }}
|
11
|
+
</div>
|
10
12
|
</div>
|
11
13
|
</div>
|
12
14
|
</body>
|
@@ -1,10 +1,16 @@
|
|
1
1
|
.bw-front {
|
2
|
+
// No transition
|
3
|
+
transition: none;
|
4
|
+
|
2
5
|
// Positioning and sizing
|
3
6
|
position: absolute;
|
4
7
|
top: 0%;
|
5
8
|
left: $desktop-menu-size;
|
6
9
|
right: 0%;
|
7
10
|
min-height: 100%;
|
11
|
+
&.slided {
|
12
|
+
left: $desktop-menu-size;
|
13
|
+
}
|
8
14
|
|
9
15
|
/* Setting a z-index of 0 to so that
|
10
16
|
* this is in front of the back layer
|
@@ -24,11 +30,18 @@
|
|
24
30
|
|
25
31
|
// Mobile
|
26
32
|
@include on-mobile {
|
27
|
-
//
|
33
|
+
// Animated transition
|
34
|
+
transition: left 0.5s ease-in-out;
|
35
|
+
|
36
|
+
// Positioning and slide handling
|
28
37
|
top: 0%;
|
29
38
|
left: 0%;
|
30
39
|
right: 0%;
|
31
|
-
|
40
|
+
left: 0%;
|
41
|
+
min-width: 100%;
|
42
|
+
&.slided {
|
43
|
+
left: 100%;
|
44
|
+
}
|
32
45
|
};
|
33
46
|
|
34
47
|
// Container
|
@@ -1,3 +1,17 @@
|
|
1
|
+
// Root app component
|
2
|
+
.bw-app {
|
3
|
+
position: fixed;
|
4
|
+
top: 0%;
|
5
|
+
left: 0%;
|
6
|
+
right: 0%;
|
7
|
+
min-height: 100%;
|
8
|
+
overflow-x: hidden;
|
9
|
+
overflow-y: scroll;
|
10
|
+
&.scroll-lock {
|
11
|
+
overflow-y: hidden;
|
12
|
+
}
|
13
|
+
}
|
14
|
+
|
1
15
|
// Hide on desktop, show on mobile
|
2
16
|
.bw-show-on-mobile {
|
3
17
|
display: none;
|
data/assets/js/backwhite.js
CHANGED
@@ -1,16 +1,17 @@
|
|
1
1
|
$(() => {
|
2
2
|
// Menu button handling
|
3
3
|
$('.bw-open').click(() => {
|
4
|
+
$('.bw-app').addClass('scroll-lock')
|
4
5
|
$('.bw-back-container').addClass('visible')
|
5
|
-
$('.bw-front').
|
6
|
-
{'margin-left': '100%'},
|
7
|
-
400, 'swing')
|
6
|
+
$('.bw-front').addClass('slided')
|
8
7
|
})
|
9
8
|
$('.bw-close').click(() => {
|
10
|
-
$('.bw-front')
|
11
|
-
|
12
|
-
|
13
|
-
|
9
|
+
$('.bw-front')
|
10
|
+
.removeClass('slided')
|
11
|
+
.one('transitionend', () => {
|
12
|
+
$('.bw-app').removeClass('scroll-lock')
|
13
|
+
$('.bw-back-container').removeClass('visible')
|
14
|
+
})
|
14
15
|
})
|
15
16
|
|
16
17
|
// Dynamic Tables
|
metadata
CHANGED
@@ -1,14 +1,14 @@
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
2
2
|
name: jekyll-theme-backwhite
|
3
3
|
version: !ruby/object:Gem::Version
|
4
|
-
version:
|
4
|
+
version: 2.0.0
|
5
5
|
platform: ruby
|
6
6
|
authors:
|
7
7
|
- andydevs
|
8
8
|
autorequire:
|
9
9
|
bindir: bin
|
10
10
|
cert_chain: []
|
11
|
-
date: 2020-07-
|
11
|
+
date: 2020-07-09 00:00:00.000000000 Z
|
12
12
|
dependencies:
|
13
13
|
- !ruby/object:Gem::Dependency
|
14
14
|
name: jekyll
|