cu.css – A modern CSS boilerplate

cu.css is a lightweight starting point for web projects. It makes it quicker to get up and running with CUBE CSS and Utopia. Though not essential, to get the most out of cu.css it will help to be familiar with both of these methodologies.

cu.css is not a fully fledged CSS framework, like Tailwind or Bootstrap. If anything, it’s more of a boilerplate or starting point, designed to be built upon and expanded as you see fit.

Features

• Built using the CUBE CSS methodology.
• Utopia fluid responsive space and type.
• CSS Custom Properties over token-based CSS.
• Work with SCSS or CSS.
• Zero dendencies or third-party tooling.
• Global styles that make HTML look great.
• Automatic “user-preference” dark mode.
• Simple, accessible and intuitive to work with.
• Works with the grain of CSS, not against it.

Getting started

The best way to get started with cu.css is to read the docs.

Resources

The following resources will help you learn more about the approaches used in cu.css.

• Be the browser's mentor, not its micromanager.
• Every Layout by Heydon Pickering and Andy Bell.
• Inclusive Components by Heydon Pickering.
• A look at the CUBE CSS methodology in action from Kevin Powell.
• Designing with fluid type scales by James Gilyead.
• Designing with a fluid space palette by James Gilyead.

Author

Harry Cresswell

• https://harrycresswell.com/
• https://github.com/harrycresswell

Credits

This project was inspired by the work of:

• Andy Bell
• Heydon Pickering
• James Gilyead
• Trys Mudford
• Kev Quirk

License

MIT