hak8or/blog
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Remove blur :(

Browse Source 
It was pretty damn slow on pages like "tags"
This commit is contained in:
daudix
2024-02-16 01:37:01 +03:00
parent fa15ebf4c9
commit 791475cf2b
5 changed files with 0 additions and 30 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
sass/_buttons.scss
View File

@ -7,8 +7,6 @@
} }
.inline-button { .inline-button {
-webkit-backdrop-filter: var(--blur);
backdrop-filter: var(--blur);
background-color: var(--fg-muted-1); background-color: var(--fg-muted-1);
border-radius: var(--rounded-corner); border-radius: var(--rounded-corner);
box-shadow: var(--edge-highlight); box-shadow: var(--edge-highlight);
@ -36,8 +34,6 @@
color: var(--primary-color); color: var(--primary-color);
&:hover { &:hover {
-webkit-backdrop-filter: var(--blur);
backdrop-filter: var(--blur);
background-color: var(--primary-color-alpha); background-color: var(--primary-color-alpha);
box-shadow: var(--edge-highlight); box-shadow: var(--edge-highlight);
} }

8
sass/_comments.scss
View File

@ -30,9 +30,7 @@ section#comments {
width: 4rem; width: 4rem;
.avatar { .avatar {
-webkit-backdrop-filter: var(--blur);
all: unset; all: unset;
backdrop-filter: var(--blur);
background-color: var(--fg-muted-1); background-color: var(--fg-muted-1);
background-position: 50%; background-position: 50%;
background-size: cover; background-size: cover;
@ -63,8 +61,6 @@ section#comments {
grid-area: name; grid-area: name;
.instance { .instance {
-webkit-backdrop-filter: var(--blur);
backdrop-filter: var(--blur);
background-color: var(--fg-muted-1); background-color: var(--fg-muted-1);
border-radius: 999px; border-radius: 999px;
box-shadow: var(--edge-highlight); box-shadow: var(--edge-highlight);
@ -91,8 +87,6 @@ section#comments {
color: var(--primary-color); color: var(--primary-color);
&:hover { &:hover {
-webkit-backdrop-filter: var(--blur);
backdrop-filter: var(--blur);
background-color: var(--primary-color-alpha); background-color: var(--primary-color-alpha);
box-shadow: var(--edge-highlight); box-shadow: var(--edge-highlight);
} }
@ -142,8 +136,6 @@ section#comments {
transition: var(--transition); transition: var(--transition);
&:hover { &:hover {
-webkit-backdrop-filter: var(--blur);
backdrop-filter: var(--blur);
background-color: var(--red-bg); background-color: var(--red-bg);
box-shadow: var(--edge-highlight); box-shadow: var(--edge-highlight);
text-decoration: none; text-decoration: none;

14
sass/_main.scss
View File

@ -182,8 +182,6 @@ abbr {
} }
aside { aside {
-webkit-backdrop-filter: var(--blur);
backdrop-filter: var(--blur);
background-color: var(--primary-color-alpha); background-color: var(--primary-color-alpha);
border-radius: var(--rounded-corner); border-radius: var(--rounded-corner);
box-shadow: var(--edge-highlight); box-shadow: var(--edge-highlight);
@ -209,8 +207,6 @@ kbd {
} }
code:not(pre code) { code:not(pre code) {
-webkit-backdrop-filter: var(--blur);
backdrop-filter: var(--blur);
background-color: var(--fg-muted-2); background-color: var(--fg-muted-2);
border-radius: var(--rounded-corner-small); border-radius: var(--rounded-corner-small);
color: var(--red-fg); color: var(--red-fg);
@ -257,8 +253,6 @@ pre {
} }
kbd { kbd {
-webkit-backdrop-filter: var(--blur);
backdrop-filter: var(--blur);
background-color: var(--fg-muted-2); background-color: var(--fg-muted-2);
border-radius: var(--rounded-corner-small); border-radius: var(--rounded-corner-small);
box-shadow: inset 0 -2px 0 var(--fg-muted-2), 0 -1px 0 var(--fg-muted-3); box-shadow: inset 0 -2px 0 var(--fg-muted-2), 0 -1px 0 var(--fg-muted-3);
@ -278,8 +272,6 @@ kbd {
} }
mark { mark {
-webkit-backdrop-filter: var(--blur);
backdrop-filter: var(--blur);
background-color: var(--primary-color-alpha); background-color: var(--primary-color-alpha);
border-radius: var(--rounded-corner-small); border-radius: var(--rounded-corner-small);
box-shadow: var(--edge-highlight); box-shadow: var(--edge-highlight);
@ -295,8 +287,6 @@ figcaption {
} }
details { details {
-webkit-backdrop-filter: var(--blur);
backdrop-filter: var(--blur);
background-color: var(--fg-muted-1); background-color: var(--fg-muted-1);
border-radius: var(--rounded-corner); border-radius: var(--rounded-corner);
padding: 1rem; padding: 1rem;
@ -325,14 +315,10 @@ table {
tr { tr {
&:nth-child(even) { &:nth-child(even) {
-webkit-backdrop-filter: var(--blur);
backdrop-filter: var(--blur);
background-color: var(--fg-muted-1); background-color: var(--fg-muted-1);
} }
th { th {
-webkit-backdrop-filter: var(--blur);
backdrop-filter: var(--blur);
background-color: var(--fg-muted-2); background-color: var(--fg-muted-2);
} }
} }

2
sass/_statements.scss
View File

@ -2,8 +2,6 @@
margin: 1rem 0 1rem; margin: 1rem 0 1rem;
padding: 1rem 1rem 0.5rem 1rem; padding: 1rem 1rem 0.5rem 1rem;
border-radius: var(--rounded-corner); border-radius: var(--rounded-corner);
-webkit-backdrop-filter: var(--blur);
backdrop-filter: var(--blur);
box-shadow: var(--edge-highlight), var(--shadow); box-shadow: var(--edge-highlight), var(--shadow);
* { * {

2
sass/_tags.scss
View File

@ -14,8 +14,6 @@
} }
.tag { .tag {
-webkit-backdrop-filter: var(--blur);
backdrop-filter: var(--blur);
background-color: var(--fg-muted-1); background-color: var(--fg-muted-1);
border-radius: 999px; border-radius: 999px;
box-shadow: var(--edge-highlight); box-shadow: var(--edge-highlight);