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.

Sign up for GitHub

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

Jump to bottom

Refactor CSS: Naming, Files, Units #128

Open
openmindculture opened this issue May 15, 2023 · 0 comments
Open

Refactor CSS: Naming, Files, Units #128

openmindculture opened this issue May 15, 2023 · 0 comments
Assignees
@openmindculture

Comments

@openmindculture
Copy link
Owner

openmindculture commented May 15, 2023 •
edited
Loading

Custom Property Names

  • add BEM-inspired group prefixes, like --color-secondary-background instead of --secondary-background to increase readability and maintainability

File Structure

  • modularize CSS
  • prevent code duplication

Simplify Breakpoints

  • either use less different breakpoints or make it clear why

Harmonize Units

  • prefer % and rem over em

Remove and "Tree-Shake"

  • remove unused code
  • try to generate a minimal critical.css automatically
  • critical.css could probably be shorter to benefit more from a cached styles.css
@openmindculture openmindculture self-assigned this May 15, 2023
@openmindculture openmindculture changed the title CSS Refactor: Custom Property Names Refactor CSS: Naming, Files, Units Sep 23, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees

@openmindculture openmindculture

Labels
None yet
Projects
None yet
Milestone
No milestone
Development

No branches or pull requests
1 participant
@openmindculture