R.css

A classless CSS framework

As of right now, R.css is in beta. A lot of stuff hasn't happened yet. It should be good enough to make documents and blog posts for now. But not apps, since half of the <input>s are not done. It's also not minified and weighs 5kB.

So right now it is mostly here to be tried rather than used, please let me know how you get on so I can improve and prioritize better.

What is that?

R.css (a.k.a big 'r' CSS) is a class-less CSS framework, which means you only have to care about the HTML. And even then, there are more or less complicated solutions to generate HTML from mardown.

Just don't write a pile of <div> ok?

How do I use it?

Just pop it into your <head>.

Colors

All the provided themes have at least AA contrast.

Elements

summary/details

You can now use h1,h2,h3... or any other html tag in your summary! Normally that would put the triangle/"arrow" on its own line above your markup.

Inputs

Text input

Select/option

Checkbox

Others

Here is a list of other minimal CSS framework I like which you may want to consider

Configurator

These come from the Modern Font Stacks project

Modules

The base CSS included with R.css is handling anything related to web pages but not web apps. Buttons are the only thing which is meant to be interactive and still be in the base (because that enables you to make button-looking links by just wrapping a button with an anchor tag).

In case you need forms and user inputs.
In case you need forms and user inputs.

Download