mirror of
https://github.com/Hello9999901/laptop.git
synced 2025-02-05 08:17:48 +00:00
62 lines
1.3 KiB
JavaScript
62 lines
1.3 KiB
JavaScript
import defaultTheme from "tailwindcss/defaultTheme"
|
|
|
|
/** @type {import('tailwindcss').Config} */
|
|
export default {
|
|
darkMode: ["class"],
|
|
content: ["./src/**/*.{astro,html,js,jsx,md,mdx,svelte,ts,tsx,vue}"],
|
|
theme: {
|
|
extend: {
|
|
fontFamily: {
|
|
"hype": ["JetBrains Mono"],
|
|
},
|
|
typography: {
|
|
DEFAULT: {
|
|
css: {
|
|
maxWidth: "full",
|
|
},
|
|
},
|
|
},
|
|
rotate: {
|
|
"45": "45deg",
|
|
"135": "135deg",
|
|
"225": "225deg",
|
|
"315": "315deg",
|
|
},
|
|
animation: {
|
|
twinkle: "twinkle 2s ease-in-out forwards",
|
|
meteor: "meteor 3s ease-in-out forwards",
|
|
},
|
|
keyframes: {
|
|
twinkle: {
|
|
"0%": {
|
|
opacity: 0,
|
|
transform: "rotate(0deg)"
|
|
},
|
|
"50%": {
|
|
opacity: 1,
|
|
transform: "rotate(180deg)"
|
|
},
|
|
"100%": {
|
|
opacity: 0,
|
|
transform: "rotate(360deg)"
|
|
},
|
|
},
|
|
meteor: {
|
|
"0%": {
|
|
opacity: 0,
|
|
transform: "translateY(200%)"
|
|
},
|
|
"50%": {
|
|
opacity: 1
|
|
},
|
|
"100%": {
|
|
opacity: 0,
|
|
transform: "translateY(0)"
|
|
},
|
|
},
|
|
},
|
|
},
|
|
},
|
|
plugins: [require("@tailwindcss/typography")],
|
|
}
|