Files
bugsink/theme/static_src/tailwind.config.js
Klaas van Schelven 89accddc2f Fix wasted space at certain width in stacktrace UI
* The "collapse" etc. buttons get shown below the search box and < << >> > from
  a certain width downwards.

* similar stacking for the date/type/value and the buttons at an even smaller width.

See #120
2025-07-15 09:41:35 +02:00

82 lines
2.5 KiB
JavaScript

/**
* This is a minimal config.
*
* If you need the full config, get it from here:
* https://unpkg.com/browse/tailwindcss@latest/stubs/defaultConfig.stub.js
*/
const defaultTheme = require("tailwindcss/defaultTheme");
module.exports = {
darkMode: ['selector', '[data-theme="dark"]'],
content: [
/**
* HTML. Paths to Django template files that will contain Tailwind CSS classes.
*/
/* Templates within theme app (<tailwind_app_name>/templates), e.g. base.html. */
'../templates/**/*.html',
/*
* Main templates directory of the project (BASE_DIR/templates).
* Adjust the following line to match your project structure.
*/
'../../templates/**/*.html',
/*
* Templates in other django apps (BASE_DIR/<any_app_name>/templates).
* Adjust the following line to match your project structure.
*/
'../../**/templates/**/*.html',
/**
* JS: If you use Tailwind CSS in JavaScript, uncomment the following lines and make sure
* patterns match your project structure.
*/
/* JS 1: Ignore any JavaScript in node_modules folder. */
// '!../../**/node_modules',
/* JS 2: Process all JavaScript files in the project. */
// '../../**/*.js',
/**
* Python: If you use Tailwind CSS classes in Python, uncomment the following line
* and make sure the pattern below matches your project structure.
*/
// '../../**/*.py'
"../../issues/views.py",
"../../theme/templatetags/code.py",
"../../theme/templatetags/tailwind_forms.py",
],
theme: {
extend: {
screens: {
'3xl': '1920px',
},
spacing: {
'128': '32rem',
},
fontFamily: {
sans: [
'"IBM Plex Sans"',
...defaultTheme.fontFamily.sans,
],
mono: [
'"IBM Plex Mono"',
...defaultTheme.fontFamily.mono,
],
},
},
},
plugins: [
/**
* '@tailwindcss/forms' is the forms plugin that provides a minimal styling
* for forms. If you don't like it or have own styling for forms,
* comment the line below to disable '@tailwindcss/forms'.
*/
require('@tailwindcss/forms'),
require('@tailwindcss/typography'),
require('@tailwindcss/line-clamp'),
require('@tailwindcss/aspect-ratio'),
],
}