Setup CI tests (#100)

* use @xarc/xrun to streamline tasks in an imperative manner

* add lint-staged/husky for git hook tasks

* run prettier across all files

* fixing tests

* add ci test workflow

* add a ci workflow

* remove precommit in favor of husky

* add .prettierrc.js

* reformat with prettier

assets/less/font-awesome/animated.less

@@ -3,32 +3,32 @@
 
 .@{fa-css-prefix}-spin {
   -webkit-animation: fa-spin 2s infinite linear;
-          animation: fa-spin 2s infinite linear;
+  animation: fa-spin 2s infinite linear;
 }
 
 .@{fa-css-prefix}-pulse {
   -webkit-animation: fa-spin 1s infinite steps(8);
-          animation: fa-spin 1s infinite steps(8);
+  animation: fa-spin 1s infinite steps(8);
 }
 
 @-webkit-keyframes fa-spin {
   0% {
     -webkit-transform: rotate(0deg);
-            transform: rotate(0deg);
+    transform: rotate(0deg);
   }
   100% {
     -webkit-transform: rotate(359deg);
-            transform: rotate(359deg);
+    transform: rotate(359deg);
   }
 }
 
 @keyframes fa-spin {
   0% {
     -webkit-transform: rotate(0deg);
-            transform: rotate(0deg);
+    transform: rotate(0deg);
   }
   100% {
     -webkit-transform: rotate(359deg);
-            transform: rotate(359deg);
+    transform: rotate(359deg);
   }
 }

assets/less/font-awesome/bordered-pulled.less

@@ -2,24 +2,40 @@
 // -------------------------
 
 .@{fa-css-prefix}-border {
-  padding: .2em .25em .15em;
-  border: solid .08em @fa-border-color;
-  border-radius: .1em;
+  padding: 0.2em 0.25em 0.15em;
+  border: solid 0.08em @fa-border-color;
+  border-radius: 0.1em;
 }
 
-.@{fa-css-prefix}-pull-left { float: left; }
-.@{fa-css-prefix}-pull-right { float: right; }
+.@{fa-css-prefix}-pull-left {
+  float: left;
+}
+.@{fa-css-prefix}-pull-right {
+  float: right;
+}
 
 .@{fa-css-prefix} {
-  &.@{fa-css-prefix}-pull-left { margin-right: .3em; }
-  &.@{fa-css-prefix}-pull-right { margin-left: .3em; }
+  &.@{fa-css-prefix}-pull-left {
+    margin-right: 0.3em;
+  }
+  &.@{fa-css-prefix}-pull-right {
+    margin-left: 0.3em;
+  }
 }
 
 /* Deprecated as of 4.4.0 */
-.pull-right { float: right; }
-.pull-left { float: left; }
+.pull-right {
+  float: right;
+}
+.pull-left {
+  float: left;
+}
 
 .@{fa-css-prefix} {
-  &.pull-left { margin-right: .3em; }
-  &.pull-right { margin-left: .3em; }
+  &.pull-left {
+    margin-right: 0.3em;
+  }
+  &.pull-right {
+    margin-left: 0.3em;
+  }
 }

assets/less/font-awesome/core.less

@@ -3,10 +3,9 @@
 
 .@{fa-css-prefix} {
   display: inline-block;
-  font: normal normal normal @fa-font-size-base/@fa-line-height-base FontAwesome; // shortening font declaration
+  font: normal normal normal @fa-font-size-base / @fa-line-height-base FontAwesome; // shortening font declaration
   font-size: inherit; // can't have font-size inherit on line above, so need to override
   text-rendering: auto; // optimizelegibility throws things off #1094
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
-
 }

assets/less/font-awesome/font-awesome.less

@@ -3,16 +3,16 @@
  *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
  */
 
-@import "variables.less";
-@import "mixins.less";
-@import "path.less";
-@import "core.less";
-@import "larger.less";
-@import "fixed-width.less";
-@import "list.less";
-@import "bordered-pulled.less";
-@import "animated.less";
-@import "rotated-flipped.less";
-@import "stacked.less";
-@import "icons.less";
-@import "screen-reader.less";
+@import 'variables.less';
+@import 'mixins.less';
+@import 'path.less';
+@import 'core.less';
+@import 'larger.less';
+@import 'fixed-width.less';
+@import 'list.less';
+@import 'bordered-pulled.less';
+@import 'animated.less';
+@import 'rotated-flipped.less';
+@import 'stacked.less';
+@import 'icons.less';
+@import 'screen-reader.less';

assets/less/font-awesome/larger.less

@@ -7,7 +7,15 @@
   line-height: (3em / 4);
   vertical-align: -15%;
 }
-.@{fa-css-prefix}-2x { font-size: 2em; }
-.@{fa-css-prefix}-3x { font-size: 3em; }
-.@{fa-css-prefix}-4x { font-size: 4em; }
-.@{fa-css-prefix}-5x { font-size: 5em; }
+.@{fa-css-prefix}-2x {
+  font-size: 2em;
+}
+.@{fa-css-prefix}-3x {
+  font-size: 3em;
+}
+.@{fa-css-prefix}-4x {
+  font-size: 4em;
+}
+.@{fa-css-prefix}-5x {
+  font-size: 5em;
+}

assets/less/font-awesome/list.less

@@ -5,7 +5,9 @@
   padding-left: 0;
   margin-left: @fa-li-width;
   list-style-type: none;
