aitzol/Plume
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Add link underline for main body; add link icon

Browse Source 
Links in the main body part are now underlined on mouse hover.
<a> tags in the article content are expanded by an icon from
FontAwesome.

Fixes #140
This commit is contained in:
Dominik Pataky 2018-08-18 23:22:08 +02:00
parent b1c1ba151d
commit a82cccfdef
2 changed files with 14 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
static/main.css
View File

@ -126,11 +126,19 @@ main .article-info .author a { font-weight: 600; }
/* Article */ /* Article */
main article { main article {
max-width: 40rem; max-width: 40rem;
margin: 2.5em auto; margin: 2.5em auto;
font-family: "Lora", serif; font-family: "Lora", serif;
font-size: 1.2em; font-size: 1.2em;
line-height: 1.7em; line-height: 1.7em;
}
main a:hover {
text-decoration: underline;
}
main article .fa, main article .fas {
font-size: 10pt;
} }
article img { article img {

2
templates/posts/details.html.tera
View File

@ -24,7 +24,7 @@
<span class="date">{{ date | date(format="%B %e, %Y") }}</span> <span class="date">{{ date | date(format="%B %e, %Y") }}</span>
</p> </p>
<article> <article>
{{ article.post.content | safe }} {{ article.post.content | safe | replace(from="</a>", to=" <i class='fas fa-external-link-alt'></i></a>") }}
</article> </article>
<div class="article-meta"> <div class="article-meta">