45 lines
1.1 KiB
Plaintext
45 lines
1.1 KiB
Plaintext
# 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">
|
||
<link rel="stylesheet" href="https://talon.computer/gmi.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!
|
||
=> //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
|