From be3218290dc63ba251bfd2fe4d4dccb2122f4bbe Mon Sep 17 00:00:00 2001
From: Alexander Bilz <mail@alexbilz.com>
Date: Mon, 21 Feb 2022 18:13:35 +0000
Subject: [PATCH] feat: refactor CSS to SCSS
---
assets/js/anatole-header.js | 25 +++++++++----------------
1 files changed, 9 insertions(+), 16 deletions(-)
diff --git a/assets/js/anatole-header.js b/assets/js/anatole-header.js
index 561e2ce..3780a06 100644
--- a/assets/js/anatole-header.js
+++ b/assets/js/anatole-header.js
@@ -1,18 +1,11 @@
-document.addEventListener('DOMContentLoaded', function () {
- // Get all "navbar-burger" elements
- var $navbarBurgers = Array.prototype.slice.call(document.querySelectorAll('.navbar-burger'), 0);
- var nav = document.querySelector('nav');
- // Check if there are any navbar burgers
- if ($navbarBurgers.length > 0) {
- // Add a click event on each of them
- $navbarBurgers.forEach(function ($el) {
- $el.addEventListener('click', function () {
- var target = $el.dataset.target;
- var $target = document.getElementById(target);
- $el.classList.toggle('is-active');
- $target.classList.toggle('is-active');
- nav.classList.toggle('is-active');
- });
+document.addEventListener('DOMContentLoaded', () => {
+ const navbarBurgers = Array.prototype.slice.call(document.querySelectorAll('.navbar-burger'), 0);
+ const nav = document.querySelector('nav');
+ if (navbarBurgers.length < 1) return;
+ navbarBurgers.forEach((navbarBurger) => {
+ navbarBurger.addEventListener('click', () => {
+ navbarBurger.classList.toggle('nav--active');
+ nav.classList.toggle('nav--active');
});
- }
+ });
});
--
Gitblit v1.10.0