60 lines
1.6 KiB
CSS
60 lines
1.6 KiB
CSS
@tailwind base;
|
|
@tailwind components;
|
|
@tailwind utilities;
|
|
|
|
:root {
|
|
--max-width: 1100px;
|
|
--border-radius: 12px;
|
|
--font-mono: ui-monospace, Menlo, Monaco, "Cascadia Mono", "Segoe UI Mono", "Roboto Mono", "Oxygen Mono", "Ubuntu Monospace", "Source Code Pro",
|
|
"Fira Mono", "Droid Sans Mono", "Courier New", monospace;
|
|
|
|
--foreground-rgb: 53, 51, 56;
|
|
--background-start-rgb: 245, 245, 245;
|
|
--background-end-rgb: 245, 245, 245;
|
|
|
|
--primary-glow: conic-gradient(from 180deg at 50% 50%, #16abff33 0deg, #0885ff33 55deg, #54d6ff33 120deg, #0071ff33 160deg, transparent 360deg);
|
|
--secondary-glow: radial-gradient(rgba(255, 255, 255, 1), rgba(255, 255, 255, 0));
|
|
|
|
--tile-start-rgb: 239, 245, 249;
|
|
--tile-end-rgb: 228, 232, 233;
|
|
--tile-border: conic-gradient(#00000080, #00000040, #00000030, #00000020, #00000010, #00000010, #00000080);
|
|
|
|
--callout-rgb: 238, 240, 241;
|
|
--callout-border-rgb: 172, 175, 176;
|
|
--card-rgb: 180, 185, 188;
|
|
--card-border-rgb: 131, 134, 135;
|
|
}
|
|
|
|
* {
|
|
box-sizing: border-box;
|
|
padding: 0;
|
|
margin: 0;
|
|
}
|
|
|
|
html {
|
|
min-height: 100vh !important;
|
|
height: 100%;
|
|
max-width: 100vw;
|
|
overflow-x: hidden;
|
|
overflow-y: auto;
|
|
font-family: "Open Sans", system-ui, -apple-system, "Helvetica Neue", sans-serif;
|
|
}
|
|
|
|
body {
|
|
min-height: 100vh !important;
|
|
height: 100%;
|
|
max-width: 100vw;
|
|
overflow-x: hidden;
|
|
font-family: "Open Sans", system-ui, -apple-system, "Helvetica Neue", sans-serif;
|
|
}
|
|
|
|
body {
|
|
color: rgb(var(--foreground-rgb));
|
|
background: linear-gradient(to bottom, transparent, rgb(var(--background-end-rgb))) rgb(var(--background-start-rgb));
|
|
}
|
|
|
|
a {
|
|
color: inherit;
|
|
text-decoration: none;
|
|
}
|