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 +} +----