Icon, font, color improvements

[jessicaschilling]

Proposing this as major release for ipfs-css; fixes a number of outstanding issues.

Closes https://github.com/ipfs-shipyard/ipfs-css/issues/21

• Includes icon names underneath all icons in icon reference document
• Renames stroke_picture.svg to stroke_doc_picture.svg for consistency (NOTE: Will need to indicate this in release notes, though a code search in all repos on GitHub doesn't indicate this being anyone's breaking change)

Closes #28

• Adds all remaining missing icons

Unblocks (but doesn't close) https://github.com/ipfs-shipyard/ipfs-webui/issues/1379

• Replaces teal value #3e9096 with #378085 for accessibility as proposed here

Augments (already-closed) #37

• Adds support for SCSS via community contributor PR https://github.com/ipfs-shipyard/ipfs-css/pull/39 (thanks, @bluelovers!)
• Builds on that PR by generating its formerly static vars.scss and theme.scss from theme.json
• Moves both vars.scss and theme.scss up to top level of directory structure, so it's in the same place as ipfs.css

Closes #29 - but with question

• Updates to latest version of Montserrat from https://github.com/JulietaUla/Montserrat
• Updates to latest version of Inter from https://github.com/rsms/inter
• Renames all interui, inter ui, inter ui references to just inter due to 2019 name change
• Adds @font-face support for the following:
  • Inter: ExtraLight 300, ExtraLightItalic 300, SemiBold 600, SemiBoldItalic 600, ExtraBold 800, ExtraBoldItalic 800
  • Montserrat: Medium 500, MediumItalic 500, ExtraBold 800, ExtraBoldItalic 800
• Excludes various unused fonts from build:
  • Montserrat: Thin, ThinItalic, ExtraLight, ExtraLightItalic, Black, BlackItalic
  • Inter: Black, BlackItalic, Light, LightItalic, InterDsplay*, Inter-Thin*
• Qestion: It looks as though in the past we've simply duplicated the entire contents of the Montserrat and Inter repos rather than only bring in the finished font files themselves; have done that in this PR, but I'm wondering why.

Closes #10

• Un-excludes woff, eot, otf formats when building fonts directory
• Adds @font-face support for .woff and .eot fonts in Montserrat
• Adds @font-face support for .woff and .otf fonts in Inter

Miscellany

• Minor typo/consistency fixes in readme
• Mentions SCSS in readme
• Adds maintainer info to readme

[jessicaschilling]

@olizilla, @hacdias and/or @lidel ... would greatly appreciate your eyes on this one.

• First, apologies for the single mega-PR. This got a little out of hand. Hopefully the commit history is granular enough to be helpful in this regard.
• Second, suggestions for the best means of testing this?

Thanks all!

[olizilla]

not got a full review, just wanted to clarify:

It looks as though in the past we've simply duplicated the entire contents of the Montserrat and Inter repos rather than only bring in the finished font files themselves; have done that in this PR, but I'm wondering why.

The fonts were included as a git subtree... (https://www.atlassian.com/git/tutorials/git-subtree) for maximum traceability and history preservation, which is nice. We dont have to do that, but it would be nice to continue if it doesn't cause issue.

[jessicaschilling]

@olizilla Thanks for the subtree info -- set that back up again.

[jessicaschilling]

@lidel - good call on the major version. Will do.

As for the extraneous files:

• All the Inter-UI files shouldn't be there; that's the old name for the Inter font and I'm worrying there might be something screwy happening subtree-wise.
• The Montserrat-Black and Montserrat-Thin variants shouldn't be there either; they're explicitly being excluded in package.json (again, worried about subtree)
• Montserrat-ExtraBold, Montserrat-Medium and Montserrat-ExtraLight variants are supposed to be there so that we support the full 300-800 weight range for both fonts.
• Montserrat-LICENSE.txt is supposed to be there.

Do you mind cleaning and rebuilding and seeing what you get?