summaryrefslogtreecommitdiffstatshomepage
diff options
context:
space:
mode:
authorDeniz Akşimşek <deniz@denizaksimsek.com>2022-05-16 20:48:46 +0300
committerDeniz Akşimşek <deniz@denizaksimsek.com>2022-05-16 20:48:46 +0300
commitd1b65d4ab835d758e35044a18b5af91c5510e85c (patch)
tree1884396a9e76666514c3eb479e0a9f81971bc9d7
parente0947eccfa20691aef812ceb0ac617714b48586e (diff)
downloadmissing-d1b65d4ab835d758e35044a18b5af91c5510e85c.tar.gz
missing-d1b65d4ab835d758e35044a18b5af91c5510e85c.zip
add docs to all variables
-rw-r--r--www/docs/utils.md2
-rw-r--r--www/docs/variables.md23
2 files changed, 15 insertions, 10 deletions
diff --git a/www/docs/utils.md b/www/docs/utils.md
index ae8655c..b4d5d9b 100644
--- a/www/docs/utils.md
+++ b/www/docs/utils.md
@@ -18,7 +18,7 @@ The container class imposes a maximum width on an element and centers it. The
appropriate for all contexts.
-## Density
+## Density {#density}
The density utilities set the `--density` [CSS variable][], which
controls the amount of spacing between elements. The default value of
diff --git a/www/docs/variables.md b/www/docs/variables.md
index 2cb708e..de265b4 100644
--- a/www/docs/variables.md
+++ b/www/docs/variables.md
@@ -23,16 +23,16 @@ classes; these will be listed in the documentation for that class.
: De-emphasized or disabled graphical elements. Will not be used as a text color.
<dfn>--info-fg:</dfn> {#var-info-fg}
-: —
+: Foreground color for the `.info` [colorway][].
<dfn>--ok-fg</dfn> {#var-ok-fg}
-: —
+: Foreground color for the `.ok` [colorway][].
<dfn>--bad-fg</dfn> {#var-bad-fg}
-: —
+: Foreground color for the `.bad` [colorway][].
<dfn>--warn-fg</dfn> {#var-warn-fg}
-: —
+: Foreground color for the `.warn` [colorway][].
<dfn>--bg</dfn> {#var-bg}
: Page background.
@@ -48,16 +48,16 @@ classes; these will be listed in the documentation for that class.
: Background for pressed interactive elements
<dfn>--info-bg</dfn> {#var-info-bg}
-: —
+: Background color for the `.info` [colorway][].
<dfn>--ok-bg</dfn> {#var-ok-bg}
-: —
+: Background color for the `.ok` [colorway][].
<dfn>--bad-bg</dfn> {#var-bad-bg}
-: —
+: Background color for the `.bad` [colorway][].
<dfn>--warn-bg</dfn> {#var-warn-bg}
-: —
+: Background color for the `.warn` [colorway][].
<dfn>--shadow</dfn> {#var-shadow}
: Box shadows.
@@ -104,4 +104,9 @@ classes; these will be listed in the documentation for that class.
## Density
<dfn>--density</dfn> {#var-density}
-: — \ No newline at end of file
+: The amount of space between elements (i.e. gaps between paragraphs, padding
+ of boxes), as a multiplier of the line height (`--rhythm`). See
+ [Utilities / Density](/docs/util#density).
+
+
+[colorway]: /docs/colorways