gmi.css

rem based stylesheet for text-focused content inspired by Tachyons.

Tachyons Style Guide



<meta name="color-scheme" content="dark light">
<link rel="stylesheet" href="https://talon.computer/gmi.min.css"/>


variables

:root {
  --foreground: black;
  --background: white;
  --line-height: 1.5;
  --font-size: 1.25rem;
  --mono: Consolas, monaco, monospace;
  --serif: font-family: georgia, times, serif;
  --sans-serif: -apple-system, BlinkMacSystemFont,
               'avenir next', avenir,
               helvetica, 'helvetica neue',
               ubuntu,
               roboto, noto,
               'segoe ui', arial,
               sans-serif;
}
You can customize these using the <html> tag of your document.
<html style="style="--foreground:#555555; --background:#9eebcf;">


Download gmi.css today!

gmi.css gmi.min.css


Psst! gmi.js might be interesting to you as well– check it out! :)


CC0


talon.computer