lazy load images

[ccchwang]

Added this lazysizes plugin and set some load styles.

[ccchwang]

got rid of this because it was causing console errors and also not needed

[ccchwang]

@nhunzaker yarn deploy seems to work, but now it's failing because it can't find the react-lazysizes library I installed. I do see it in my node_modules so not sure why it can't find?

[nhunzaker]

Bummer. Looks like it might be a caching issue. I think the build caches based on the root package.json. This site is separate, so it might have gotten stuck.

I clicked "rebuild without cache". Let's see what happens. I'll also make a note to look at why this happened.

[nhunzaker]

Ahhh. I see now. react-lazysizes depends on lazysizes, which isn't getting pulled in for some reason. Hmmm.

[codecov-io]

Codecov Report

Merging #469 into master will decrease coverage by 1.35%.
The diff coverage is n/a.

@@            Coverage Diff             @@
##           master     #469      +/-   ##
==========================================
- Coverage   97.18%   95.83%   -1.36%     
==========================================
  Files          31       29       -2     
  Lines        1103     1033      -70     
  Branches      204      195       -9     
==========================================
- Hits         1072      990      -82     
- Misses         27       37      +10     
- Partials        4        6       +2

Impacted Files	Coverage Δ
packages/microcosm/src/history.js	87.12% <0%> (-7.58%)	⬇️
packages/microcosm/src/key-path.js	78.57% <0%> (-7.15%)	⬇️
packages/microcosm/src/domain-engine.js	97.05% <0%> (-2.95%)	⬇️
packages/microcosm/src/action.js	97.43% <0%> (-2.57%)	⬇️
packages/microcosm/src/microcosm.js	99.05% <0%> (ø)	⬆️
packages/microcosm/src/addons/indexing.js
packages/microcosm/src/addons/action-button.js
packages/microcosm/src/utils.js	98.63% <0%> (+1.36%)	⬆️
packages/microcosm/src/effect-engine.js	100% <0%> (+5.55%)	⬆️
packages/microcosm/src/addons/action-queue.js	100% <0%> (+6.66%)	⬆️

---

Continue to review full report at Codecov.

Legend - Click here to learn more
Δ = absolute <relative> (impact), ø = not affected, ? = missing data
Powered by Codecov. Last update 71f0bc6...1fbf86a. Read the comment docs.

[ccchwang]

@nhunzaker couldn't figure out why yarn was not installing that lazysizes dependency 😣 it wasn't a well-maintained package anyways so I used something else

[leobauza]

👍 one q on indentation of the scss

[leobauza]

are these over indented?

[ccchwang]

doesn't look like it in my code, not sure why it's doing that....