1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
|
/*
Striped by Pixelarity
pixelarity.com | hello@pixelarity.com
License: pixelarity.com/license
*/
(function($) {
skel.breakpoints({
desktop: '(min-width: 737px)',
wide: '(min-width: 1201px)',
narrow: '(min-width: 737px) and (max-width: 1200px)',
narrower: '(min-width: 737px) and (max-width: 1000px)',
mobile: '(max-width: 736px)'
});
$(function() {
var $window = $(window),
$body = $('body'),
$document = $(document);
// Disable animations/transitions until the page has loaded.
$body.addClass('is-loading');
$window.on('load', function() {
$body.removeClass('is-loading');
});
// Fix: Placeholder polyfill.
$('form').placeholder();
// Prioritize "important" elements on mobile.
skel.on('+mobile -mobile', function() {
$.prioritize(
'.important\\28 mobile\\29',
skel.breakpoint('mobile').active
);
});
// Off-Canvas Sidebar.
// Height hack.
var $sc = $('#sidebar, #content'), tid;
$window
.on('resize', function() {
window.clearTimeout(tid);
tid = window.setTimeout(function() {
$sc.css('min-height', $document.height());
}, 100);
})
.on('load', function() {
$window.trigger('resize');
})
.trigger('resize');
// Title Bar.
$(
'<div id="titleBar">' +
'<a href="#sidebar" class="toggle"></a>' +
'<span class="title">' + $('#logo').html() + '</span>' +
'</div>'
)
.appendTo($body);
// Sidebar
$('#sidebar')
.panel({
delay: 500,
hideOnClick: true,
hideOnSwipe: true,
resetScroll: true,
resetForms: true,
side: 'left',
target: $body,
visibleClass: 'sidebar-visible'
});
// Fix: Remove navPanel transitions on WP<10 (poor/buggy performance).
if (skel.vars.os == 'wp' && skel.vars.osVersion < 10)
$('#titleBar, #sidebar, #main')
.css('transition', 'none');
});
})(jQuery);
|
