developer-roadmap/tailwind.config.cjs
Neil d7ff5b9abc
Ensure when TopicDetail is open document.body stops scrolling (#6285)
* fix: ensure TopicDetail locks the body when open

* chore: ensure 'overflow-hidden' is always available via safelist

* revert: prettier changes
2024-07-30 22:05:20 +01:00

53 lines
1.3 KiB
JavaScript

/** @type {import('tailwindcss').Config} */
module.exports = {
content: [
'./src/**/*.{astro,html,js,jsx,md,mdx,svelte,ts,tsx,vue,svg}',
'./editor/**/*.{astro,html,js,jsx,md,mdx,svelte,ts,tsx,vue,svg}',
],
future: {
hoverOnlyWhenSupported: true,
},
safelist: ['overflow-hidden'],
theme: {
extend: {
typography: {
quoteless: {
css: {
'blockquote p:first-of-type::before': { content: 'none' },
'blockquote p:first-of-type::after': { content: 'none' },
},
},
},
keyframes: {
'fade-slide-up': {
'0%': {
opacity: '0',
transform: 'translateX(var(--tw-translate-x, 0)) translateY(20px)',
},
'100%': {
opacity: '1',
transform: 'translateX(var(--tw-translate-x, 0)) translateY(0)',
},
},
'fade-in': {
'0%': {
opacity: '0',
},
'100%': {
opacity: '1',
},
},
},
animation: {
'fade-slide-up':
'fade-slide-up 0.2s cubic-bezier(0.4, 0, 0.2, 1) forwards',
'fade-in': 'fade-in 0.2s cubic-bezier(0.4, 0, 0.2, 1) forwards',
},
},
container: {
center: true,
},
},
plugins: [require('@tailwindcss/typography')],
};