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

Tweak the series status style

Browse Source
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 { .series-status {
display: inline-block; &.suspended { --status-color: #f9b005; }
padding: 0.5rem; &.complete { --status-color: #3dc60b; }
&.ongoing { --status-color: #46a0ff; }
@include bordered-block; .series-status-keyword {
border-color: rgba(black, 0.3); display: inline-block;
border-bottom: .2rem solid var(--status-color);
&.suspended { margin: 0 0.25rem 0 0.25rem;
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%);
} }
} }

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>