OCram85/beautifulSA-jekyll
1
0
Fork 0
Code Issues Pull Requests Projects Releases 1 Wiki Activity

make tags less visually strong

Browse Source
This commit is contained in:
Dean Attali 2020-09-12 21:35:18 +00:00
parent bb7ddee453
commit 9827abc40e
3 changed files with 14 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
_layouts/home.html
View File

@ -78,7 +78,7 @@ layout: page
{% if site.feed_show_tags != false and post.tags.size > 0 %} {% if site.feed_show_tags != false and post.tags.size > 0 %}
<div class="blog-tags"> <div class="blog-tags">
Tags: <span>Tags:</span>
{% for tag in post.tags %} {% for tag in post.tags %}
<a href="{{ '/tags' | absolute_url }}#{{- tag -}}">{{- tag -}}</a> <a href="{{ '/tags' | absolute_url }}#{{- tag -}}">{{- tag -}}</a>
{% endfor %} {% endfor %}

2
_layouts/post.html
View File

@ -45,7 +45,7 @@ layout: base
{% if page.tags.size > 0 %} {% if page.tags.size > 0 %}
<div class="blog-tags"> <div class="blog-tags">
Tags: <span>Tags:</span>
{% for tag in page.tags %} {% for tag in page.tags %}
<a href="{{ '/tags' | relative_url }}#{{- tag -}}">{{- tag -}}</a> <a href="{{ '/tags' | relative_url }}#{{- tag -}}">{{- tag -}}</a>
{% endfor %} {% endfor %}

17
assets/css/beautifuljekyll.css
View File

@ -540,21 +540,28 @@ footer .footer-custom-content {
.blog-tags { .blog-tags {
font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
color: #999;
font-size: 0.9375rem; font-size: 0.9375rem;
margin-bottom: 1.875rem; margin-bottom: 1.875rem;
} }
.blog-tags span {
color: {{ site.text-col | default: "#404040" }};
opacity: 0.8;
}
.blog-tags a { .blog-tags a {
color: {{ site.link-col | default: "#008AFF" }}; color: {{ site.text-col | default: "#404040" }};
text-decoration: none; text-decoration: none;
padding: 0 0.3125rem; padding: 0 0.3125rem;
opacity: 0.8;
border: 1px solid transparent;
border-radius: 2px;
} }
.blog-tags a:hover { .blog-tags a:hover {
border-radius: 2px; opacity: 1;
color: {{ site.hover-col | default: "#0085A1" }}; color: {{ site.text-col | default: "#404040" }};
background-color: #EEE; border-color: {{ site.text-col | default: "#404040" }};
} }
.post-preview .blog-tags { .post-preview .blog-tags {