138 lines
5.2 KiB
JavaScript
138 lines
5.2 KiB
JavaScript
/** @type {import('tailwindcss').Config} */
|
|
|
|
const plugin = require('tailwindcss/plugin');
|
|
module.exports = {
|
|
darkMode: "class",
|
|
content: ["./src/**/*.{cljs,clj,cljc}",
|
|
"./node_modules/flowbite/**/*.js"],
|
|
theme: {
|
|
extend: {
|
|
"keyframes": {
|
|
shake: {
|
|
'0%': { transform: 'translateX(0px)' },
|
|
'12.5%': { transform: 'translateX(-5px)' },
|
|
'25%': { transform: 'translateX(0px)' },
|
|
'37.5%': { transform: 'translateX(5px)' },
|
|
'50%': { transform: 'translateX(0px)' },
|
|
'62.5%': { transform: 'translateX(-5px)' },
|
|
'75%': { transform: 'translateX(5px)' },
|
|
'87.5%': { transform: 'translateX(5px)' },
|
|
'100%': { transform: 'translateX(0px)' },
|
|
},
|
|
gentleGrow: {
|
|
"0%": {
|
|
"transform": "scale(1.0)",
|
|
"animation-timing-function": "cubic-bezier(0.8, 0, 1, 1)"
|
|
},
|
|
"50%": {
|
|
"transform": "scale(1.1)",
|
|
"animation-timing-function": "cubic-bezier(0, 0, 0.2, 1)"
|
|
},
|
|
"100%": {
|
|
"transform": "scale(1.0)",
|
|
"animation-timing-function": "cubic-bezier(0.8, 0, 1, 1)"
|
|
}
|
|
},
|
|
slideUp: {
|
|
'0%': { transform: 'translateY(20px)', opacity: '0' },
|
|
'100%': { transform: 'translateY(0)', opacity: '1' },
|
|
|
|
}
|
|
},
|
|
animation: {
|
|
'shake': 'shake 0.5s ease-out 1',
|
|
"gg": "gentleGrow 1s infinite",
|
|
"slideUp": 'slideUp 0.5s ease-out forwards'
|
|
},
|
|
"fontFamily": {
|
|
"sans": ["Calibri", "ui-sans-serif", "system-ui", "-apple-system", "BlinkMacSystemFont", "Segoe UI", "Roboto", "Helvetica Neue", "Arial", "Noto Sans", "sans-serif", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"]
|
|
|
|
},
|
|
"colors": {
|
|
"green": {
|
|
"50": "#f2f8ea",
|
|
"100": "#e4f0d5",
|
|
"200": "#c9e1ab",
|
|
"300": "#afd382",
|
|
"400": "#94c458",
|
|
"500": "#79b52e",
|
|
"600": "#619125",
|
|
"700": "#496d1c",
|
|
"800": "#304812",
|
|
"900": "#182409"
|
|
},
|
|
"primary": {
|
|
"50": "#f2f8ea",
|
|
"100": "#e4f0d5",
|
|
"200": "#c9e1ab",
|
|
"300": "#afd382",
|
|
"400": "#94c458",
|
|
"500": "#79b52e",
|
|
"600": "#619125",
|
|
"700": "#496d1c",
|
|
"800": "#304812",
|
|
"900": "#182409"
|
|
},
|
|
"blue": {
|
|
"50": "#e6f5fd",
|
|
"100": "#ccebfb",
|
|
"200": "#99d7f7",
|
|
"300": "#66c4f2",
|
|
"400": "#33b0ee",
|
|
"500": "#009cea",
|
|
"600": "#007dbb",
|
|
"700": "#005e8c",
|
|
"800": "#003e5e",
|
|
"900": "#001f2f"
|
|
},
|
|
"secondary": {
|
|
"50": "#e9f5e8",
|
|
"100": "#d2ebd2",
|
|
"200": "#a6d7a4",
|
|
"300": "#79c377",
|
|
"400": "#4daf49",
|
|
"500": "#209b1c",
|
|
"600": "#1a7c16",
|
|
"700": "#135d11",
|
|
"800": "#0d3e0b",
|
|
"900": "#061f06"
|
|
},
|
|
"red": {
|
|
"50": "#ffe6e6",
|
|
"100": "#ffcdcd",
|
|
"200": "#ff9a9a",
|
|
"300": "#ff6868",
|
|
"400": "#ff3535",
|
|
"500": "#ff0303",
|
|
"600": "#cc0202",
|
|
"700": "#990202",
|
|
"800": "#660101",
|
|
"900": "#330101"
|
|
},
|
|
"orange": {
|
|
"50": "#fef2e8",
|
|
"100": "#fde6d1",
|
|
"200": "#fbcca2",
|
|
"300": "#f8b374",
|
|
"400": "#f69945",
|
|
"500": "#f48017",
|
|
"600": "#c36612",
|
|
"700": "#924d0e",
|
|
"800": "#623309",
|
|
"900": "#311a05"
|
|
}
|
|
|
|
}
|
|
}
|
|
} ,
|
|
plugins: [
|
|
require('flowbite/plugin'),
|
|
plugin(function ({ addVariant }) {
|
|
addVariant('htmx-settling', ['&.htmx-settling', '.htmx-settling &'])
|
|
addVariant('htmx-request', ['&.htmx-request', '.htmx-request &'])
|
|
addVariant('htmx-swapping', ['&.htmx-swapping', '.htmx-swapping &'])
|
|
addVariant('htmx-added', ['&.htmx-added', '.htmx-added &'])
|
|
}),
|
|
]
|
|
}
|