Remove QR code hover state

It wasn't very useful since it scans just fine at this size

CHANGELOG.md

@@ -16,7 +16,6 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 - Add active state to footer's "Powered by" links.
 - Add active state to footnotes' go back button.
 - Add active state to slider thumb.
-- Add hover style to comments QR code for easier scanning.
 - Add loading animation to "Load Comments" button.
 - Add special `switch` class for checkboxes (#70).
 - Add zoom-on-hover to custom comment emojis.

sass/_comments.scss

@@ -2,14 +2,10 @@
 	#qrcode {
 		float: inline-end;
 		transform-origin: right;
-		cursor: none;
 		box-sizing: content-box;
 		margin-inline-start: 1rem;
 		margin-block-start: 3rem;
 		margin-block-end: 0;
-		outline-color: transparent;
-		outline-style: dashed;
-		outline-width: 0.125rem;
 		background-color: white;
 		padding: 0.75rem;
 		width: 7.8125rem; // 125px
@@ -19,14 +15,6 @@
 			transform-origin: left;
 		}
 
-		&:hover {
-			transform: scale(2);
-			outline-color: var(--primary-color);
-			outline-offset: 0.25rem;
-			border-radius: var(--rounded-corner-small);
-			padding: 0.5rem;
-		}
-
 		@media only screen and (max-width: 720px) {
 			display: none;
 		}

templates/partials/comments.html

@@ -20,7 +20,16 @@
 
 <section id="comments">
 	{%- if config.extra.comments.show_qr -%}
-		<img id="qrcode" class="pixels" title="{{ macros_translate::translate(key='comments_qr', default='QR code to a Mastodon post', language_strings=language_strings) }}" {%- if config.markdown.lazy_async_image -%}decoding="async" loading="lazy"{%- endif -%} src="https://api.qrserver.com/v1/create-qr-code/?data=https://{{ host }}/@{{ username }}/{{ id }}" />
+		<img
+			id="qrcode"
+			class="pixels no-hover"
+			title="{{ macros_translate::translate(key='comments_qr', default='QR code to a Mastodon post', language_strings=language_strings) }}"
+			{%- if config.markdown.lazy_async_image -%}
+				decoding="async"
+				loading="lazy"
+			{%- endif -%}
+			src="https://api.qrserver.com/v1/create-qr-code/?data=https://{{ host }}/@{{ username }}/{{ id }}"
+		/>
 	{%- endif -%}
 	<h2>{{ macros_translate::translate(key="comments", default="Comments", language_strings=language_strings) }}</h2>
 	<p>{{ macros_translate::translate(key="comments_description", default="You can comment on this blog post by publicly replying to this post using a Mastodon or other ActivityPub/Fediverse account. Known non-private replies are displayed below.", language_strings=language_strings) }}</p>