Ark/bulma
1
0
Fork 0
mirror of https://github.com/jgthms/bulma synced 2026-03-15 02:04:29 -07:00
Code Issues Packages Projects Releases Wiki Activity

Add index JS

Browse Source
This commit is contained in:
Jeremy Thomas
2017-10-10 17:48:01 +01:00
parent be06c297dc
commit 336c88d9c9
8 changed files with 197 additions and 54 deletions
Download Patch File Download Diff File Expand all files Collapse all files

30
docs/_javascript/index.js
View File

@@ -1,5 +1,35 @@
document.addEventListener('DOMContentLoaded', () => {
// Intro
const introVimeo = document.getElementById('introVimeo');
const npmClipboard = new Clipboard('#npmCopy');
introVimeo.addEventListener('load', () => {
introVimeo.parentNode.parentNode.classList.add('has-loaded');
});
npmClipboard.on('success', function(e) {
e.trigger.innerText = 'copied!';
e.trigger.classList.add('is-success');
setTimeout(() => {
e.trigger.innerText = 'copy';
e.trigger.classList.remove('is-success');
}, 500);
e.clearSelection();
});
npmClipboard.on('error', function(e) {
e.trigger.innerText = 'error!';
e.trigger.classList.add('is-error');
setTimeout(() => {
e.trigger.innerText = 'copy';
e.trigger.classList.remove('is-error');
}, 500);
});
// Grid
const $grid = document.getElementById('grid');
const $columns = Array.prototype.slice.call(document.querySelectorAll('#grid > .column'), 0);
const $markup = document.querySelector('#markup code');

25
docs/_javascript/main.js
View File

@@ -158,31 +158,6 @@ document.addEventListener('DOMContentLoaded', () => {
}
});
var npmClipboard = new Clipboard('#npmCopy');
npmClipboard.on('onclick', function(e) {
console.log('CLICK');
});
npmClipboard.on('success', function(e) {
e.trigger.innerText = 'copied!';
e.trigger.classList.add('is-success');
setTimeout(() => {
e.trigger.innerText = 'copy';
e.trigger.classList.remove('is-success');
}, 500);
e.clearSelection();
});
npmClipboard.on('error', function(e) {
e.trigger.innerText = 'error!';
e.trigger.classList.add('is-error');
setTimeout(() => {
e.trigger.innerText = 'copy';
e.trigger.classList.remove('is-error');
}, 500);
});
// Functions
function getAll(selector) {