Kristaps Fabians Geikins
83d8035dc2
* root + server * frontend * frontend-2 * dui3 * dui3 * tailwind theme * ui-components * preview service * viewer * viewer-sandbox * fileimport-service * webhook service * objectloader * shared * ui-components-nuxt * WIP full config * WIP full linter * eslint projectwide util * minor fix * removing redundant ci * clean up test errors * fixed prettier formatting * CI improvements * TSC lint fix * 'buildBatch' needs to be async since some batch types (like Text) require it. Removed a disabled liniting rule from ObjLoader * removed unnecessary void --------- Co-authored-by: AlexandruPopovici <alexandrupopoviciioan@gmail.com>
tailwind-theme
Tailwind theme used in frontend 2 and other apps.
Setup
- Install the package
- In your tailwind config import
@speckle/tailwind-themeand@tailwindcss/formsand add them to yourpluginsarray - Import
tailwindContentEntryfrom@speckle/tailwind-theme/tailwind-configureand invoke it in thecontentsfield in your Tailwind config to ensure PurgeCSS is configured correctly. It requires the CJSrequireobject as its only parameter. If it isn't available (in an ESM environment), you can use node'screateRequire().
Development
- Link this repo to wherever you're using this package. Unnecessary if you're using this package somewhere inside this monorepo.
- Run
yarn buildto re-build
Viewer
Run yarn viewer to open the Tailwind Config Viewer in the browser.
Note 1: The project must be built first for this to work! Note 2: All of the custom colors that rely on CSS variables will only show the light mode version irregardless of the "Dark Mode" toggle. This is because of a limitation of Tailwind Config Viewer.