Add styling section to readme.
This commit is contained in:
parent
adde9a2aa1
commit
8776d5cea2
33
README.adoc
33
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
|
||||
}
|
||||
----
|
||||
|
|
Loading…
Reference in New Issue