From 77df7c1120fb9e2180eb1a0545644cee16437ad7 Mon Sep 17 00:00:00 2001
From: daudix <ddaudix@gmail.com>
Date: Thu, 17 Oct 2024 00:26:47 +0300
Subject: [PATCH] Add `title` class for use on `<strong>`

---
 CHANGELOG.md                       | 1 +
 sass/_article.scss                 | 4 +---
 sass/_statements.scss              | 5 ++---
 sass/_title.scss                   | 5 +++++
 sass/style.scss                    | 1 +
 templates/article.html             | 2 +-
 templates/partials/statements.html | 6 +++---
 7 files changed, 14 insertions(+), 10 deletions(-)
 create mode 100644 sass/_title.scss

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 23e9180..5452a7f 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -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 `fediverse:creator` meta tag.
+- Add `title` class for use on `<strong>`.
 - Add support for Fuse.js search (#101).
 
 ### Changed
diff --git a/sass/_article.scss b/sass/_article.scss
index b64c6b0..c54cdc4 100644
--- a/sass/_article.scss
+++ b/sass/_article.scss
@@ -164,10 +164,8 @@
 			width: min(calc(var(--container-width) / 3), calc(90vw - 3rem));
 			max-height: 50vh;
 
-			&>strong {
+			strong.title {
 				color: var(--fg-muted-4);
-				font-size: var(--font-size-x-large);
-				line-height: 1;
 			}
 
 			div {
diff --git a/sass/_statements.scss b/sass/_statements.scss
index cd27581..b9679eb 100644
--- a/sass/_statements.scss
+++ b/sass/_statements.scss
@@ -20,9 +20,8 @@
 		color: inherit;
 	}
 
-	.big {
-		font-size: var(--font-size-x-large);
-		line-height: 1;
+	.title {
+		color: inherit;
 
 		.icon {
 			margin-inline-end: 0.375rem;
diff --git a/sass/_title.scss b/sass/_title.scss
new file mode 100644
index 0000000..39ac526
--- /dev/null
+++ b/sass/_title.scss
@@ -0,0 +1,5 @@
+strong.title {
+    color: var(--accent-color);
+    font-size: var(--font-size-x-large);
+    line-height: 1;
+}
diff --git a/sass/style.scss b/sass/style.scss
index d305cb1..0abb4ca 100644
--- a/sass/style.scss
+++ b/sass/style.scss
@@ -32,5 +32,6 @@
 @use "statements";
 @use "table";
 @use "tags";
+@use "title";
 @use "typography";
 @use "zola-anchor";
diff --git a/templates/article.html b/templates/article.html
index a2e8c9a..a37708c 100644
--- a/templates/article.html
+++ b/templates/article.html
@@ -75,7 +75,7 @@
 			<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>
 				<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>
 						<{{ list_element }}>
 							{%- for h1 in page.toc -%}
diff --git a/templates/partials/statements.html b/templates/partials/statements.html
index 36e7275..b66718e 100644
--- a/templates/partials/statements.html
+++ b/templates/partials/statements.html
@@ -1,6 +1,6 @@
 {%- if page.extra.archive and page.extra.archive != true -%}
 	<div class="statement-container archive">
-		<strong class="big">
+		<strong class="title">
 			<i class="icon"></i>
 			{{- macros_translate::translate(key="archived", default="Archived", language_strings=language_strings) -}}
 		</strong>
@@ -10,7 +10,7 @@
 
 {%- if page.extra.trigger -%}
 	<div class="statement-container trigger">
-		<strong class="big">
+		<strong class="title">
 			<i class="icon"></i>
 			{{- macros_translate::translate(key="trigger_warning", default="Trigger Warning", language_strings=language_strings) -}}
 		</strong>
@@ -20,7 +20,7 @@
 
 {%- if page.extra.disclaimer -%}
 	<div class="statement-container disclaimer">
-		<strong class="big">
+		<strong class="title">
 			<i class="icon"></i>
 			{{-macros_translate::translate(key="disclaimer", default="Disclaimer", language_strings=language_strings) -}}
 		</strong>