From c0a43b83f92e6429cd8d28443e831a46e8f15caf Mon Sep 17 00:00:00 2001
From: daudix <ddaudix@gmail.com>
Date: Wed, 3 Apr 2024 00:57:47 +0300
Subject: [PATCH] Simplify some style nesting and remove leftover styles

---
 sass/_buttons.scss |  2 --
 sass/_main.scss    | 20 ++++++++------------
 sass/_qrcode.scss  |  4 +---
 3 files changed, 9 insertions(+), 17 deletions(-)

diff --git a/sass/_buttons.scss b/sass/_buttons.scss
index 380af49..d09f037 100644
--- a/sass/_buttons.scss
+++ b/sass/_buttons.scss
@@ -27,8 +27,6 @@
 	}
 
 	&.colored {
-		-webkit-backdrop-filter: unset;
-		backdrop-filter: unset;
 		background-color: transparent;
 		box-shadow: none;
 		color: var(--primary-color);
diff --git a/sass/_main.scss b/sass/_main.scss
index 5b734bc..cbb6574 100644
--- a/sass/_main.scss
+++ b/sass/_main.scss
@@ -11,14 +11,12 @@ html {
 	accent-color: var(--primary-color);
 	overflow-wrap: break-word;
 	overflow: hidden; // Disable scroll of html, scroll body instead
-}
 
-// Smaller font size on mobile
-// @media only screen and (max-width: 480px) {
-//   html {
-//     font-size: 14px;
-//   }
-// }
+	// Smaller font size on mobile
+	// @media only screen and (max-width: 480px) {
+	//     font-size: 14px;
+	// }
+}
 
 html,
 body {
@@ -177,11 +175,9 @@ aside {
 	width: 30%;
 
 	@media only screen and (max-width: 720px) {
-		& {
-			width: 100%;
-			float: none;
-			margin-inline-start: 0;
-		}
+		width: 100%;
+		float: none;
+		margin-inline-start: 0;
 	}
 }
 
diff --git a/sass/_qrcode.scss b/sass/_qrcode.scss
index c000e40..ab2a60a 100644
--- a/sass/_qrcode.scss
+++ b/sass/_qrcode.scss
@@ -7,8 +7,6 @@
 	width: 150px;
 
 	@media only screen and (max-width: 720px) {
-		& {
-			display: none;
-		}
+		display: none;
 	}
 }