Style pages with classless CSS

Water.css is a drop-in collection of CSS styles to make simple websites like this just a little bit nicer.
Now you can write your simple static site with nice semantic html, and Water.css will manage the styling for you.

Kognise

Install Water.css framework

app/views/layouts/application.html.erb
<!DOCTYPE html>
<html>
  <head>
    ...

    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/water.css@2/out/water.css">

    ...
  </head>

  ...
</html>

Other options

This site is great to discover other classless CSS frameworks:

Commit: Classless style

→ Highlight code with Rouge

← What next?