chore: add screen size variables and fix `lg` size

jaredcwhite commented 1 year ago

Issue Overview

This PR addresses #34

This is a code-level change so that media queries in component stylesheets can use design system variables rather than hardcoded pixel values.

[ ] I have added QA notes to the issue with applicable URLs
[x] I have performed a self-review of my own code
[x] I have reviewed the changes in a desktop view
[x] I have reviewed the changes in a mobile view
[ ] I have made corresponding changes to the documentation
[x] My changes generate no new warnings
[ ] I have added tests that prove my fix is effective or that my feature works
[ ] I have exported any new components
[x] My commit message(s) and PR title are polished in the conventional commit format, and any breaking changes are indicated in the message and are well-described

netlify[bot] commented 1 year ago

Name	Link
Latest commit	e5633ccd96ca5d944375c6a354ed51d8cb2e4f3a
Latest deploy log	https://app.netlify.com/sites/storybook-ui-seeds/deploys/6490ff842d7ed80008297c19
Deploy Preview	https://deploy-preview-41--storybook-ui-seeds.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.

github-actions[bot] commented 1 year ago

:tada: This PR is included in version 1.7.0 :tada:

The release is available on:

Your semantic-release bot :package::rocket: