n_u/nathanupchurch.com
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Settings refactor / add birb

Browse Source
This commit is contained in:
Nathan Upchurch
2026-05-13 12:30:45 -05:00
parent e728ddac2c
commit 82f47093a7
13 changed files with 192 additions and 74 deletions
Download Patch File Download Diff File Expand all files Collapse all files

33
public/css/index.css
View File

@@ -23,7 +23,8 @@
--color-gray-90: #333333;
--card-color: rgba(250, 250, 250, 1);
--contrast-color: #027860;
--contrast-color: rgb(2, 120, 96);
--contrast-color-translucent: rgba(2, 120, 96, 0.5);
--background-color: #faf5f5;
--rss-orange: rgb(255, 152, 0);
--text-color: var(--color-gray-90);
@@ -98,7 +99,7 @@
--border-radius: 0.3rem;
/* Transitions */
--transition-normal: all 0.3s;
--transition-normal: all 0.3s allow-discrete;
/* Links */
--link-decoration-thickness: 0.06rem;
@@ -119,7 +120,8 @@
--color-gray-20: #253848;
--color-gray-90: #dad8d8;
--card-color: #333333;
--contrast-color: #04c49e;
--contrast-color: rgb(4, 196, 158);
--contrast-color-translucent: rgba(4, 196, 158, 0.5);
/* --text-color is assigned to --color-gray-_ above */
--text-color-link: var(--text-color);
@@ -576,6 +578,31 @@ sup {
}
/* Site Settings */
#siteSettings {
border: 1.5px solid var(--color-gray-20);
border-radius: var(--border-radius);
background-color: var(--card-color);
transition: var(--transition-normal);
&::backdrop {
backdrop-filter: blur(3px);
background-color: var(--contrast-color-translucent);
transition: var(--transition-normal);
}
&[open] {
opacity: 1;
transition: var(--transition-normal);
@starting-style {
opacity: 0;
}
}
&[open]::backdrop {
opacity: 1;
@starting-style {
opacity: 0;
}
}
} /* TODO: figure out why exit animation doesn't work */
#siteSettingsContainer {
& button:not(#settingsDone) {
margin-top: 0;