Typesettings.css is a lite design system for minimal website or article design, inspired by traditional graphic design fundamentals. No colors; no Javascript; no classes required! In version 2.x, the typography scales bigger, the design goes bolder, & contrast gets stronger.
<head>
<link rel="stylesheet" href="[path]/typesettings.css">
</head>Note: If you are using typesettings.css as is, don't combine it with other frameworks. Also, basic resets are included, there is no need to use Normalize.css or Sanitize.css.
<body>
<div data-typesettings>
…
</div>
</body>All of these HTML elements can be used inside the div[data-typesettings] element without any classes. It's that easy!
- p
- dl
- ol
- ul
- nav
- aside
- footer
- header
- section
- h1 ~ h6
- blockquote
- fieldset
- details
- button
- figure
- input
- label
- small
- table
- abbr
- code
- form
- kbd
- pre
- hr
This framework is built for all browsers but IE, cuz fuck it.
All languages. Also accommodates right to left and vertical reading mode.