Tree 9ec34a18cc66279e2b32c7b9cba56ce6b9e0965f3f3847ef339de42839f04296

Beautiful, DRY,
Clean and Reusable CSS

The CSS Framework for your Team

Get Started Latest: 1.0.0 - Release Notes
Before Sad g 1d791a740cb1dd4bb5626f2adbb3f05a04a21118b8f28a03178f53c4e0fcb5bf Working on someone's CSS can drive you NUTS
RichCCS makes working on someone's CSS EASY Logo e395411cc7de74408963f23b50c8ccaac11562ba6475471ffece22555ca71466 After

MessyApplication / stylesheets / main.css

.login-form{
display: block; height: 100%; vertical-align: middle; padding: 0 20px; text-align: center; padding-top: 30px;
}

.login-container{
max-width: 993px;
}

.login-btn{
border-radius:0; border:5px solid #44c0ff; max-width:350px; margin: 150px auto;
}

NewApplication / stylesheets / forms.css

.login-form{
display: block; height: 100%; vertical-align: middle; padding: 0 20px; text-align: center; padding-top: 30px;
}

NewApplication / stylesheets / blocks.css

.login-block{
max-width: 993px;
}

NewApplication / stylesheets / elements / buttons.css

.login-btn{
border-radius:0; border:5px solid #44c0ff; max-width:350px; margin: 150px auto;
}

not reusable

What is RichCSS

RichCSS is an Object Oriented CSS framework providing default structures for reusable css elements. It’s built around an Architectural Style that organizes your code in a way that allows: reusability of your css, versioning, the use of css plugins and the ease of using it. RichCSS is bringing convention and organization to CSS that anyone can understand and use.


reusable

Island b8ad460108493975537e248135bc613163412a0bba3490f59892d0709c4fd4f3

Stop drowning into CSS Mess

Rails logo 03bb170d74e34a9d3ab9157113c6ab68d2eb4a61a1a7ec5f77e45bc55d9e168e

Install richcss-cli

RichCSS Command Line Tool

Add this line to your application’s Gemfile

gem 'richcss'

And then execute

$ bundle

Or install it yourself

$ gem install richcss

Waterloo logo 0d433dcb28e40abbbc799a74cd243e97cd81b14d92687a144a47fd2f4eb1be7f

Thanks to Waterloo University Students for their
contribution to RichCSS CLI

View our full list of Acknowledgements

Built with RichCSS

Did you build your website with RichCSS? We’d love to showcase your website in our Expo. Help us grow a collection of
example by sharing your website. Submit your website link to richcss [ at ] richdx.com