rod-iron
v2.0.0
Published
semantic document styles
Downloads
6
Maintainers
tokyo-jesusReadme
Rod Iron is a CSS library for styling semantic hypertext documents, no classes or additional markup required. Rod Iron is fully responsive and very small. Use it for documentation, blogs, &c. Optional JavaScript enhancements are a work in progress.
Document
Rod Iron expects a simple, semantic document. The elements chosen are meant to provide a clean, human-readable structure that is lightweight and easy to remember:
<!doctype html>
<html>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<link rel="stylesheet" href="https://relax.js.org/rod-iron/main.css">
<header>
<h1>
<a href="{{ site.baseurl }}">
{{ site.title }}
</a>
</h1>
</header>
<article>
<header>
<h2>
<a href=".{{ page.url }}">
{{ page.title }}
</a>
</h2>
</header>
<!-- content -->
</article>
</html><h{1,2,3,4,5,6}> elements are interchangable, depending on the semantic structure
you are going for. Anchor tags are optional, but encouraged.
Table
| name | favorite color | profession | spirit animal | | ------- | -------------- | ---------- | ------------- | | Tyler | maroon | writer | cthulhu | | Mary | red-orange | artist | owl | | Anne | blue | developer | leopard | | MacBeth | black | n/a | wolf |