jQuery скрипты для компонентов Bulma
Bulma - это простой и современный CSS-фреймворк с открытым исходным кодом, который зависит от модуля flexbox. Применяется для разработки адаптивной структуры макета.
Главные преимущества Bulma:
Несколько примеров jQuery для Bulma:
// NavBar
$(".navbar-burger").click(function() {
$(".navbar-burger").toggleClass("is-active");
$(".navbar-menu").toggleClass("is-active");
});
// Notification
$('.delete').each(function() {
$(this).on('click', function () {
$(this).parent().fadeOut(600);
});
});
// Tabs
$('#tab_header ul li.item').on('click', function() {
var number = $(this).data('option');
$('#tab_header ul li.item').removeClass('is-active');
$(this).addClass('is-active');
$('#tab_container .container_item').removeClass('is-active');
$('div[data-item="' + number + '"]').addClass('is-active');
});
Стартовый шаблон Bulma для вёрстки (Gulp) GitHub.
Предыдущая запись
jQuery: День/Ночь на сайте