Hydro CSS is an extremely light and agnostic framework written in Sass. It’s aim is to not impose on the developer by providing only a small number of components and settings, while still being comprehensive enough to build even the most complex website.
The CSS framework is built with the Sass language. This allows us to implement extreme configuration and smart algorithms to keep generated styles extremely small. There are some seriously cool functions in this framework!
More than just responsive grids, this framework provides dead simple ways to layout anything you can imagine.
Say no to bloat! Hydro CSS separates theme styles from the core. This lets you easily style the site the way you want it without having to wrestle with your framework. It favours mixins over styles so you can include only what you need, where you need it.
Forget having to remember a million different settings and class names. There is a large focus on the reusability of styles, so while the number of modules is small they make up for it in their incredible versitility.
The framework implements a clear naming scheme and component organisation that just makes sense. Inspired by BEM, it takes a modular approach by organising classes into modules, parameters and utilities.
Using everything in the framework (assuming default settings) comes out to just six measly kilobytes, which is incredible given what can be done using it. Every feature is carefully built by considering the size of it's output and how it scales.
Why? Because we could. We also don’t hold our sanity to as high of a regard as most people.
The documentation is only the API generated by SassDocs at the moment. Guides and examples are being written as we speak!
Please read through our contributing guidelines.
Benjamin Fleming
Copyright 2014-2015 Hydro Web Limited. Code is released under the MIT license.