oliverbooth/oliverbooth.dev
oliverbooth/oliverbooth.dev
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Activity

style: improve contrast on topic tags

Browse Source
This commit is contained in:
Oliver Booth 2024-02-19 23:01:32 +00:00
parent e5b9b81e57
commit 940fb2031e
Signed by: oliverbooth
GPG Key ID: E60B570D1B7557B5
2 changed files with 14 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
OliverBooth/Pages/Blog/Article.cshtml
View File

@ -80,7 +80,7 @@
<a href="#disqus_thread" data-disqus-identifier="@post.GetDisqusIdentifier()">0 Comments</a> <a href="#disqus_thread" data-disqus-identifier="@post.GetDisqusIdentifier()">0 Comments</a>
} }
</p> </p>
<div> <div class="post-tags">
@foreach (string tag in post.Tags) @foreach (string tag in post.Tags)
{ {
<a asp-page="Index" asp-route-tag="@tag" class="badge bg-secondary">@tag</a> <a asp-page="Index" asp-route-tag="@tag" class="badge bg-secondary">@tag</a>

13
src/scss/app.scss
View File

@ -371,5 +371,18 @@ td.trim-p p:last-child {
font-size: 3em; font-size: 3em;
margin: 0; margin: 0;
padding: 0; padding: 0;
}
.post-tags a.badge {
transition: color 250ms, background-color 250ms;
&:link, &:visited, &:active {
background-color: #2D2D2D !important;
color: #fff;
}
&:hover {
color: #03A9F4;
background-color: #1E1E1E !important;
} }
} }