Files
speckle-server/packages/tailwind-theme
andrewwallacespeckle cde5dd355c Pre Specklecon polish - Various tasks (#1849)
* “Selection info” panel should remember the Fold/Unfold state of it

* Remove old naming terminology strings

* Rename “Share” To “Copy Link” - Difficult to find the model ID for a new model before data is uploaded

* Add & Rearrange new Viewer Buttons WIP

* Small enhancements to the registration form

* {mobile } The extra “new model” functionality in Model tree/list view just falls apart

* {mobile } Shorten the long Webhook buttons

* Revert "“Selection info” panel should remember the Fold/Unfold state of it"

This reverts commit d1b94036a596c3c995e65eae32ebe2f63580ea66.

* Revert Player controls default

* Responsive changes to Viewer

* Responsive Comments

* Responsive Viewer

* Small fix

* Small fix

* Design improvements

* Styling updates

* style fixes

* Profile pop-up stays opened after selecting “Server Management”

* Profile pop-up stays opened after selecting “Server Management”

* Change the Project Settings Icon to a gear

* Misleading text while uploading ifc/obj file

* Amends from polish list

* Viewer Buttons WIP

* Updates buttons in Viewer

* No backdrop blur

* Style updates

* New Colouring Icon

* New useBreakpoints

* Latest fixes pre PR

* Updates from PR Comments
2023-11-02 11:56:16 +00:00
..

tailwind-theme

Tailwind theme used in frontend 2 and other apps.

Setup

  1. Install the package
  2. In your tailwind config import @speckle/tailwind-theme and @tailwindcss/forms and add them to your plugins array
  3. Import tailwindContentEntry from @speckle/tailwind-theme/tailwind-configure and invoke it in the contents field in your Tailwind config to ensure PurgeCSS is configured correctly. It requires the CJS require object as its only parameter. If it isn't available (in an ESM environment), you can use node's createRequire().

Development

  1. Link this repo to wherever you're using this package. Unnecessary if you're using this package somewhere inside this monorepo.
  2. Run yarn build to 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.