chore: add prettierrc

Add prettierrc styling file to resolve automatic styling issues in the future.

I re-minified the dist folder using my minification tools. Feel free to reminify yourself prior to merging or provide docs on what you used to minify.

I also minified your .css file in your dist as well for consistency.

.prettierrc

@@ -0,0 +1,10 @@
+{
+    "printWidth": 400,
+    "tabWidth": 4,
+    "useTabs": false,
+    "semi": true,
+    "singleQuote": true,
+    "trailingComma": "es5",
+    "bracketSpacing": false,
+    "arrowParens": "avoid"
+}

src/flexmasonry.js

@@ -39,7 +39,7 @@ function init(targets, options = {}) {
 
     _options = Object.assign(defaultOptions, options);
 
-    _targets.forEach(function(target) {
+    _targets.forEach(function (target) {
         setUp(target);
         setHeight(target);
     });
@@ -58,15 +58,15 @@ function setUp(target) {
 
     setColsClass(target);
 
-    Array.from(target.children).forEach(function(item) {
+    Array.from(target.children).forEach(function (item) {
         item.classList.add('flexmasonry-item');
     });
 
     addBreakElements(target);
 }
 
 function onLoad() {
-    _targets.forEach(function(target) {
+    _targets.forEach(function (target) {
         setHeight(target);
     });
 }
@@ -76,7 +76,7 @@ function onResize() {
         window.cancelAnimationFrame(_resizeId);
     }
 
-    _resizeId = window.requestAnimationFrame(function() {
+    _resizeId = window.requestAnimationFrame(function () {
         refreshAll();
     });
 }
@@ -93,16 +93,16 @@ function removeEventListeners() {
 
 function setHeight(target) {
     if (getCurrentCols() < 2) {
-        target.style.removeProperty("height");
+        target.style.removeProperty('height');
         Array.from(target.children).forEach(function (item) {
-            item.style.removeProperty("width");
+            item.style.removeProperty('width');
         });
         return;
     }
 
     let heights = [];
 
-    Array.from(target.children).forEach(function(item) {
+    Array.from(target.children).forEach(function (item) {
         if (!!_options.gap) {
             item.style.padding = `${_options.gap}px`;
             item.style.width = `${100 / getCurrentCols()}%`;
@@ -111,8 +111,8 @@ function setHeight(target) {
             return;
         }
 
-        const comp   = window.getComputedStyle(item);
-        const order  = comp.getPropertyValue('order');
+        const comp = window.getComputedStyle(item);
+        const order = comp.getPropertyValue('order');
         const height = comp.getPropertyValue('height');
 
         if (!heights[order - 1]) {
@@ -127,7 +127,7 @@ function setHeight(target) {
 
 function addBreakElements(target) {
     const breakEls = target.querySelectorAll('.flexmasonry-break');
-    if (Array.from(breakEls).length === (getCurrentCols() - 1)) {
+    if (Array.from(breakEls).length === getCurrentCols() - 1) {
         return;
     }
 
@@ -141,11 +141,11 @@ function addBreakElements(target) {
 
 function removeBreakElements(target) {
     const breakEls = target.querySelectorAll('.flexmasonry-break');
-    if (Array.from(breakEls).length === (getCurrentCols() - 1)) {
+    if (Array.from(breakEls).length === getCurrentCols() - 1) {
         return;
     }
 
-    Array.from(breakEls).forEach(function(breakEl) {
+    Array.from(breakEls).forEach(function (breakEl) {
         breakEl.parentNode.removeChild(breakEl);
     });
 }
@@ -186,7 +186,7 @@ function refresh(target, options = {}) {
 }
 
 function refreshAll(options = {}) {
-    _targets.forEach(function(target) {
+    _targets.forEach(function (target) {
         refresh(target, options);
     });
 
@@ -202,4 +202,4 @@ export default {
     refresh,
     refreshAll,
     destroyAll,
-}
+};