From 791475cf2b91b9d02f0f4d5b4620b0f34fda55e7 Mon Sep 17 00:00:00 2001
From: daudix <ddaudix@gmail.com>
Date: Fri, 16 Feb 2024 01:37:01 +0300
Subject: [PATCH] Remove blur :(

It was pretty damn slow on pages like "tags"
---
 sass/_buttons.scss    |  4 ----
 sass/_comments.scss   |  8 --------
 sass/_main.scss       | 14 --------------
 sass/_statements.scss |  2 --
 sass/_tags.scss       |  2 --
 5 files changed, 30 deletions(-)

diff --git a/sass/_buttons.scss b/sass/_buttons.scss
index 13eea50..794e467 100644
--- a/sass/_buttons.scss
+++ b/sass/_buttons.scss
@@ -7,8 +7,6 @@
 }
 
 .inline-button {
-  -webkit-backdrop-filter: var(--blur);
-  backdrop-filter: var(--blur);
   background-color: var(--fg-muted-1);
   border-radius: var(--rounded-corner);
   box-shadow: var(--edge-highlight);
@@ -36,8 +34,6 @@
     color: var(--primary-color);
 
     &:hover {
-      -webkit-backdrop-filter: var(--blur);
-      backdrop-filter: var(--blur);
       background-color: var(--primary-color-alpha);
       box-shadow: var(--edge-highlight);
     }
diff --git a/sass/_comments.scss b/sass/_comments.scss
index d1abe8d..1acfb8e 100644
--- a/sass/_comments.scss
+++ b/sass/_comments.scss
@@ -30,9 +30,7 @@ section#comments {
       width: 4rem;
 
       .avatar {
-        -webkit-backdrop-filter: var(--blur);
         all: unset;
-        backdrop-filter: var(--blur);
         background-color: var(--fg-muted-1);
         background-position: 50%;
         background-size: cover;
@@ -63,8 +61,6 @@ section#comments {
       grid-area: name;
 
       .instance {
-        -webkit-backdrop-filter: var(--blur);
-        backdrop-filter: var(--blur);
         background-color: var(--fg-muted-1);
         border-radius: 999px;
         box-shadow: var(--edge-highlight);
@@ -91,8 +87,6 @@ section#comments {
           color: var(--primary-color);
 
           &:hover {
-            -webkit-backdrop-filter: var(--blur);
-            backdrop-filter: var(--blur);
             background-color: var(--primary-color-alpha);
             box-shadow: var(--edge-highlight);
           }
@@ -142,8 +136,6 @@ section#comments {
         transition: var(--transition);
 
         &:hover {
-          -webkit-backdrop-filter: var(--blur);
-          backdrop-filter: var(--blur);
           background-color: var(--red-bg);
           box-shadow: var(--edge-highlight);
           text-decoration: none;
diff --git a/sass/_main.scss b/sass/_main.scss
index daf3d4a..b3c52b6 100644
--- a/sass/_main.scss
+++ b/sass/_main.scss
@@ -182,8 +182,6 @@ abbr {
 }
 
 aside {
-  -webkit-backdrop-filter: var(--blur);
-  backdrop-filter: var(--blur);
   background-color: var(--primary-color-alpha);
   border-radius: var(--rounded-corner);
   box-shadow: var(--edge-highlight);
@@ -209,8 +207,6 @@ kbd {
 }
 
 code:not(pre code) {
-  -webkit-backdrop-filter: var(--blur);
-  backdrop-filter: var(--blur);
   background-color: var(--fg-muted-2);
   border-radius: var(--rounded-corner-small);
   color: var(--red-fg);
@@ -257,8 +253,6 @@ pre {
 }
 
 kbd {
-  -webkit-backdrop-filter: var(--blur);
-  backdrop-filter: var(--blur);
   background-color: var(--fg-muted-2);
   border-radius: var(--rounded-corner-small);
   box-shadow: inset 0 -2px 0 var(--fg-muted-2), 0 -1px 0 var(--fg-muted-3);
@@ -278,8 +272,6 @@ kbd {
 }
 
 mark {
-  -webkit-backdrop-filter: var(--blur);
-  backdrop-filter: var(--blur);
   background-color: var(--primary-color-alpha);
   border-radius: var(--rounded-corner-small);
   box-shadow: var(--edge-highlight);
@@ -295,8 +287,6 @@ figcaption {
 }
 
 details {
-  -webkit-backdrop-filter: var(--blur);
-  backdrop-filter: var(--blur);
   background-color: var(--fg-muted-1);
   border-radius: var(--rounded-corner);
   padding: 1rem;
@@ -325,14 +315,10 @@ table {
 
   tr {
     &:nth-child(even) {
-      -webkit-backdrop-filter: var(--blur);
-      backdrop-filter: var(--blur);
       background-color: var(--fg-muted-1);
     }
 
     th {
-      -webkit-backdrop-filter: var(--blur);
-      backdrop-filter: var(--blur);
       background-color: var(--fg-muted-2);
     }
   }
diff --git a/sass/_statements.scss b/sass/_statements.scss
index f4804c2..5f667b7 100644
--- a/sass/_statements.scss
+++ b/sass/_statements.scss
@@ -2,8 +2,6 @@
   margin: 1rem 0 1rem;
   padding: 1rem 1rem 0.5rem 1rem;
   border-radius: var(--rounded-corner);
-  -webkit-backdrop-filter: var(--blur);
-  backdrop-filter: var(--blur);
   box-shadow: var(--edge-highlight), var(--shadow);
 
   * {
diff --git a/sass/_tags.scss b/sass/_tags.scss
index fa6882e..9e8ac48 100644
--- a/sass/_tags.scss
+++ b/sass/_tags.scss
@@ -14,8 +14,6 @@
   }
 
   .tag {
-    -webkit-backdrop-filter: var(--blur);
-    backdrop-filter: var(--blur);
     background-color: var(--fg-muted-1);
     border-radius: 999px;
     box-shadow: var(--edge-highlight);