* Stage/Backdrop: design pass. Changed how selected state works to keep width of pane from shifting. Switched to fixed pixel width to match design spec
* SpriteSelector: removed flex basis width. Pane grows to expand the empty space, since Stage is now fixed width
* SpriteInfo: updated to correct dropdown values. Updated 2nd row type sizing and radio box border-radius
* SpriteInfo: made labels non-selectable. StageArea: added border
* SpriteSelectorItem: Updating type size to match SpriteInfo
* Standardized use of space units where appropriate
* Reversed box classes for easier readability in Inspector
* Sprite Area: removed unused info button
* SpriteSelectorItems: fixed spacing between rows. Isolated layout + component CSS, now reusable in other context. Items per row is now easily configurable
* MenuBar: refactored structure for clickable items
* Remove unnecessary dev dependencies
* Use large range on true "dev" dependencies
The exact versions of these dependencies are not important for building, so give them large ranges in order to quiet down greenkeeper.
I did not split them between dependencies and devDependencies because a package's dependencies are installed whenever the package is installed as a dependency. Installing all of these would be obnoxious and unnecessary.
Using postcss-modules-values with imported values failed on our current basic usage; it is apparently not mature enough to be used yet.
The syntax used by postcss-simple-vars is already familiar to most people familiar with modern CSS build systems.
* Covers parts of these issues: GUI layout panes (#69), sprite libraries (#12), import buttons (#64), menu bar (#67), and sprite info area (#53)
~ Refactored layout pane structure by removing `display: flex` from `.box`, by default. Declaring flex instead only where specifically needed. This helped fix layout quirks, and should help us avoid hard to find issues related to nested flex boxes
~ Added descriptive classnames to boxes/containers/wrappers. Moved more padding, margins + layout into these wrappers to help with component reusability.
~ Set up a spacer unit variable inside `gui.css`, to start keeping consistent padding, margins and rounded corners between panes. Used [CSS/PostCSS Modules](https://github.com/css-modules/postcss-modules-values) to avoid SCSS dependency.
~ Refactored inline styles from JSX, into CSS files. 2 reasons: a) prepping for reuse of CSS Module variables. b) Feels easier to debug complex flex layouts when all the styles are in one place vs JS/HTML/CSS syntax mixed together
~ Added menu bar into layout via new component, and sprite info header in sprite selector pane, with stubs for the labels + forms. Sprite items are correctly scrolling, while leaving the header fixed, in Chrome. Mostly working in FFx. Not working in Safari, IE yet.
~ Style pass on library modal
~ Experimenting with a few different transition styles: Logo in menu bar, sprite library items, Add buttons.
Andrew Sliwinski