mirror of
https://github.com/jgthms/bulma.git
synced 2024-11-14 11:14:24 +00:00
66 lines
1.7 KiB
JavaScript
66 lines
1.7 KiB
JavaScript
'use strict';
|
|
|
|
jQuery(document).ready(function ($) {
|
|
|
|
var $toggle = $('#nav-toggle');
|
|
var $menu = $('#nav-menu');
|
|
|
|
$toggle.click(function () {
|
|
$(this).toggleClass('is-active');
|
|
$menu.toggleClass('is-active');
|
|
});
|
|
|
|
$('.modal-button').click(function () {
|
|
var target = $(this).data('target');
|
|
$('html').addClass('is-clipped');
|
|
$(target).addClass('is-active');
|
|
});
|
|
|
|
$('.modal-background, .modal-close').click(function () {
|
|
$('html').removeClass('is-clipped');
|
|
$(this).parent().removeClass('is-active');
|
|
});
|
|
|
|
$('.modal-card-head .delete, .modal-card-foot .button').click(function () {
|
|
$('html').removeClass('is-clipped');
|
|
$('#modal-ter').removeClass('is-active');
|
|
});
|
|
|
|
$(document).on('keyup', function (e) {
|
|
if (e.keyCode == 27) {
|
|
$('html').removeClass('is-clipped');
|
|
$('.modal').removeClass('is-active');
|
|
}
|
|
});
|
|
|
|
var $highlights = $('.highlight');
|
|
|
|
$highlights.each(function () {
|
|
var $el = $(this);
|
|
var copy = '<button class="bd-copy">Copy</button>';
|
|
var expand = '<button class="bd-expand">Expand</button>';
|
|
$el.append(copy);
|
|
|
|
if ($el.find('pre code').innerHeight() > 600) {
|
|
$el.append(expand);
|
|
}
|
|
});
|
|
|
|
var $highlightButtons = $('.highlight .bd-copy, .highlight .bd-expand');
|
|
|
|
$highlightButtons.hover(function () {
|
|
$(this).parent().css('box-shadow', '0 0 0 1px #ed6c63');
|
|
}, function () {
|
|
$(this).parent().css('box-shadow', 'none');
|
|
});
|
|
|
|
$('.highlight .bd-expand').click(function () {
|
|
$(this).parent().children('pre').css('max-height', 'none');
|
|
});
|
|
|
|
new Clipboard('.bd-copy', {
|
|
target: function target(trigger) {
|
|
return trigger.previousSibling;
|
|
}
|
|
});
|
|
}); |