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 CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA256:
3
- metadata.gz: caf5f79dbf4f02149005cd5a079fd2661917229567f5a2e6423f2bb60943d5ae
4
- data.tar.gz: db838ea68c34969de7e78364938c2d50226e4df4831115c41b0f53bf66886c95
3
+ metadata.gz: 141ba9b66d6fc73a0e2590c3f87c05208319b137d914835c0dc194a8cb3e2b33
4
+ data.tar.gz: 14df658aa43bfd6101276b3e251b04a9caa138b708abcb26595a35db710c0bb1
5
5
  SHA512:
6
- metadata.gz: d8915b5c104d374c96cda1add348a8e31e2f7fec72f9b13a1697fad4a4d80a88064a94c4400091c405eaf81e2a90a9a3e927e9ec365fca9357e077fb2c8a2d11
7
- data.tar.gz: 50ea8a37f265f324c0270db0106aee93c27849b2bf40b2970ff7545d30bd0a232c96a0281824546fc22253e8a724a93d6867ba62334dae80c6ba241478a56d49
6
+ metadata.gz: a1e5fd779392b622b9f565d53aaf8a91d3afb35b31239456ec3b373e01a4971f10a04045d8dbe157c6ebe17f959f8e78e05bfbee8f4388ee9d386220c006b961
7
+ data.tar.gz: 42120638d8655b210015a6e0d60d24d9a59844a6220553cc49d88a6081402ac5d710299943a81bbdc544bf72596cc2dfdc13d8530d1b7f55b915f6037805af8a
@@ -2,11 +2,13 @@
2
2
  <html>
3
3
  {% include head.html %}
4
4
  <body>
5
- {% include back.html %}
5
+ <div class="bw-app">
6
+ {% include back.html %}
6
7
 
7
- <div class="bw-front">
8
- <div class="bw-front-container">
9
- {{ content }}
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
- // Positioning
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
- margin-left: 0%;
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;
@@ -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').animate(
6
- {'margin-left': '100%'},
7
- 400, 'swing')
6
+ $('.bw-front').addClass('slided')
8
7
  })
9
8
  $('.bw-close').click(() => {
10
- $('.bw-front').animate(
11
- {'margin-left': '0%'},
12
- 400, 'swing',
13
- () => $('.bw-back-container').removeClass('visible'))
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: 1.2.0
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-08 00:00:00.000000000 Z
11
+ date: 2020-07-09 00:00:00.000000000 Z
12
12
  dependencies:
13
13
  - !ruby/object:Gem::Dependency
14
14
  name: jekyll