Fix preview sizes and styles

dvdherron commented 1 year ago

Description

fixes root font-size based sizing for Herman previews.
Some labels are no longer based on root font-size for greater project adaptability.
Adds ability for preserving project site's font size settings in Herman's auto-generated site-preview stylesheet.
Correct project font stacks are now shown in previews.

See labels and examples on following pages: /config-fonts.html, /demo_colors.html, /demo_fonts.html, and /demo_sizes.html.

Additional project-based screenshots below.

Please explain how to best reproduce the issue and/or test the changes locally (including the pages/URLs/views/states to review).

Herman labels adjusted to appear at the same size in projects without relying on project root font size.

Project specimens now render with project font size settings and correct font stacks

Provide screenshots/animated gifs/videos if necessary.

netlify[bot] commented 1 year ago

Name	Link
Latest commit	12f741dfc260ed014677bfd522c893cef2a89ad2
Latest deploy log	https://app.netlify.com/sites/herman-staging/deploys/638e496a2cc8df00094b6c17
Deploy Preview	https://deploy-preview-393--herman-staging.netlify.app
Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify site settings.

jgerigmeyer commented 1 year ago

dvdherron commented 1 year ago

Still working on this. https://github.com/oddbird/sassdoc-theme-herman/pull/393/commits/f378f63f811ecd444e336ae6f8e2e50e2fedf7f1 Gets sizes the label and code examples right in the project but now some of the Herman sizes are too small.

I'll clean this up.

dvdherron commented 1 year ago

@jgerigmeyer @mirisuzanne @stacyk

I think this covers the sizing and other font-related issues in the herman-upgrade PR on OddSite.