tastytea
/
hugo-mastodon-api-comments
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Add styling section to readme.

This commit is contained in:
tastytea 2019-10-31 06:20:47 +01:00
parent adde9a2aa1
commit 8776d5cea2
Signed by: tastytea
GPG Key ID: CFC39497F1B26E07
1 changed files with 33 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

33
README.adoc
View File

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