mirror of
https://github.com/Xevion/xevion.dev.git
synced 2025-12-06 13:17:06 -06:00
127 lines
2.4 KiB
JavaScript
127 lines
2.4 KiB
JavaScript
const defaultTheme = require("tailwindcss/defaultTheme");
|
|
|
|
/** @type {import('tailwindcss').Config} */
|
|
module.exports = {
|
|
content: ["./src/**/*.{js,ts,jsx,tsx}"],
|
|
theme: {
|
|
extend: {
|
|
colors: {
|
|
zinc: {
|
|
850: "#1D1D20",
|
|
},
|
|
},
|
|
fontSize: {
|
|
"10xl": "10rem",
|
|
},
|
|
typography: {
|
|
DEFAULT: {
|
|
css: {
|
|
"code::before": {
|
|
content: '""',
|
|
},
|
|
"code::after": {
|
|
content: '""',
|
|
},
|
|
},
|
|
},
|
|
quoteless: {
|
|
css: {
|
|
"blockquote p:first-of-type::before": { content: "none" },
|
|
"blockquote p:first-of-type::after": { content: "none" },
|
|
},
|
|
},
|
|
},
|
|
dropShadow: {
|
|
"extreme": "0 0 50px black",
|
|
},
|
|
fontFamily: {
|
|
inter: ['"Inter"', "sans-serif"],
|
|
roboto: ['"Roboto"', "sans-serif"],
|
|
mono: ['"Roboto Mono"', "monospace"],
|
|
hanken: ['"Hanken Grotesk"', "sans-serif"],
|
|
},
|
|
backgroundImage: {
|
|
"gradient-radial":
|
|
"radial-gradient(50% 50% at 50% 50%, var(--tw-gradient-stops))",
|
|
},
|
|
animation: {
|
|
"bg-fast": "fade 0.5s ease-in-out 0.5s forwards",
|
|
bg: "fade 1.2s ease-in-out 1.1s forwards",
|
|
"fade-in": "fade-in 2.5s ease-in-out forwards",
|
|
title: "title 3s ease-out forwards",
|
|
"fade-left": "fade-left 3s ease-in-out forwards",
|
|
"fade-right": "fade-right 3s ease-in-out forwards",
|
|
},
|
|
keyframes: {
|
|
"fade": {
|
|
"0%": {
|
|
opacity: "0%",
|
|
},
|
|
"100%": {
|
|
opacity: "100%",
|
|
},
|
|
},
|
|
"fade-in": {
|
|
"0%": {
|
|
opacity: "0%",
|
|
},
|
|
"75%": {
|
|
opacity: "0%",
|
|
},
|
|
"100%": {
|
|
opacity: "100%",
|
|
},
|
|
},
|
|
"fade-left": {
|
|
"0%": {
|
|
transform: "translateX(100%)",
|
|
opacity: "0%",
|
|
},
|
|
|
|
"30%": {
|
|
transform: "translateX(0%)",
|
|
opacity: "100%",
|
|
},
|
|
"100%": {
|
|
opacity: "0%",
|
|
},
|
|
},
|
|
"fade-right": {
|
|
"0%": {
|
|
transform: "translateX(-100%)",
|
|
opacity: "0%",
|
|
},
|
|
|
|
"30%": {
|
|
transform: "translateX(0%)",
|
|
opacity: "100%",
|
|
},
|
|
"100%": {
|
|
opacity: "0%",
|
|
},
|
|
},
|
|
title: {
|
|
"0%": {
|
|
"line-height": "0%",
|
|
"letter-spacing": "0.25em",
|
|
opacity: "0",
|
|
},
|
|
"25%": {
|
|
"line-height": "0%",
|
|
opacity: "0%",
|
|
},
|
|
"80%": {
|
|
opacity: "100%",
|
|
},
|
|
|
|
"100%": {
|
|
"line-height": "100%",
|
|
opacity: "100%",
|
|
},
|
|
},
|
|
},
|
|
},
|
|
},
|
|
plugins: [require("@tailwindcss/typography")],
|
|
};
|