tideshift/tideshift-website
1
0
Fork 0
Code Activity

changes

Browse Source
This commit is contained in:
Michael Rieger
2026-03-10 12:41:18 +01:00
parent c1e9c5b127
commit 005830726e
44 changed files with 87 additions and 193 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/GlobalStyles.astro
+33 -35
View File
@@ -2,16 +2,38 @@
@import url("../styles/poppins.css");
:root {
--clr-light-400: oklch(100% 0.00011 271.152);
--clr-light-500: oklch(from var(--clr-light-400) calc(l - 0.1) c h);
--clr-light-600: oklch(from var(--clr-light-400) calc(l - 0.3) c h);
--clr-dark-400: oklch(13.306% 0.006 17.794);
--clr-ts-red-400: oklch(65.135% 0.21964 28.111);
--gradient-heading: linear-gradient(
to bottom,
oklch(from var(--clr-light-400) calc(l - 0.05) c h),
oklch(from var(--clr-light-400) calc(l - 0.1) c h) 30%,
oklch(from var(--clr-light-400) calc(l - 0.1) c h) 70%,
/* oklch(from var(--clr-light-400) calc(l - 0.5) c h) 95%, */
oklch(from var(--clr-light-400) calc(l - 0.7) c h) 100%
);
--gradient-overlay: linear-gradient(
to bottom,
oklch(0% 0 0 / 0.3) 0%,
oklch(0% 0 0 / 0) 40%,
oklch(0% 0 0 / 0.3) 100%
);
--font-sans:
"Poppins", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI",
Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue",
sans-serif;
/* --fs-md: clamp(1.25rem, 0.25vw + 1rem, 2.5rem); */
--fs-md: 1.25rem;
--fs-page-title: clamp(3rem, 5vw + 1rem, 5.625rem);
/* --fs-page-title: 5.625rem; */
--fs-page-title: clamp(3rem, 5.5vw + 1rem, 8rem);
--fs-md: clamp(1.125rem, 2vw, 1.25rem);
--fs-lg: clamp(1.25rem, 2vw, 1.5rem);
--fs-xl: clamp(2.5rem, 2.5vw + 2.5rem, 4.75rem);
--leading-title: 1.1;
--leading-subtitle: 1.2;
@@ -22,39 +44,15 @@
--base-grid: repeat(12, 1fr);
--max-content-width: 1920px;
--padding-x: 1.5rem;
--clr-light-400: oklch(100% 0.00011 271.152);
--clr-light-500: oklch(from var(--clr-light-400) calc(l - 0.1) c h);
--clr-light-600: oklch(from var(--clr-light-400) calc(l - 0.3) c h);
--clr-dark-400: oklch(13.306% 0.006 17.794);
--clr-ts-red-400: oklch(65.135% 0.21964 28.111);
@media screen and (min-width: 50rem) {
--padding-x: 3rem;
}
--gradient-page-title: linear-gradient(
to bottom,
oklch(from var(--clr-light-400) l c h),
oklch(from var(--clr-light-400) calc(l - 0.05) c h),
oklch(from var(--clr-light-400) calc(l - 0.15) c h),
oklch(from var(--clr-light-400) calc(l - 0.15) c h),
oklch(from var(--clr-light-400) calc(l - 0.15) c h),
oklch(from var(--clr-light-400) calc(l - 0.35) c h),
oklch(from var(--clr-light-400) calc(l - 0.75) c h)
);
--gradient-heading: linear-gradient(
to bottom,
oklch(from var(--clr-light-400) calc(l - 0.05) c h),
oklch(from var(--clr-light-400) calc(l - 0.1) c h) 30%,
oklch(from var(--clr-light-400) calc(l - 0.1) c h) 70%,
/* oklch(from var(--clr-light-400) calc(l - 0.5) c h) 80%, */
oklch(from var(--clr-light-400) calc(l - 0.7) c h) 100%
);
--gradient-overlay: linear-gradient(
to bottom,
oklch(0% 0 0 / 0.3) 0%,
oklch(0% 0 0 / 0) 40%,
oklch(0% 0 0 / 0.3) 100%
);
@media screen and (min-width:64rem) {
--padding-x: 5rem;
}
}
body {