Suyu/website
1
0
Fork 0
mirror of https://git.suyu.dev/suyu/website.git synced 2026-01-01 04:04:25 +01:00
Code Issues Projects Releases Packages Wiki Activity Actions

feat: visual overhaul

Browse source
This commit is contained in:
fero 2024-03-11 08:08:09 -07:00
parent 2442d891b8
commit b7565ca255
10 changed files with 1828 additions and 484 deletions
Download patch file Download diff file Expand all files Collapse all files

45
src/app.pcss
View file

@ -1,4 +1,47 @@
/* Write your global styles here, in PostCSS syntax */
@import url("https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&display=swap");
@tailwind base;
@tailwind components;
@tailwind utilities;
@font-face {
font-family: "Roc Grotesk";
src: url("RocGroteskWideMedium.ttf") format("truetype");
font-weight: 500;
font-style: normal;
font-display: swap;
}
html,
body {
min-height: 100%;
width: 100%;
overflow-x: hidden;
overflow-y: auto;
background: #131215;
color: #ffffff;
font-family: "DM Sans", sans-serif;
}
h1,
h2,
h3 {
font-family: "Roc Grotesk", sans-serif;
}
.cta-button {
background: linear-gradient(0deg, rgba(0, 0, 0, 0.06), rgba(0, 0, 0, 0.06)),
radial-gradient(109.26% 109.26% at 49.83% 13.37%, #ffffff 0%, #babaca 100%);
color: black;
@apply flex w-fit shrink-0 select-none flex-row items-center justify-center gap-4 rounded-xl py-3 pl-7 pr-5 font-bold;
}
.button {
border: 2px solid #46424d;
@apply flex w-fit shrink-0 select-none flex-row items-center justify-center gap-4 rounded-xl py-3 pl-7 pr-5 font-bold;
}
.button-sm {
border: 2px solid #46424d;
@apply flex w-fit shrink-0 select-none flex-row items-center justify-center gap-4 rounded-xl px-4 py-2 text-sm font-bold;
}