-  > li { position: relative; }
+  > li {
+    position: relative;
+  }
 }
 .@{fa-css-prefix}-li {
   position: absolute;

assets/less/font-awesome/mixins.less

@@ -3,29 +3,27 @@
 
 .fa-icon() {
   display: inline-block;
-  font: normal normal normal @fa-font-size-base/@fa-line-height-base FontAwesome; // shortening font declaration
+  font: normal normal normal @fa-font-size-base / @fa-line-height-base FontAwesome; // shortening font declaration
   font-size: inherit; // can't have font-size inherit on line above, so need to override
   text-rendering: auto; // optimizelegibility throws things off #1094
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
-
 }
 
 .fa-icon-rotate(@degrees, @rotation) {
-  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=@{rotation})";
+  -ms-filter: 'progid:DXImageTransform.Microsoft.BasicImage(rotation=@{rotation})';
   -webkit-transform: rotate(@degrees);
-      -ms-transform: rotate(@degrees);
-          transform: rotate(@degrees);
+  -ms-transform: rotate(@degrees);
+  transform: rotate(@degrees);
 }
 
 .fa-icon-flip(@horiz, @vert, @rotation) {
-  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=@{rotation}, mirror=1)";
+  -ms-filter: 'progid:DXImageTransform.Microsoft.BasicImage(rotation=@{rotation}, mirror=1)';
   -webkit-transform: scale(@horiz, @vert);
-      -ms-transform: scale(@horiz, @vert);
-          transform: scale(@horiz, @vert);
+  -ms-transform: scale(@horiz, @vert);
+  transform: scale(@horiz, @vert);
 }
 
-
 // Only display content to screen readers. A la Bootstrap 4.
 //
 // See: http://a11yproject.com/posts/how-to-hide-content/
@@ -37,7 +35,7 @@
   padding: 0;
   margin: -1px;
   overflow: hidden;
-  clip: rect(0,0,0,0);
+  clip: rect(0, 0, 0, 0);
   border: 0;
 }
 

assets/less/font-awesome/path.less

@@ -4,7 +4,8 @@
 @font-face {
   font-family: 'FontAwesome';
   src: url('@{fa-font-path}/fontawesome-webfont.eot?v=@{fa-version}');
-  src: url('@{fa-font-path}/fontawesome-webfont.eot?#iefix&v=@{fa-version}') format('embedded-opentype'),
+  src: url('@{fa-font-path}/fontawesome-webfont.eot?#iefix&v=@{fa-version}')
+      format('embedded-opentype'),
     url('@{fa-font-path}/fontawesome-webfont.woff2?v=@{fa-version}') format('woff2'),
     url('@{fa-font-path}/fontawesome-webfont.woff?v=@{fa-version}') format('woff'),
     url('@{fa-font-path}/fontawesome-webfont.ttf?v=@{fa-version}') format('truetype'),

assets/less/font-awesome/rotated-flipped.less

@@ -1,12 +1,22 @@
 // Rotated & Flipped Icons
 // -------------------------
 
-.@{fa-css-prefix}-rotate-90  { .fa-icon-rotate(90deg, 1);  }
-.@{fa-css-prefix}-rotate-180 { .fa-icon-rotate(180deg, 2); }
-.@{fa-css-prefix}-rotate-270 { .fa-icon-rotate(270deg, 3); }
+.@{fa-css-prefix}-rotate-90 {
+  .fa-icon-rotate(90deg, 1);
+}
+.@{fa-css-prefix}-rotate-180 {
+  .fa-icon-rotate(180deg, 2);
+}
+.@{fa-css-prefix}-rotate-270 {
+  .fa-icon-rotate(270deg, 3);
+}
 
-.@{fa-css-prefix}-flip-horizontal { .fa-icon-flip(-1, 1, 0); }
-.@{fa-css-prefix}-flip-vertical   { .fa-icon-flip(1, -1, 2); }
+.@{fa-css-prefix}-flip-horizontal {
+  .fa-icon-flip(-1, 1, 0);
+}
+.@{fa-css-prefix}-flip-vertical {
+  .fa-icon-flip(1, -1, 2);
+}
 
 // Hook for IE8-9
 // -------------------------

assets/less/font-awesome/screen-reader.less

@@ -1,5 +1,9 @@
 // Screen Readers
 // -------------------------
 
-.sr-only { .sr-only(); }
-.sr-only-focusable { .sr-only-focusable(); }
+.sr-only {
+  .sr-only();
+}
+.sr-only-focusable {
+  .sr-only-focusable();
+}

assets/less/font-awesome/stacked.less

@@ -9,12 +9,19 @@
   line-height: 2em;
   vertical-align: middle;
 }
-.@{fa-css-prefix}-stack-1x, .@{fa-css-prefix}-stack-2x {
+.@{fa-css-prefix}-stack-1x,
+.@{fa-css-prefix}-stack-2x {
   position: absolute;
   left: 0;
   width: 100%;
   text-align: center;
 }
-.@{fa-css-prefix}-stack-1x { line-height: inherit; }
-.@{fa-css-prefix}-stack-2x { font-size: 2em; }
-.@{fa-css-prefix}-inverse { color: @fa-inverse; }
+.@{fa-css-prefix}-stack-1x {
+  line-height: inherit;
+}
+.@{fa-css-prefix}-stack-2x {
+  font-size: 2em;
+}
+.@{fa-css-prefix}-inverse {
+  color: @fa-inverse;
+}