From 8776d5cea270e30831c998a6deff92b2938e1187 Mon Sep 17 00:00:00 2001
From: tastytea <tastytea@tastytea.de>
Date: Thu, 31 Oct 2019 06:20:47 +0100
Subject: [PATCH] Add styling section to readme.

---
 README.adoc | 33 +++++++++++++++++++++++++++++++++
 1 file changed, 33 insertions(+)

diff --git a/README.adoc b/README.adoc
index ebeecaa..680fc61 100644
--- a/README.adoc
+++ b/README.adoc
@@ -38,3 +38,36 @@ The shortcode takes the following arguments:
 // ----
 // {{% mastodon-api-comments instance="likeable.space" status_id="9nIqtmAXvu4harUb7Q" %}}
 // ----
+
+=== Styling
+
+The generated HTML uses these classes:
+
+[options="header"]
+|===============================================================
+| Name                        | Description
+| mastodon-api-comments       | Encompasses everything.
+| mastodon-api-comment-intro  | The introduction sentence.
+| mastodon-api-comment        | A complete comment.
+| mastodon-api-comment-author | The author portion the comment.
+|===============================================================
+
+==== Example CSS
+
+[source,CSS]
+----
+.mastodon-api-comment
+{
+    margin-left: 1em;
+    border: 0.1em solid black;
+    padding: 0.1em 1em;
+}
+.mastodon-api-comment:nth-child(even)
+{
+    background-color:#0402
+}
+.mastodon-api-comment:nth-child(odd)
+{
+    background-color:#2402
+}
+----