2020-12-11 23:22:09 +00:00
|
|
|
|
# gmi.css
|
|
|
|
|
|
## rem based stylesheet for text-focused content inspired by Tachyons.
|
|
|
|
|
|
=> https://tachyons.io/#style Tachyons Style Guide
|
|
|
|
|
|
|
|
|
|
|
|
* readable
|
|
|
|
|
|
* predictable
|
|
|
|
|
|
* mobile friendly
|
|
|
|
|
|
|
|
|
|
|
|
```
|
|
|
|
|
|
<meta name="color-scheme" content="dark light">
|
2020-12-11 23:50:32 +00:00
|
|
|
|
<link rel="stylesheet" href="https//talon.computer/gmi.min.css"/>
|
2020-12-11 23:22:09 +00:00
|
|
|
|
```
|
|
|
|
|
|
|
|
|
|
|
|
### 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!
|
|
|
|
|
|
=> //talon.computer/gmi.css gmi.css
|
|
|
|
|
|
=> //talon.computer/gmi.min.css gmi.min.css
|
|
|
|
|
|
|
|
|
|
|
|
Psst! gmi.js enables light and dark mode toggling as well as custom themes– check it out!
|
|
|
|
|
|
=> /js/ gmi.js
|
|
|
|
|
|
|
|
|
|
|
|
CC0
|
