79 lines
1.6 KiB
JavaScript
79 lines
1.6 KiB
JavaScript
/*
|
|
Interphase 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'
|
|
},
|
|
navPanel: {
|
|
animation: 'pushX',
|
|
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
|
|
},
|
|
navButton: {
|
|
breakpoints: 'medium',
|
|
height: '4em',
|
|
html: '<span class="toggle" data-action="toggleLayer" data-args="navPanel"></span>',
|
|
position: 'top-left',
|
|
side: 'top',
|
|
width: '6em'
|
|
}
|
|
}
|
|
}
|
|
});
|
|
|
|
$(function() {
|
|
|
|
// ...
|
|
|
|
});
|
|
|
|
})(jQuery); |