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-13 19:42:33 +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
|
|
|
|
|
|
|
2020-12-28 21:30:02 +00:00
|
|
|
|
=> /js/ Psst! gmi.js might be interesting to you as well– check it out! :)
|
2020-12-11 23:22:09 +00:00
|
|
|
|
|
|
|
|
|
|
CC0
|
