test2

app.js

import $ from 'jquery';
import Masonry from 'masonry-layout';
import jQueryBridget from 'jquery-bridget';
import imagesLoaded from 'imagesloaded';

jQueryBridget('masonry', Masonry, $);
jQueryBridget('imagesLoaded', imagesLoaded, $);


$(document).ready(function() {
  
const $window = $(window);
  

    $window.scroll(
      function() {

        if ($(this).scrollTop() > 50) {
            $('.top-socials').addClass('changeColor');
        }

        if ($(this).scrollTop() < 50) {
            $('.top-socials').removeClass('changeColor');
        }

    });


    // toggle open menu
    $('.menu-icon-toggle').click(() => { // Change # instead of .
        $('.nav-list').toggle('slow');
    });


    // Masonry 

    const $container = $('.grid');

    $container.imagesLoaded(() => {
        $container.masonry({
            itemSelector: '.grid-item'
        });
    });


});