specter/gmi-web
1
0
Fork 0
Code Issues Pull requests Packages Projects Releases Wiki Activity

cleanup gmi.css docs

Browse source
This commit is contained in:
Talon Poole 2021-01-29 22:49:09 +00:00
parent d684b1ad90
commit 24d40581d5
4 changed files with 21 additions and 39 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
README.md
View file

@ -74,8 +74,8 @@ man gmi-web
Render .html for all the .gmi files in the current directory
```
gmi-web $(find . -name \*.gmi)
```sh
gmi-web $(find . -name *.gmi)
```
## gmi.css
@ -83,8 +83,8 @@ gmi-web $(find . -name \*.gmi)
Optimized for readability, predictability, mobile-friendliness and
ships with a handful of customizable variables. See `man 5 gmi.css`.
The *--foreground* and *--background* variables will be inverted when
*prefers-color-scheme* is "dark" which is a system-level preference on
The `--foreground` and `--background` variables will be inverted when
`prefers-color-scheme` is "dark" which is a system-level preference on
devices.
Any of the variables can be customized by adding a style to the `<html>` element.

2
gmi-web.1
View file

@ -42,7 +42,7 @@ Use only the bare-minimum <style>
.RE
.SH EXAMPLES
.P
Render all the .gmi files in the current directory to .html
Render .html for all the .gmi files in the current directory
.P
.nf
.RS 4

26
gmi.css.5
View file

@ -38,27 +38,13 @@ ships with a handful of customizable variables.
--blockquote-line-height: 1\&.25;
--mono: Consolas, monaco, monospace;
--serif: georgia, times, serif;
--sans-serif: -apple-system, BlinkMacSystemFont, "avenir next", avenir, helvetica, "helvetica neue", ubuntu, roboto, noto, "segoe ui", arial, sans-serif;
--sans-serif: -apple-system, BlinkMacSystemFont, "avenir next", avenir,
helvetica, "helvetica neue", ubuntu, roboto, noto, "segoe ui", arial,
sans-serif;
.fi
.RE
.P
The \fB--foreground\fR and \fB--background\fR variables will be inverted when
\fBprefers-color-scheme\fR is "dark" which is a system-level preference on
devices.
.P
Any of the variables can be customized by adding a higher priority .css file
that overrides them.
.P
.nf
.RS 4
html {
--foreground: #333333;
--background: #FFFFFF;
}
.fi
.RE
.P
Or maybe by adding a style tag to the <html> element.
Any of the variables can be customized by adding a style tag to the <html> element.
.P
.nf
.RS 4
@ -66,6 +52,10 @@ Or maybe by adding a style tag to the <html> element.
.fi
.RE
.P
The \fB--foreground\fR and \fB--background\fR variables will be inverted when
\fBprefers-color-scheme\fR is "dark" which is a system-level preference on
devices. https://developer.mozilla.org/en-US/docs/Web/CSS/@media/prefers-color-scheme
.P
.SH SEE ALSO
.P
\fBgmi-web\fR(1)

24
gmi.css.5.scd
View file

@ -30,29 +30,21 @@ ships with a handful of customizable variables.
--blockquote-line-height: 1.25;
--mono: Consolas, monaco, monospace;
--serif: georgia, times, serif;
--sans-serif: -apple-system, BlinkMacSystemFont, "avenir next", avenir, helvetica, "helvetica neue", ubuntu, roboto, noto, "segoe ui", arial, sans-serif;
--sans-serif: -apple-system, BlinkMacSystemFont, "avenir next", avenir,
helvetica, "helvetica neue", ubuntu, roboto, noto, "segoe ui", arial,
sans-serif;
```
The *--foreground* and *--background* variables will be inverted when
*prefers-color-scheme* is "dark" which is a system-level preference on
devices.
Any of the variables can be customized by adding a higher priority .css file
that overrides them.
```
html {
--foreground: #333333;
--background: #FFFFFF;
}
```
Or maybe by adding a style tag to the <html> element.
Any of the variables can be customized by adding a style tag to the <html> element.
```
<html style="--foreground:#555555; --background:#9EEBCF;">
```
The *--foreground* and *--background* variables will be inverted when
*prefers-color-scheme* is "dark" which is a system-level preference on
devices. https://developer.mozilla.org/en-US/docs/Web/CSS/@media/prefers-color-scheme
# SEE ALSO
*gmi-web*(1)