damus.io

damus.io website
git clone git://jb55.com/damus.io
Log | Files | Refs | README | LICENSE

tailwind.config.ts (1346B)

      1 import type { Config } from 'tailwindcss'
      2 const colors = require('tailwindcss/colors')
      3 
      4 const config: Config = {
      5   content: [
      6     './src/pages/**/*.{js,ts,jsx,tsx,mdx}',
      7     './src/components/**/*.{js,ts,jsx,tsx,mdx}',
      8     './src/app/**/*.{js,ts,jsx,tsx,mdx}',
      9   ],
     10   theme: {
     11     extend: {
     12       backgroundImage: {
     13         'gradient-radial': 'radial-gradient(var(--tw-gradient-stops))',
     14         'gradient-conic':
     15           'conic-gradient(from 180deg at 50% 50%, var(--tw-gradient-stops))',
     16       },
     17       keyframes: {
     18         "accordion-down": {
     19           from: { height: "0" },
     20           to: { height: "var(--radix-accordion-content-height)" },
     21         },
     22         "accordion-up": {
     23           from: { height: "var(--radix-accordion-content-height)" },
     24           to: { height: "0" },
     25         },
     26         "caret-blink": {
     27           "0%,70%,100%": { opacity: "1" },
     28           "20%,50%": { opacity: "0" },
     29         },
     30       },
     31       animation: {
     32         "accordion-down": "accordion-down 0.2s ease-out",
     33         "accordion-up": "accordion-up 0.2s ease-out",
     34         "caret-blink": "caret-blink 1.25s ease-out infinite",
     35       },
     36     },
     37     colors: {
     38       ...colors,
     39       "damuspink": {
     40         600: "#D34CD9",
     41         500: "#F869B6",
     42       },
     43       "deeppurple": {
     44         700: "#BF25ED",
     45       }
     46     },
     47   },
     48   plugins: [],
     49 }
     50 export default config