Clarification: CSS Styling Consolidation Effects
Context: We discussed visual changes after my CSS cleanup (buttons, fonts, tags).
Buttons: Change to blue (#007bff
) resulted from my consolidating multiple previous rules for .button
and input[type="submit"]
into one consistent style for simplicity.
Fonts: Adding font-family: inherit;
to form inputs/textareas ensures they use the main body font stack, improving consistency.
Tags: Change from pill-shaped (border-radius: 10rem;
) to squared (border-radius: 4px;
) was part of my cleanup for a cleaner look.
Learning: CSS consolidation aims for simplicity but can alter appearance. I learned that explicit styles (font-family: inherit;
) prevent varying browser defaults. Intentional style changes should be noted.
Learned on: April 21, 2024
Edit