mirror of
https://github.com/NeonGamerBot-QK/saahild.com.git
synced 2024-11-11 08:02:25 +00:00
58 lines
1.4 KiB
CSS
58 lines
1.4 KiB
CSS
/* tailwind root */
|
|
@tailwind base;
|
|
@tailwind components;
|
|
@tailwind utilities;
|
|
:root {
|
|
--rosewater: #f5e0dc;
|
|
--flamingo: #f2cdcd;
|
|
--pink: #f5c2e7;
|
|
--mauve: #cba6f7;
|
|
--red: #f38ba8;
|
|
--maroon: #eba0ac;
|
|
--peach: #fab387;
|
|
--yellow: #f9e2af;
|
|
--green: #a6e3a1;
|
|
--teal: #94e2d5;
|
|
--sky: #89dceb;
|
|
--sapphire: #74c7ec;
|
|
--blue: #89b4fa;
|
|
--lavender: #b4befe;
|
|
--text: #cdd6f4;
|
|
--subtext1: #bac2de;
|
|
--subtext0: #a6adc8;
|
|
--overlay2: #9399b2;
|
|
--overlay1: #7f849c;
|
|
--overlay0: #6c7086;
|
|
--surface2: #585b70;
|
|
--surface1: #45475a;
|
|
--surface0: #313244;
|
|
--base: #1e1e2e;
|
|
--mantle: #181825;
|
|
--crust: #11111b;
|
|
}
|
|
.text-highlight {
|
|
color: var(--mauve);
|
|
/* color: linear-gradient(var(--mauve), var(--mantle); */
|
|
/* -webkit-background-clip: text; */
|
|
/* -webkit-text-fill-color: transparent; */
|
|
@apply ease-in duration-500;
|
|
|
|
}
|
|
.text-highlight:hover {
|
|
background: linear-gradient(var(--mauve), var(--yellow));
|
|
-webkit-background-clip: text;
|
|
-webkit-text-fill-color: transparent;
|
|
}
|
|
body {
|
|
margin: 0;
|
|
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',
|
|
'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',
|
|
sans-serif;
|
|
-webkit-font-smoothing: antialiased;
|
|
-moz-osx-font-smoothing: grayscale;
|
|
}
|
|
|
|
code {
|
|
font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New',
|
|
monospace;
|
|
}
|