mirror of
https://github.com/bugsink/bugsink.git
synced 2026-02-11 00:09:56 -06:00
566020bcf5
This commit includes various fonts that I've experimented with, but decided against. I used https://fonts.google.com/ to do the font-picking. For vendoring I used https://gwfh.mranftl.com/fonts/ I ticked all charsets (because error messages could be in any language) I picked regular, italic, 700 (which is tailwind's bold) and 700-italic The removed tailwind.config.js was unused (and confusing), I don't know where it came from Some considerations while picking ("feelings") * I like the compactness * The bold monospace looks good (this was certainly not so for all monospace fonts) * Happens to be the same as for GlitchTip; is this the reason it looks good to me? Don't know! In any case, now that I've picked a font, fine-tuning for spacing becomes an option.
72 lines
2.2 KiB
JavaScript
72 lines
2.2 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 = {
|
|
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'
|
|
],
|
|
theme: {
|
|
extend: {
|
|
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'),
|
|
],
|
|
}
|