public/fonts/scorekard/Scorekard-Bold.otf

This is a binary file and will not be displayed.

public/fonts/scorekard/Scorekard-Bold.woff

This is a binary file and will not be displayed.

public/fonts/scorekard/Scorekard-Bold.woff2

This is a binary file and will not be displayed.

public/fonts/scorekard/Scorekard-Regular.otf

This is a binary file and will not be displayed.

public/fonts/scorekard/Scorekard-Regular.woff

This is a binary file and will not be displayed.

public/fonts/scorekard/Scorekard-Regular.woff2

This is a binary file and will not be displayed.

public/fonts/scorekard/Scorekard-Semibold.otf

This is a binary file and will not be displayed.

public/fonts/scorekard/Scorekard-Semibold.woff

This is a binary file and will not be displayed.

public/fonts/scorekard/Scorekard-Semibold.woff2

This is a binary file and will not be displayed.

+32

src/assets/fonts/scorekard.css

··· 1 1 + @font-face { 2 2 + font-family: "Scorekard"; 3 3 + src: 4 4 + url("/fonts/scorekard/Scorekard-Regular.woff2") format("woff2"), 5 5 + url("/fonts/scorekard/Scorekard-Regular.woff") format("woff"), 6 6 + url("/fonts/scorekard/Scorekard-Regular.otf") format("opentype"); 7 7 + font-weight: normal; 8 8 + font-style: normal; 9 9 + font-display: swap; 10 10 + } 11 11 + 12 12 + @font-face { 13 13 + font-family: "Scorekard"; 14 14 + src: 15 15 + url("/fonts/scorekard/Scorekard-Semibold.woff2") format("woff2"), 16 16 + url("/fonts/scorekard/Scorekard-Semibold.woff") format("woff"), 17 17 + url("/fonts/scorekard/Scorekard-Semibold.otf") format("opentype"); 18 18 + font-weight: 600; 19 19 + font-style: normal; 20 20 + font-display: swap; 21 21 + } 22 22 + 23 23 + @font-face { 24 24 + font-family: "Scorekard"; 25 25 + src: 26 26 + url("/fonts/scorekard/Scorekard-Bold.woff2") format("woff2"), 27 27 + url("/fonts/scorekard/Scorekard-Bold.woff") format("woff"), 28 28 + url("/fonts/scorekard/Scorekard-Bold.otf") format("opentype"); 29 29 + font-weight: bold; 30 30 + font-style: normal; 31 31 + font-display: swap; 32 32 + }

+11

src/assets/styles/main.css

··· 1 1 /* https://harmonizer.evilmartians.com/#W1siMTAwIiwxMDAsbnVsbCwiMjAwIiw5MCxudWxsLCIzMDAiLDc3LG51bGwsIjQwMCIsNjUsbnVsbCwiNTAwIiw1MSxudWxsLCI2MDAiLDY1LG51bGwsIjcwMCIsNzcsbnVsbCwiODAwIiw5MCxudWxsLCI5MDAiLDEwMCxudWxsXSxbIlJlZCIsMjAsIk1haG9nYW55IiwzOCwiQnJvbnplIiw1NSwiT3JhbmdlIiw3MywiTXVzdGFyZCIsOTAsIkxpbWUiLDEzNSwiVHVycXVvaXNlIiwxODAsIkF6dXJlIiwyNTAsIkxhdmVuZGVyIiwyODUsIkZ1Y2hzaWEiLDMyMCwiRmxhbWluZ28iLDM2MF0sWyJhcGNhIiwiZmdUb0JnIiwiZXZlbiIsIiNmZmYiLCIjMDAwIiw1LCJwMyJdXQ */ 2 2 /* https://color.surf/ */ 3 3 @import "@evilmartians/harmony/css/amber.css"; 4 4 + @import "@evilmartians/harmony/css/yellow.css"; 4 5 @import "@evilmartians/harmony/css/emerald.css"; 6 6 + @import "@evilmartians/harmony/css/sky.css"; 5 7 @import "@evilmartians/harmony/css/fuchsia.css"; 6 8 @import "@evilmartians/harmony/css/rose.css"; 7 9 @import "@evilmartians/harmony/css/gray.css"; ··· 9 11 /* Fonts */ 10 12 @import url("@/assets/fonts/spagetty.css"); 11 13 @import url("@/assets/fonts/easycoast.css"); 14 14 + @import url("@/assets/fonts/scorekard.css"); 12 15 13 16 :root { 14 17 --radius: 0.75rem; 15 18 --spacing: 0.75rem; 19 19 + } 20 20 + 21 21 + .container { 22 22 + padding: var(--spacing); 23 23 + width: calc(100% - 2rem * var(--spacing)); 24 24 + border-radius: var(--radius); 25 25 + color: var(--container-text-color, var(--emerald-950, black)); 26 26 + background-color: var(--container-color, var(--emerald-500, red)); 16 27 } 17 28 18 29 svg[data-icon] {