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.