hak8or/blog
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add title class for use on <strong>

Browse Source
This commit is contained in:
daudix
2024-10-17 00:26:47 +03:00
parent 24ee9864f9
commit 77df7c1120
7 changed files with 14 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
CHANGELOG.md
View File

@ -11,6 +11,7 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
- Add `classic-article-list` mod for returning the classic article list style. - Add `classic-article-list` mod for returning the classic article list style.
- Add `fediverse:creator` meta tag. - Add `fediverse:creator` meta tag.
- Add `title` class for use on `<strong>`.
- Add support for Fuse.js search (#101). - Add support for Fuse.js search (#101).
### Changed ### Changed

4
sass/_article.scss
View File

@ -164,10 +164,8 @@
width: min(calc(var(--container-width) / 3), calc(90vw - 3rem)); width: min(calc(var(--container-width) / 3), calc(90vw - 3rem));
max-height: 50vh; max-height: 50vh;
&>strong { strong.title {
color: var(--fg-muted-4); color: var(--fg-muted-4);
font-size: var(--font-size-x-large);
line-height: 1;
} }
div { div {

5
sass/_statements.scss
View File

@ -20,9 +20,8 @@
color: inherit; color: inherit;
} }
.big { .title {
font-size: var(--font-size-x-large); color: inherit;
line-height: 1;
.icon { .icon {
margin-inline-end: 0.375rem; margin-inline-end: 0.375rem;

5
sass/_title.scss Normal file
View File

@ -0,0 +1,5 @@
strong.title {
color: var(--accent-color);
font-size: var(--font-size-x-large);
line-height: 1;
}

1
sass/style.scss
View File

@ -32,5 +32,6 @@
@use "statements"; @use "statements";
@use "table"; @use "table";
@use "tags"; @use "tags";
@use "title";
@use "typography"; @use "typography";
@use "zola-anchor"; @use "zola-anchor";

2
templates/article.html
View File

@ -75,7 +75,7 @@
<details id="toc" class="closable"> <details id="toc" class="closable">
<summary title="{{ macros_translate::translate(key='table_of_contents', default='Table of Contents', language_strings=language_strings) }}"><i class="icon"></i></summary> <summary title="{{ macros_translate::translate(key='table_of_contents', default='Table of Contents', language_strings=language_strings) }}"><i class="icon"></i></summary>
<div id="toc-dropdown"> <div id="toc-dropdown">
<strong>{{ macros_translate::translate(key="table_of_contents", default="Table of Contents", language_strings=language_strings) }}</strong> <strong class="title">{{ macros_translate::translate(key="table_of_contents", default="Table of Contents", language_strings=language_strings) }}</strong>
<div> <div>
<{{ list_element }}> <{{ list_element }}>
{%- for h1 in page.toc -%} {%- for h1 in page.toc -%}

6
templates/partials/statements.html
View File

@ -1,6 +1,6 @@
{%- if page.extra.archive and page.extra.archive != true -%} {%- if page.extra.archive and page.extra.archive != true -%}
<div class="statement-container archive"> <div class="statement-container archive">
<strong class="big"> <strong class="title">
<i class="icon"></i> <i class="icon"></i>
{{- macros_translate::translate(key="archived", default="Archived", language_strings=language_strings) -}} {{- macros_translate::translate(key="archived", default="Archived", language_strings=language_strings) -}}
</strong> </strong>
@ -10,7 +10,7 @@
{%- if page.extra.trigger -%} {%- if page.extra.trigger -%}
<div class="statement-container trigger"> <div class="statement-container trigger">
<strong class="big"> <strong class="title">
<i class="icon"></i> <i class="icon"></i>
{{- macros_translate::translate(key="trigger_warning", default="Trigger Warning", language_strings=language_strings) -}} {{- macros_translate::translate(key="trigger_warning", default="Trigger Warning", language_strings=language_strings) -}}
</strong> </strong>
@ -20,7 +20,7 @@
{%- if page.extra.disclaimer -%} {%- if page.extra.disclaimer -%}
<div class="statement-container disclaimer"> <div class="statement-container disclaimer">
<strong class="big"> <strong class="title">
<i class="icon"></i> <i class="icon"></i>
{{-macros_translate::translate(key="disclaimer", default="Disclaimer", language_strings=language_strings) -}} {{-macros_translate::translate(key="disclaimer", default="Disclaimer", language_strings=language_strings) -}}
</strong> </strong>