View PAX2.html
<!--
Breakpoints:
alpha: 420px,
beta: 720px,
gamma: 960px,
delta: 1080px,
epsilon: 1200px,
zeta: 1400px
!-->
View extend-module.scss
@include module('header') {
@include component('social-links') {
@include _module('list', ('reset', 'inline'), false);
@include component('item') {
@include _module('button', (
'brand-1-light', 'circle', 'icon', 'border', 'size-3'
));
}
}
View kai-css.css
body {
margin: 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
View kai-js.js
// Define Functions
function navigation() {
var navigation = document.querySelector('.nav');
var dropdownToggle = document.querySelector('.navbar-toggle');
console.log(dropdownToggle);
dropdownToggle.addEventListener('click', function() {
View kai-index.html
<!DOCTYPE html>
<html>
<head>
<!-- ==============================================
Title and Meta Tags
=============================================== -->
<meta charset="utf-8">
<title>Sound Broker</title>
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
View inViewport.js
import * as app from '../../app';
/**
* Determine if an element is in the viewport
*
* @access public
*
* @param {Object} custom - where custom options are passed
*/
export function inViewport(custom) {
View carousel.js
View parallax.js
const win = document.querySelector('.homepage_wrapper');
win.addEventListener('scroll', () => {
const scroll = win.scrollTop;
$(function() {
const element = document.querySelector('.homepage_section-cards');
if (app.inViewport({container: win, target: element})) {
View if.js
const scope = () => {
if (point === 'top') {
return elemTop;
}
else if (point === 'middle') {
return elemTop + (elemHeight/2);
}
else if (point === 'bottom') {
return elemTop + elemHeight;
}
View es6modal.js
import * as app from '../../../app';
import defaults from './modals.json';
/**
* Modal
*
* @access public
*
* @param {(String|Object)} els
* @param {Object} custom