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" %}}
|
// {{% 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