Web-Projects
/
vanilla-hugo
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Tweak the series status style

This commit is contained in:
Danila Fedorin 2023-02-19 15:10:25 -08:00
parent e431d65659
commit 9594b699f8
2 changed files with 11 additions and 19 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

25
assets/scss/style.scss
View File

@ -324,24 +324,13 @@ figure {
}
.series-status {
display: inline-block;
padding: 0.5rem;
&.suspended { --status-color: #f9b005; }
&.complete { --status-color: #3dc60b; }
&.ongoing { --status-color: #46a0ff; }
@include bordered-block;
border-color: rgba(black, 0.3);
&.suspended {
background-color: lighten(yellow, 40%);
color: darken(yellow, 40%);
}
&.complete {
background-color: lighten(green, 60%);
color: darken(green, 10%);
}
&.ongoing {
background-color: lighten(lightblue, 10%);
color: darken(lightblue, 60%);
.series-status-keyword {
display: inline-block;
border-bottom: .2rem solid var(--status-color);
margin: 0 0.25rem 0 0.25rem;
}
}

5
layouts/partials/seriesstatus.html
View File

@ -1 +1,4 @@
<span class="series-status {{ . }}">{{ i18n "seriesStatus" }} {{ i18n (printf "%sSeries" .) }}</span>
<span class="series-status {{ . }}">
{{ i18n "seriesStatus" }}
<span class="series-status-keyword">{{ i18n (printf "%sSeries" .) }}</span>
</span>