foster/donation-site
1
0
Fork 0
Code Issues Pull requests Activity

Fix formatting

Browse source
This commit is contained in:
Foster Hangdaan 2024-12-11 18:34:41 -05:00
parent bb344e1974
commit 5f0eda37fc
Signed by: foster
GPG key ID: E48D7F49A852F112
4 changed files with 104 additions and 53 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

40
src/styles/fonts.css
View file

@ -1,48 +1,58 @@
@font-face { @font-face {
font-family: 'Mona Sans'; font-family: "Mona Sans";
src: src:
url('https://minio.fosterhangdaan.com/public/fonts/mona-sans/1.0.1/MonaSans%5Bslnt,wdth,wght%5D.woff2') format('woff2 supports variations'), url("https://minio.fosterhangdaan.com/public/fonts/mona-sans/1.0.1/MonaSans%5Bslnt,wdth,wght%5D.woff2")
url('https://minio.fosterhangdaan.com/public/fonts/mona-sans/1.0.1/MonaSans%5Bslnt,wdth,wght%5D.woff2') format('woff2-variations'); format("woff2 supports variations"),
url("https://minio.fosterhangdaan.com/public/fonts/mona-sans/1.0.1/MonaSans%5Bslnt,wdth,wght%5D.woff2")
format("woff2-variations");
font-weight: 200 900; font-weight: 200 900;
font-stretch: 75% 125%; font-stretch: 75% 125%;
font-display: swap; font-display: swap;
} }
@font-face { @font-face {
font-family: 'Hubot Sans'; font-family: "Hubot Sans";
src: src:
url('https://minio.fosterhangdaan.com/public/fonts/hubot-sans/1.0.1/HubotSans%5Bslnt,wdth,wght%5D.woff2') format('woff2 supports variations'), url("https://minio.fosterhangdaan.com/public/fonts/hubot-sans/1.0.1/HubotSans%5Bslnt,wdth,wght%5D.woff2")
url('https://minio.fosterhangdaan.com/public/fonts/hubot-sans/1.0.1/HubotSans%5Bslnt,wdth,wght%5D.woff2') format('woff2-variations'); format("woff2 supports variations"),
url("https://minio.fosterhangdaan.com/public/fonts/hubot-sans/1.0.1/HubotSans%5Bslnt,wdth,wght%5D.woff2")
format("woff2-variations");
font-weight: 200 900; font-weight: 200 900;
font-stretch: 75% 125%; font-stretch: 75% 125%;
font-display: swap; font-display: swap;
} }
@font-face { @font-face {
font-family: 'Monaspace Neon'; font-family: "Monaspace Neon";
src: src:
url('https://minio.fosterhangdaan.com/public/fonts/monaspace/1.101/MonaspaceNeonVarVF%5Bwght,wdth,slnt%5D.woff2') format('woff2 supports variations'), url("https://minio.fosterhangdaan.com/public/fonts/monaspace/1.101/MonaspaceNeonVarVF%5Bwght,wdth,slnt%5D.woff2")
url('https://minio.fosterhangdaan.com/public/fonts/monaspace/1.101/MonaspaceNeonVarVF%5Bwght,wdth,slnt%5D.woff2') format('woff2-variations'); format("woff2 supports variations"),
url("https://minio.fosterhangdaan.com/public/fonts/monaspace/1.101/MonaspaceNeonVarVF%5Bwght,wdth,slnt%5D.woff2")
format("woff2-variations");
font-weight: 200 800; font-weight: 200 800;
font-stretch: 100% 125%; font-stretch: 100% 125%;
font-display: swap; font-display: swap;
} }
@font-face { @font-face {
font-family: 'Monaspace Radon'; font-family: "Monaspace Radon";
src: src:
url('https://minio.fosterhangdaan.com/public/fonts/monaspace/1.101/MonaspaceRadonVarVF%5Bwght,wdth,slnt%5D.woff2') format('woff2 supports variations'), url("https://minio.fosterhangdaan.com/public/fonts/monaspace/1.101/MonaspaceRadonVarVF%5Bwght,wdth,slnt%5D.woff2")
url('https://minio.fosterhangdaan.com/public/fonts/monaspace/1.101/MonaspaceRadonVarVF%5Bwght,wdth,slnt%5D.woff2') format('woff2-variations'); format("woff2 supports variations"),
url("https://minio.fosterhangdaan.com/public/fonts/monaspace/1.101/MonaspaceRadonVarVF%5Bwght,wdth,slnt%5D.woff2")
format("woff2-variations");
font-weight: 200 800; font-weight: 200 800;
font-stretch: 100% 125%; font-stretch: 100% 125%;
font-display: swap; font-display: swap;
} }
@font-face { @font-face {
font-family: 'Monaspace Xenon'; font-family: "Monaspace Xenon";
src: src:
url('https://minio.fosterhangdaan.com/public/fonts/monaspace/1.101/MonaspaceXenonVarVF%5Bwght,wdth,slnt%5D.woff2') format('woff2 supports variations'), url("https://minio.fosterhangdaan.com/public/fonts/monaspace/1.101/MonaspaceXenonVarVF%5Bwght,wdth,slnt%5D.woff2")
url('https://minio.fosterhangdaan.com/public/fonts/monaspace/1.101/MonaspaceXenonVarVF%5Bwght,wdth,slnt%5D.woff2') format('woff2-variations'); format("woff2 supports variations"),
url("https://minio.fosterhangdaan.com/public/fonts/monaspace/1.101/MonaspaceXenonVarVF%5Bwght,wdth,slnt%5D.woff2")
format("woff2-variations");
font-weight: 200 800; font-weight: 200 800;
font-stretch: 100% 125%; font-stretch: 100% 125%;
font-display: swap; font-display: swap;

2
src/styles/main.css
View file

@ -156,7 +156,7 @@ ul {
img.icon { img.icon {
max-width: 1.5rem; max-width: 1.5rem;
filter: var(--filter-green) filter: var(--filter-green);
} }
img.qrcode { img.qrcode {

6
src/styles/normalize.css vendored
View file

@ -174,7 +174,8 @@ textarea {
*/ */
button, button,
input { /* 1 */ input {
/* 1 */
overflow: visible; overflow: visible;
} }
@ -184,7 +185,8 @@ input { /* 1 */
*/ */
button, button,
select { /* 1 */ select {
/* 1 */
text-transform: none; text-transform: none;
} }

109
src/styles/theme.css
View file

@ -18,24 +18,42 @@
--tn-dark-16: #414868; --tn-dark-16: #414868;
--tn-dark-17: #24283b; --tn-dark-17: #24283b;
--tn-dark-18: #1a1b26; --tn-dark-18: #1a1b26;
--tn-dark-filter-01: invert(67%) sepia(81%) saturate(2461%) hue-rotate(306deg) brightness(102%) contrast(94%); --tn-dark-filter-01: invert(67%) sepia(81%) saturate(2461%) hue-rotate(306deg)
--tn-dark-filter-02: invert(89%) sepia(27%) saturate(6632%) hue-rotate(317deg) brightness(107%) contrast(101%); brightness(102%) contrast(94%);
--tn-dark-filter-03: invert(75%) sepia(29%) saturate(664%) hue-rotate(353deg) brightness(93%) contrast(88%); --tn-dark-filter-02: invert(89%) sepia(27%) saturate(6632%) hue-rotate(317deg)
--tn-dark-filter-04: invert(84%) sepia(24%) saturate(802%) hue-rotate(38deg) brightness(91%) contrast(85%); brightness(107%) contrast(101%);
--tn-dark-filter-05: invert(78%) sepia(48%) saturate(333%) hue-rotate(118deg) brightness(93%) contrast(91%); --tn-dark-filter-03: invert(75%) sepia(29%) saturate(664%) hue-rotate(353deg)
--tn-dark-filter-06: invert(86%) sepia(15%) saturate(513%) hue-rotate(130deg) brightness(101%) contrast(104%); brightness(93%) contrast(88%);
--tn-dark-filter-07: invert(65%) sepia(54%) saturate(670%) hue-rotate(143deg) brightness(95%) contrast(83%); --tn-dark-filter-04: invert(84%) sepia(24%) saturate(802%) hue-rotate(38deg)
--tn-dark-filter-08: invert(71%) sepia(55%) saturate(771%) hue-rotate(177deg) brightness(106%) contrast(101%); brightness(91%) contrast(85%);
--tn-dark-filter-09: invert(61%) sepia(12%) saturate(1879%) hue-rotate(184deg) brightness(102%) contrast(94%); --tn-dark-filter-05: invert(78%) sepia(48%) saturate(333%) hue-rotate(118deg)
--tn-dark-filter-10: invert(78%) sepia(35%) saturate(4827%) hue-rotate(207deg) brightness(101%) contrast(94%); brightness(93%) contrast(91%);
--tn-dark-filter-11: invert(79%) sepia(11%) saturate(1033%) hue-rotate(195deg) brightness(103%) contrast(92%); --tn-dark-filter-06: invert(86%) sepia(15%) saturate(513%) hue-rotate(130deg)
--tn-dark-filter-12: invert(79%) sepia(20%) saturate(404%) hue-rotate(193deg) brightness(87%) contrast(92%); brightness(101%) contrast(104%);
--tn-dark-filter-13: invert(78%) sepia(9%) saturate(1774%) hue-rotate(194deg) brightness(87%) contrast(83%); --tn-dark-filter-07: invert(65%) sepia(54%) saturate(670%) hue-rotate(143deg)
--tn-dark-filter-14: invert(88%) sepia(13%) saturate(136%) hue-rotate(352deg) brightness(94%) contrast(83%); brightness(95%) contrast(83%);
--tn-dark-filter-15: invert(38%) sepia(9%) saturate(1910%) hue-rotate(192deg) brightness(94%) contrast(87%); --tn-dark-filter-08: invert(71%) sepia(55%) saturate(771%) hue-rotate(177deg)
--tn-dark-filter-16: invert(25%) sepia(12%) saturate(1580%) hue-rotate(192deg) brightness(99%) contrast(86%); brightness(106%) contrast(101%);
--tn-dark-filter-17: invert(12%) sepia(8%) saturate(2849%) hue-rotate(192deg) brightness(96%) contrast(89%); --tn-dark-filter-09: invert(61%) sepia(12%) saturate(1879%) hue-rotate(184deg)
--tn-dark-filter-18: invert(7%) sepia(27%) saturate(776%) hue-rotate(197deg) brightness(95%) contrast(92%); brightness(102%) contrast(94%);
--tn-dark-filter-10: invert(78%) sepia(35%) saturate(4827%) hue-rotate(207deg)
brightness(101%) contrast(94%);
--tn-dark-filter-11: invert(79%) sepia(11%) saturate(1033%) hue-rotate(195deg)
brightness(103%) contrast(92%);
--tn-dark-filter-12: invert(79%) sepia(20%) saturate(404%) hue-rotate(193deg)
brightness(87%) contrast(92%);
--tn-dark-filter-13: invert(78%) sepia(9%) saturate(1774%) hue-rotate(194deg)
brightness(87%) contrast(83%);
--tn-dark-filter-14: invert(88%) sepia(13%) saturate(136%) hue-rotate(352deg)
brightness(94%) contrast(83%);
--tn-dark-filter-15: invert(38%) sepia(9%) saturate(1910%) hue-rotate(192deg)
brightness(94%) contrast(87%);
--tn-dark-filter-16: invert(25%) sepia(12%) saturate(1580%) hue-rotate(192deg)
brightness(99%) contrast(86%);
--tn-dark-filter-17: invert(12%) sepia(8%) saturate(2849%) hue-rotate(192deg)
brightness(96%) contrast(89%);
--tn-dark-filter-18: invert(7%) sepia(27%) saturate(776%) hue-rotate(197deg)
brightness(95%) contrast(92%);
/* Light Theme */ /* Light Theme */
--tn-light-01: #8c4351; --tn-light-01: #8c4351;
@ -53,28 +71,49 @@
--tn-light-13: #0f0f14; --tn-light-13: #0f0f14;
--tn-light-14: #9699a3; --tn-light-14: #9699a3;
--tn-light-15: #d5d6db; --tn-light-15: #d5d6db;
--tn-light-filter-01: invert(30%) sepia(13%) saturate(2258%) hue-rotate(299deg) brightness(94%) contrast(83%); --tn-light-filter-01: invert(30%) sepia(13%) saturate(2258%) hue-rotate(
--tn-light-filter-02: invert(33%) sepia(15%) saturate(2400%) hue-rotate(338deg) brightness(99%) contrast(86%); 299deg
--tn-light-filter-03: invert(34%) sepia(27%) saturate(2987%) hue-rotate(15deg) brightness(92%) contrast(84%); ) brightness(94%) contrast(83%);
--tn-light-filter-04: invert(32%) sepia(10%) saturate(2061%) hue-rotate(46deg) brightness(91%) contrast(83%); --tn-light-filter-02: invert(33%) sepia(15%) saturate(2400%) hue-rotate(
--tn-light-filter-05: invert(32%) sepia(51%) saturate(367%) hue-rotate(122deg) brightness(91%) contrast(88%); 338deg
--tn-light-filter-06: invert(28%) sepia(100%) saturate(369%) hue-rotate(141deg) brightness(95%) contrast(92%); ) brightness(99%) contrast(86%);
--tn-light-filter-07: invert(17%) sepia(95%) saturate(1240%) hue-rotate(178deg) brightness(96%) contrast(88%); --tn-light-filter-03: invert(34%) sepia(27%) saturate(2987%) hue-rotate(15deg)
--tn-light-filter-08: invert(27%) sepia(58%) saturate(655%) hue-rotate(179deg) brightness(93%) contrast(84%); brightness(92%) contrast(84%);
--tn-light-filter-09: invert(28%) sepia(11%) saturate(2096%) hue-rotate(219deg) brightness(96%) contrast(82%); --tn-light-filter-04: invert(32%) sepia(10%) saturate(2061%) hue-rotate(46deg)
--tn-light-filter-10: invert(23%) sepia(11%) saturate(1791%) hue-rotate(191deg) brightness(88%) contrast(92%); brightness(91%) contrast(83%);
--tn-light-filter-11: invert(36%) sepia(7%) saturate(1186%) hue-rotate(193deg) brightness(92%) contrast(89%); --tn-light-filter-05: invert(32%) sepia(51%) saturate(367%) hue-rotate(122deg)
--tn-light-filter-12: invert(29%) sepia(53%) saturate(348%) hue-rotate(357deg) brightness(96%) contrast(94%); brightness(91%) contrast(88%);
--tn-light-filter-13: invert(3%) sepia(3%) saturate(6957%) hue-rotate(202deg) brightness(93%) contrast(94%); --tn-light-filter-06: invert(28%) sepia(100%) saturate(369%) hue-rotate(
--tn-light-filter-14: invert(65%) sepia(13%) saturate(196%) hue-rotate(189deg) brightness(92%) contrast(87%); 141deg
--tn-light-filter-15: invert(94%) sepia(7%) saturate(122%) hue-rotate(193deg) brightness(92%) contrast(90%); ) brightness(95%) contrast(92%);
--tn-light-filter-07: invert(17%) sepia(95%) saturate(1240%) hue-rotate(
178deg
) brightness(96%) contrast(88%);
--tn-light-filter-08: invert(27%) sepia(58%) saturate(655%) hue-rotate(179deg)
brightness(93%) contrast(84%);
--tn-light-filter-09: invert(28%) sepia(11%) saturate(2096%) hue-rotate(
219deg
) brightness(96%) contrast(82%);
--tn-light-filter-10: invert(23%) sepia(11%) saturate(1791%) hue-rotate(
191deg
) brightness(88%) contrast(92%);
--tn-light-filter-11: invert(36%) sepia(7%) saturate(1186%) hue-rotate(193deg)
brightness(92%) contrast(89%);
--tn-light-filter-12: invert(29%) sepia(53%) saturate(348%) hue-rotate(357deg)
brightness(96%) contrast(94%);
--tn-light-filter-13: invert(3%) sepia(3%) saturate(6957%) hue-rotate(202deg)
brightness(93%) contrast(94%);
--tn-light-filter-14: invert(65%) sepia(13%) saturate(196%) hue-rotate(189deg)
brightness(92%) contrast(87%);
--tn-light-filter-15: invert(94%) sepia(7%) saturate(122%) hue-rotate(193deg)
brightness(92%) contrast(90%);
} }
/* semantic color variables for this project */ /* semantic color variables for this project */
:root { :root {
color-scheme: dark; color-scheme: dark;
--color-bg: var(--tn-dark-18); --color-bg: var(--tn-dark-18);
--color-bg-01: #28293A; --color-bg-01: #28293a;
--color-fg: var(--tn-dark-12); --color-fg: var(--tn-dark-12);
--color-black: var(--tn-dark-16); --color-black: var(--tn-dark-16);
--color-white: var(--tn-dark-11); --color-white: var(--tn-dark-11);
@ -105,7 +144,7 @@
:root { :root {
color-scheme: light; color-scheme: light;
--color-bg: var(--tn-light-15); --color-bg: var(--tn-light-15);
--color-bg-01: #C5C6CE; --color-bg-01: #c5c6ce;
--color-fg: var(--tn-light-10); --color-fg: var(--tn-light-10);
--color-black: var(--tn-light-13); --color-black: var(--tn-light-13);
--color-white: var(--tn-light-10); --color-white: var(--tn-light-10);