Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Explore removing any resets or normalization #609

Open
wants to merge 5 commits into
base: develop
Choose a base branch
from

Conversation

aaronshekey
Copy link
Contributor

Stacks is configurable to use Eric Meyer's reset.css. By default, Stacks is configured using normalize. We were using version 7.0.0 of normalize.css, which is a major version behind https://github.com/necolas/normalize.css the latest, 8.0.1 which was released in November 2018. Thankfully, our browser stack reduces our reliance on normalization, and it's also 2021 at the time of writing this. There's actually way less need for normalization these days.

After running visual regression testing, it seems all that was needed was stripping the body and button of margins.

The Stacks docs are way different than production Stack Overflow, of course, but this may be worth exploring there.

develop feature/resets
original size: 309326 / gzipped size: 40619 original size: 301624 / gzipped size: 38677

Looks like stripping normalization saves about 2kb.

@netlify
Copy link

netlify bot commented Jan 6, 2022

Deploy Preview for stacks ready!

Name Link
🔨 Latest commit 88f87b3
🔍 Latest deploy log https://app.netlify.com/sites/stacks/deploys/628bc929c0c7650009e85d6b
😎 Deploy Preview https://deploy-preview-609--stacks.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

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

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

Successfully merging this pull request may close these issues.

1 participant