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 {
-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);
}

8
sass/_comments.scss
View File

@ -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;

14
sass/_main.scss
View File

@ -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);
}
}

2
sass/_statements.scss
View File

@ -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);
* {

2
sass/_tags.scss
View File

@ -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);