Skip to content

css clean up (part one)#157

Closed
clhenrick wants to merge 14 commits intomasterfrom
css-clean-up
Closed

css clean up (part one)#157
clhenrick wants to merge 14 commits intomasterfrom
css-clean-up

Conversation

@clhenrick
Copy link
Owner

@clhenrick clhenrick commented Mar 26, 2025

Part one of (n) to clean up the project's CSS:

  • introduces a base.scss partial to set base level element styles
  • condenses & reduces number of typography related styles
  • fixes color contrast issues with text
  • use underlines for links

}
}

a {
Copy link
Owner Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

  • use a[href] as a selector here?
  • use :where() to reduce selector specificity?

li {
max-width: $normal-text-max-width;
line-height: $normal-text-line-height;
text-wrap: balance;
Copy link
Owner Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

is this needed if li children have this property?

margin-left: auto;
margin-right: auto;
inset: $nav-main-height 0 0 0;
max-width: 960px;
Copy link
Owner Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

add a css variable for this?

Comment on lines +23 to +26
/* TYPOGRAPHY */
// TODO: clean up these util classes
// big header / title fonts on the home page
.font-style-hero {
Copy link
Owner Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

wondering if at least removing all the width variations might be possible now that text-wrap: balance is being used?

@clhenrick clhenrick closed this Mar 28, 2025
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant