Add title class for use on <strong>

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

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 {

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;

sass/_title.scss

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

sass/style.scss

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

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 -%}

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>