add Prettier to workflow 🎀 (#128)

* prettier init

* prettier ignore

* run on everything 😬

* add prettier check script

* update deps

* Update .prettierignore

assets/sass/components/_animation.scss

@@ -8,26 +8,50 @@
 
 .beat {
   display: inline-block;
-  animation: beat 2s infinite;   // 30 bpm, call 911 if you see this please.
+  animation: beat 2s infinite; // 30 bpm, call 911 if you see this please.
 }
 
-// stylelint-disable indentation
 @keyframes wave {
-  0% { transform: rotate(  0deg); }
- 10% { transform: rotate(-10deg); }
- 20% { transform: rotate( 12deg); }
- 30% { transform: rotate(-10deg); }
- 40% { transform: rotate(  9deg); }
- 50% { transform: rotate(  0deg); }
-100% { transform: rotate(  0deg); }
+  0% {
+    transform: rotate(0deg);
+  }
+  10% {
+    transform: rotate(-10deg);
+  }
+  20% {
+    transform: rotate(12deg);
+  }
+  30% {
+    transform: rotate(-10deg);
+  }
+  40% {
+    transform: rotate(9deg);
+  }
+  50% {
+    transform: rotate(0deg);
+  }
+  100% {
+    transform: rotate(0deg);
+  }
 }
 
 @keyframes beat {
-  0% { transform: scale(1);    }
- 10% { transform: scale(1.25); }
- 20% { transform: scale(1);    }
- 30% { transform: scale(1.25); }
- 40% { transform: scale(1);    }
-100% { transform: scale(1);    }
+  0% {
+    transform: scale(1);
+  }
+  10% {
+    transform: scale(1.25);
+  }
+  20% {
+    transform: scale(1);
+  }
+  30% {
+    transform: scale(1.25);
+  }
+  40% {
+    transform: scale(1);
+  }
+  100% {
+    transform: scale(1);
+  }
 }
-// stylelint-enable indentation

assets/sass/components/_content.scss

@@ -1,7 +1,7 @@
 @charset "UTF-8";
 
 div#content {
-  font-size: 0.935em;   // ~15px
+  font-size: 0.935em; // ~15px
   letter-spacing: -0.008em;
   line-height: 1.7;
 

assets/sass/components/_fonts.scss

@@ -3,6 +3,7 @@
 // Note to self: got this list after subsetting Inter with glyphhanger:
 // https://github.com/filamentgroup/glyphhanger
 // ex: glyphhanger --whitelist="" --family="Inter" --formats=woff2,woff --subset="*.woff"
+// prettier-ignore
 $unicode-subset: U+0000-00FF, U+2000-206F, U+20A0-20CF, U+2190-21FF, U+2200-22FF, U+2122;
 
 /*!

assets/sass/components/_global.scss

@@ -17,7 +17,7 @@ main {
   margin: 0 auto;
   padding-left: 1.5em;
   padding-right: 1.5em;
-  display: block;   // https://stackoverflow.com/questions/28794718/max-width-not-working-for-ie-11
+  display: block; // https://stackoverflow.com/questions/28794718/max-width-not-working-for-ie-11
 
   @include themed() {
     color: t(color-text);

assets/sass/components/_syntax.scss

@@ -2,37 +2,92 @@
 
 /*! Syntax Highlighting - modified from Monokai Light https://github.com/mlgill/pygments-style-monokailight */
 div.highlight span {
-  &.k, &.kc, &.kd, &.kp, &.kr, &.kt, &.no {
+  &.k,
+  &.kc,
+  &.kd,
+  &.kp,
+  &.kr,
+  &.kt,
+  &.no {
     @include themed() {
       color: t(syntax-k);
     }
   }
-  &.n, &.bp, &.nb, &.ni, &.fm, &.nl, &.nn, &.py, &.nv, &.vc, &.vg, &.vi, &.vm, &.p {
+  &.n,
+  &.bp,
+  &.nb,
+  &.ni,
+  &.fm,
+  &.nl,
+  &.nn,
+  &.py,
+  &.nv,
+  &.vc,
+  &.vg,
+  &.vi,
+  &.vm,
+  &.p {
     @include themed() {
       color: t(syntax-n);
     }
   }
-  &.na, &.nc, &.nd, &.ne, &.nf, &.nx {
+  &.na,
+  &.nc,
+  &.nd,
+  &.ne,
+  &.nf,
+  &.nx {
     @include themed() {
       color: t(syntax-na);
     }
   }
-  &.err, &.nt, &.o, &.ow, &.kn {
+  &.err,
+  &.nt,
+  &.o,
+  &.ow,
+  &.kn {
     @include themed() {
       color: t(syntax-err);
     }
   }
-  &.l, &.se, &.m, &.mb, &.mf, &.mh, &.mi, &.il, &.mo {
+  &.l,
+  &.se,
+  &.m,
+  &.mb,
+  &.mf,
+  &.mh,
+  &.mi,
+  &.il,
+  &.mo {
     @include themed() {
       color: t(syntax-l);
     }
   }
-  &.ld, &.s, &.sa, &.sb, &.sc, &.dl, &.sd, &.s2, &.sh, &.si, &.sx, &.sr, &.s1, &.ss {
+  &.ld,
+  &.s,
+  &.sa,
+  &.sb,
+  &.sc,
+  &.dl,
+  &.sd,
+  &.s2,
+  &.sh,
+  &.si,
+  &.sx,
+  &.sr,
+  &.s1,
+  &.ss {
     @include themed() {
       color: t(syntax-ld);
     }
   }
-  &.c, &.ch, &.cm, &.c1, &.cs, &.cp, &.cpf {
+  &.c,
+  &.ch,
+  &.cm,
+  &.c1,
+  &.cs,
+  &.cp,
+  &.cpf {
     @include themed() {
       color: t(syntax-c);
     }