Repository navigation
Expand file tree
/
Copy pathinit.js
More file actions
88 lines (80 loc) · 1.77 KB
/
Copy pathinit.js
File metadata and controls
88 lines (80 loc) · 1.77 KB
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
88
/*
Transit by TEMPLATED
templated.co @templatedco
Released for free under the Creative Commons Attribution 3.0 license (templated.co/license)
*/
(function($) {
skel.init({
reset: 'full',
breakpoints: {
global: {
href: 'css/style.css',
containers: 1400,
grid: { gutters: ['2em', 0] }
},
xlarge: {
media: '(max-width: 1680px)',
href: 'css/style-xlarge.css',
containers: 1200
},
large: {
media: '(max-width: 1280px)',
href: 'css/style-large.css',
containers: 960,
grid: { gutters: ['1.5em', 0] },
viewport: { scalable: false }
},
medium: {
media: '(max-width: 980px)',
href: 'css/style-medium.css',
containers: '90%!'
},
small: {
media: '(max-width: 736px)',
href: 'css/style-small.css',
containers: '90%!',
grid: { gutters: ['1.25em', 0] }
},
xsmall: {
media: '(max-width: 480px)',
href: 'css/style-xsmall.css'
}
},
plugins: {
layers: {
config: {
mode: 'transform'
},
navButton: {
breakpoints: 'medium',
height: '4em',
html: '<span class="toggle" data-action="toggleLayer" data-args="navPanel"></span>',
position: 'top-left',
side: 'top',
width: '6em'
},
navPanel: {
animation: 'overlayX',
breakpoints: 'medium',
clickToHide: true,
height: '100%',
hidden: true,
html: '<div data-action="moveElement" data-args="nav"></div>',
orientation: 'vertical',
position: 'top-left',
side: 'left',
width: 250
}
}
}
});
$(function() {
var $window = $(window),
$body = $('body');
// Disable animations/transitions until the page has loaded.
$body.addClass('is-loading');
$window.on('load', function() {
$body.removeClass('is-loading');
});
});
})(jQuery);