From d1b65d4ab835d758e35044a18b5af91c5510e85c Mon Sep 17 00:00:00 2001
From: Deniz Akşimşek <deniz@denizaksimsek.com>
Date: Mon, 16 May 2022 20:48:46 +0300
Subject: add docs to all variables

---
 www/docs/utils.md     |  2 +-
 www/docs/variables.md | 23 ++++++++++++++---------
 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
-- 
cgit v1.2.3