From d60dfa8496b61150ded7fd88fbae11431483ceff Mon Sep 17 00:00:00 2001
From: daudix <ddaudix@gmail.com>
Date: Thu, 17 Oct 2024 06:25:52 +0300
Subject: [PATCH] Make `emoji` class available outside of comments

---
 CHANGELOG.md        |  1 +
 sass/_comments.scss | 14 --------------
 sass/_emoji.scss    | 13 +++++++++++++
 sass/_title.scss    |  6 +++---
 sass/style.scss     |  1 +
 5 files changed, 18 insertions(+), 17 deletions(-)
 create mode 100644 sass/_emoji.scss

diff --git a/CHANGELOG.md b/CHANGELOG.md
index c219ec2..1f037b6 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -17,6 +17,7 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 ### Changed
 
+- Make `emoji` class available outside of comments.
 - Make the code and styling for article cards much cleaner.
 - Remove top/bottom margin from the first/last element in `<aside>`.
 - Rename `show_read_time` to `show_reading_time`.
diff --git a/sass/_comments.scss b/sass/_comments.scss
index e73b525..18474fd 100644
--- a/sass/_comments.scss
+++ b/sass/_comments.scss
@@ -174,20 +174,6 @@
 				}
 			}
 
-			.emoji {
-				all: unset;
-				display: inline-block;
-				vertical-align: middle;
-				transition: var(--transition);
-				cursor: zoom-in;
-				width: 1.5em;
-				height: 1.5em;
-
-				&:hover {
-					transform: scale(2);
-				}
-			}
-
 			.mention {
 				display: inline-block;
 				transition: var(--transition);
diff --git a/sass/_emoji.scss b/sass/_emoji.scss
new file mode 100644
index 0000000..d7194ad
--- /dev/null
+++ b/sass/_emoji.scss
@@ -0,0 +1,13 @@
+.emoji {
+	all: unset;
+	display: inline-block;
+	vertical-align: middle;
+	transition: var(--transition);
+	cursor: zoom-in;
+	width: 1.5em;
+	height: 1.5em;
+
+	&:hover {
+		transform: scale(2);
+	}
+}
diff --git a/sass/_title.scss b/sass/_title.scss
index 39ac526..dde0e77 100644
--- a/sass/_title.scss
+++ b/sass/_title.scss
@@ -1,5 +1,5 @@
 strong.title {
-    color: var(--accent-color);
-    font-size: var(--font-size-x-large);
-    line-height: 1;
+	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 0abb4ca..a116e05 100644
--- a/sass/style.scss
+++ b/sass/style.scss
@@ -15,6 +15,7 @@
 @use "code";
 @use "comments";
 @use "crt";
+@use "emoji";
 @use "external";
 @use "footer";
 @use "footnotes-list";