%PDF-
%PDF-
Mini Shell
Mini Shell
// Set flag to include Preflight conditionally based on the build target.
const includePreflight = ( 'editor' === process.env._TW_TARGET ) ? false : true;
const defaultTheme = require('tailwindcss/defaultTheme');
module.exports = {
presets: [
// Manage Tailwind Typography's configuration in a separate file.
require( './tailwind-typography.config.js' ),
],
content: [
// Ensure changes to PHP files and `theme.json` trigger a rebuild.
'./**/*.php',
'./theme.json',
'./node_modules/flowbite/**/*.js'
],
safelist: [
'aspect-video',
'aspect-square',
'gap-0',
'gap-4',
'gap-8',
'gap-12',
'gap-16',
'gap-20',
'gap-24',
'gap-28',
'gap-32',
'md:gap-0',
'md:gap-4',
'md:gap-8',
'md:gap-12',
'md:gap-16',
'md:gap-20',
'md:gap-24',
'md:gap-28',
'md:gap-32',
'text-right',
'text-center',
'text-left',
'bg-post-news',
'bg-post-press',
'bg-post-events',
'bg-post-case-studies',
'bg-post-whitepapers',
'bg-post-product-sheets',
'bg-post-research-reports',
],
theme: {
container: {
center: true,
padding: '10px',
screens: {
'sm': '640px',
'md': '768px',
'lg': '1024px',
'xl': '1140px'
}
},
colors: {
transparent: 'transparent',
'black': '#000000',
'white': '#ffffff',
'i4-blue': '#2373B7',
'i4-grey': '#6F6F71',
'marin-green': '#04AA9E',
'i4-light-grey': '#EBEBEB',
'i4-pink': '#DB00A1',
'tonal-light-blue': '#55B9D9',
'tonal-teal': '#0A6987',
'tonal-dark-blue': '#0F3250',
'tonal-green': '#14C8C3',
'tonal-grey': '#50535A',
'i4-light-blue': '#3B8EDE',
'i4-violet': '#6E3FA3',
'post-news': '#000000',
'post-press': '#70378D',
'post-events': '#6F6F71',
'post-case-studies': '#55B9D9',
'post-whitepapers': '#0F3250',
'post-product-sheets': '#0A6987',
'post-research-reports': '#14C8C3',
},
// Extend the default Tailwind theme.
extend: {
fontFamily: {
// 'sans': ['Source Sans Pro', ...defaultTheme.fontFamily.sans],
'sans': ['Source Sans Pro', 'Times'],
},
boxShadow: {
'3xl': '0 20px 25px 2px rgb(0 0 0 / 0.3), 0 8px 10px -6px rgb(0 0 0 / 0.8)',
},
screens: {
'xl': '1140px',
},
},
},
corePlugins: {
// Disable Preflight base styles in CSS targeting the editor.
preflight: includePreflight,
},
plugins: [
// Add Tailwind Typography.
require( '@tailwindcss/typography' ),
// Extract colors and widths from `theme.json`.
require( '@_tw/themejson' )( require( '../theme.json' ) ),
require('flowbite/plugin')
// Uncomment below to add additional first-party Tailwind plugins.
// require( '@tailwindcss/aspect-ratio' ),
// require( '@tailwindcss/forms' ),
// require( '@tailwindcss/line-clamp' ),
],
};
Zerion Mini Shell 1.0