[www] Blog post meta styles

[fk]

On individual post pages, this reduces the author avatar size a little and gives the author info, post meta (and subsequently the post title) a little more room to breathe on Tablet and up:

For the blog index page, it consolidates author and post date in one line and adjusts typography to match the individual post styles, also reduces the author avatar size, and removes the dark green excerpt font color:

[gatsbybot]

Deploy preview ready!

Built with commit eacb60d

https://deploy-preview-1561--using-drupal.netlify.com

[gatsbybot]

Deploy preview ready!

Built with commit eacb60d

https://deploy-preview-1561--gatsbyjs.netlify.com

[gatsbybot]

Deploy preview ready!

Built with commit eacb60d

https://deploy-preview-1561--gatsbygram.netlify.com

[KyleAMathews]

Nice! I like the tweaks.

A couple of notes:

• the new one-line on previews seems a touch too far
• the front page blog post previews needs updated as well — perhaps create a blog post preview component? Have you seen query fragments as well? Would be a good fit for this new component.

[fk]

the new one-line on previews seems a touch too far

👍 OK boss! ;-)

the front page blog post previews needs updated as well — perhaps create a blog post preview component?

Damn how could I forget those! Component it is.

Have you seen query fragments as well?

No :-/

[KyleAMathews]

re query fragments, see the Relay docs https://facebook.github.io/relay/docs/fragment-container.html#composing-fragments

Basically a component can create a query fragment which is added to a global namespace and then normal queries can include the fragment. This is a perfect fit for problems like this where a component is used in multiple places and needs to ensure its data is provided as expected. It's obnoxious otherwise to have to keep the required fields in multiple places.

[KyleAMathews]

Sweet! Nice refactor :-) Love how clean the blog preview item component is with the fragment. Such a nice pattern. Composable declarative data ❤️